見出し画像

井上製麺さんのサイトを分析してみた

今日はめんの日!株式会社井上製麺さんの麺作りへのこだわりが感じられるサイトを分析させていただきました。

KNAPのデザイナー3人でトークしてます。
あくまでメンバーで個人的に分析をさせていただいておりますことをご了承ください。

画像1

デザイン分析元の基本情報

商品の特徴:井上製麺さんのコーポレートサイト 
#めんの日   #Webサイト #ラーメン
URL:https://www.is-seimen.co.jp/
企業名:株式会社井上製麺

トップページ

白と黒のシンプルなデザインで職人技の雰囲気が上手く表現されています。

-ファーストビュー

スクリーンショット 2021-05-07 18.58.31

画像・コピー共に素材にこだわりが伝わってくるデザイン。1つのビジュアルだけだとラーメンの麺だけに見えてしまいますが、スライドショーにすることで、色々な麺を作ってるのが伝わります。麺単体だけでなく、ラーメンなどの完成形を載せているので使用用途をイメージしやすい印象でした。また、キャッチコピーも明朝体で丁寧な印象が感じられます。

画像18

画像19

画像20


-コンテンツ

スクリーンショット 2021-05-07 18.59.07

縦書きと横書きで写真を大きく使用することでメリハリがあって読みやすくデザインされています。コンバージョンになるような重要なリンクだけ右下にオレンジの色を入れ、アクセントをつけており分かりやすくなってます。豊富なラインナップ部分では、動いていることで目に付きながら種類の多さを訴求できるのが素敵だなと感じました。

画像6

画像7

画像8


-共通箇所(サイトマップ、フッター)

スクリーンショット 2021-05-07 19.02.54

商品写真が背景にありつつ、どのページからでもお問い合わせができるように電話番号やアクセスが分かりやすくなってます。

下層ページ

スクリーンショット 2021-05-07 19.04.22

背景がクリーム色の和紙っぽいデザインで、麺の世界観を上手く出しています。縦書きや明朝体が使用されていおり記事のように読みたくなるコンテンツになっています。

スクリーンショット 2021-05-07 19.05.27

麺が主役の見せ方ではなく商品を引き立てる見せ方になっています。使用シーンや導入した場合をイメージできるようなつくりが良いなと感じました。

スクリーンショット 2021-05-07 19.06.04

和風な雰囲気がありつつ、麺をイメージした線をアクセントに世界観が作られています。

スクリーンショット 2021-05-07 19.07.19

ファーストビューで完成品が見えるので、イメージしやすい。同じ生ラーメン用でも、かなりの種類作れることが分かり、専門性の高さを感じることができます。

写真

スクリーンショット 2021-05-07 19.10.05

工場写真は暗くなりがちですが、人感のある明るい雰囲気の写真になっており清潔感&安心感がある印象を与えてます。

フォント

スクリーンショット 2021-05-07 19.11.30

スクリーンショット 2021-05-07 19.12.38

日本語デバイスフォント:游明朝・游ゴシック
英語:Judson
フォントのカラー:#111111

フォントの説明
見出しなどは明朝体で、和風な雰囲気やこだわりがある職人の雰囲気をだしつつ、本文はゴシック体で高級になりすぎない様にデザインされています。

カラースキーム分析

画像9

白と黒を基調にし、他は類似したベージュやグレーを使用しているため統一感があります。画像の背景もそれぞれベージュや濃いグレーを敷いて全体のトーンを合わせています。

タイトル

麺の製造|株式会社井上製麺
井上製麺は大阪の製麺所です。中華麺・焼きそば麺・ラーメンの製造をしています。こだわりの麺をお探しの際は、お気軽にお問い合わせください。

画像2

この記事を書いているメンバーが働いている会社
よかったら見に来てください!

画像3


この記事が参加している募集

スキしてみて

この記事が気に入ったらサポートをしてみませんか?