トップページ上部には、買い物カゴ、グローバルナビゲーション、検索バーを用意しユーザビリティに優れた設計です。用いられている画像は全体的に統一感のあるエフェクトを用いた落ち着いたナチュラルな印象を与えます。またコンセプトメッセージや背景に白を用いることでブランドイメージを巧みに演出しています。 ページ下部には支払いの際に使用できるカードや支払いシステムのロゴを掲載しており瞬時に認識することができます。グローバルナビゲーションは英語表記をしていますがシンプルな単語を用いているためスムーズに理解をすることができます。
執筆者
カテゴリ
基本情報
カフェ・喫茶店に関連するデザイン
-
「MORIHICO.」のホームページデザイン解説写真とロゴタイプ・イラストを組み合わせたポップで華やかなスライドショーが目を引くファーストビューです。コンテンツのサムネイルはグリッドレイアウトで規則正しく並べられ、区切りに店内写真を画面幅いっぱいに帯状に配置しています。モノトーンの色使い...
-
「MM MARKET & CAFEみなとみらい店」のホームページデザイン解説画面右から左に店舗と料理の写真が流れるスライドショーは力強い英語フォントのキャッチコピーが重ねられ、シンプルながらも料理と店舗の魅力を引き出しています。ホワイトと淡いベージュの背景にブラックのテキストを組み合わせたシンプルなデザインで、大き...
-
「リジョイス」のホームページデザイン解説画面いっぱいに表示されたスライドショーにキャッチコピーが重ねられたシンプルなファーストビューですが、高品質の写真をふんだんに使ってカフェのメニューと空間の魅力を引き出しています。タイトルに添えられたゴールドの筆記体がお洒落かつ高級感を与える...
ECサイトに関連するデザイン
-
「日清食品グループ オンラインストア」のホームページデザイン解説ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
-
「神戸元町辰屋」のホームページデザイン解説サイトを開くと鉄板の上で肉が焼ける様子が動画で流れ、動画には手書き風の店主の似顔絵が重ねられています。ホワイトのすっきりとした画面は清潔感を感じさせ、商品のキャプションやキャッチコピーを縦書きにすることで、和食らしさを出しています。画面左下...
-
「Caffè Mokarico Firenze」のホームページデザイン解説イタリアのコーヒーブランドのECサイトです。ファーストビューではコーヒー農園の写真と商品のスライドショーを組み合わせてメインビジュアルとしており、スライドショーにはカートボタンが設置されていてそのまま購入も可能です。リンク部分のラインにオレ...
ホワイトを使ったデザイン
-
「かみむらスポーツ教室」のホームページデザイン解説サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...
-
「JAXA 有人宇宙技術部門」のホームページデザイン解説ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...
-
「となりのひきだし」のホームページデザイン解説トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...
爽やかななホームページのデザイン
-
「クラウド歯科」のホームページデザイン解説サイトにアクセスするとまずクリニックのロゴが画面中央に大きく表示され、ロゴがアニメーションで崩れた後に白い歯を見せて笑う人物のイラストが次々とスライドショーで表示され、医療機関の堅実なイメージを覆すポップな印象を閲覧者にまず与えます。各コン...
-
「済生会横浜市東部病院」のホームページデザイン解説ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...
-
「One Day Dental」のホームページデザイン解説サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...
