「熊本らーめん」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックするとラーメンの魅力と美味しさの秘訣が写真と手書き風のテキストで次々と紹介されていきます。ナビゲーションメニューやコンテンツのタイトルには筆で書いたようなラフなタッチのラインをアクセントに使い、ブラックとレッドをメインにした色使いで画面に重厚感を生み出しています。画面下のページを先頭に戻るボタンはクリックするとキャラクターのイラストが画面上部まで飛び出して落下する、ユニークな仕掛けがされています。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: 株式会社 advance growing

サイト名: 熊本らーめん

URL: http://www.oppesyan.jp/

「熊本らーめん」のホームページデザイン解説

執筆者

カテゴリ

基本情報

飲食店に関連するデザイン

店舗サイトに関連するデザイン

ブラックを使ったデザイン

イラスト・手書き感なホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む