サイトを開くとファーストビューに画像と時刻が表示されて、現在時刻から少しずつ時間が進んでいき、連動して画像が切り替わっていく演出が施されています。表示された時間帯ごとにコーヒーを利用するシーンの写真が使われていて効果的な表示となっています。トップページにはスクロールもなく、ファーストビューのみのページになっていて、上部に設置されたナビゲーションメニューから下層ページに進むと提供しているメニューの紹介ページやお店の情報を見ることができます。「MENU」のページでは写真を多数使って、見やすくおしゃれな雰囲気でまとめられていてクオリティの高いサイトに仕上がっています。
執筆者
カテゴリ
基本情報
カフェ・喫茶店に関連するデザイン
-
「有限会社キッツェミサ_オンラインショップ」のホームページデザイン解説サイトを開くと、スイーツのアップの写真を使ったスライドショーが画面幅いっぱいに広がり、閲覧者の食欲をそそります。スライドショーの上に配置されたクレヨンで描いたようなタッチのロゴが可愛らしく、親しみやすさを感じさせます。下層ページは帯状にトリ...
-
「お茶と酒 たすき」のホームページデザイン解説サイトにアクセスすると、まず画面いっぱいにかき氷の写真を使ったスライドショーが表示され、画面左上には店舗ロゴ、右上にはハンバーガーメニューが配置されています。メインページは画面中央に季節商品のかき氷の写真が縦1列に並び、それぞれマウスオーバ...
-
「MORIHICO.」のホームページデザイン解説写真とロゴタイプ・イラストを組み合わせたポップで華やかなスライドショーが目を引くファーストビューです。コンテンツのサムネイルはグリッドレイアウトで規則正しく並べられ、区切りに店内写真を画面幅いっぱいに帯状に配置しています。モノトーンの色使い...
サービスサイトに関連するデザイン
-
「島田工房」のホームページデザイン解説メインビジュアルは3枚の指輪着用シーンで構成されたスライドショーで、写真の片側にグラデーションをかけることで上に配置したキャッチコピーを読みやすくし、同時に穏やかな空気を感じさせます。コンテンツの切り替え部分は帯状にトリミングした写真を配置...
-
「株式会社中島利七_利七屋」のホームページデザイン解説メインビジュアルは店舗の内観と取り扱い商品のアップ写真で構成されたスライドショーで、中央には店舗名、左上には営業時間と連絡先が記載されています。オレンジをアクセントカラーにしたフラットなデザインで、タイル状に並べられたコンテンツのサムネイル...
-
「坂井輪幼稚園・坂井輪東幼稚園」のホームページデザイン解説画面中央に配置された建物の写真は背景にイエローの帯を敷き、写真を囲むようにドットのテクスチャを施した円を配置した、ポップな印象のファーストビューです。柔らかいイエローを中心にブルーやグリーンのドットのテクスチャを取り入れ、画面上端にはガーラ...
グレーを使ったデザイン
-
「有限会社関根鉄工所」のホームページデザイン解説サイトを開くと画面幅いっぱいにスライドショーが表示され、製品の製造の様子と完成品を大きく映した写真の組み合わせで品質の高さを感じさせます。モノトーンをベースにしたフラットなデザインで、お問い合わせフォームのリンクボタンのみゴールドに色を変え...
-
「日本料理 温石（おんせき）」のホームページデザイン解説サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...
-
「立命館先進研究アカデミー」のホームページデザイン解説サイトにアクセスすると画面を赤いラインが斜めに走り、画面が入れ替わるとモノクロ写真のモチーフと赤いドットが画面いっぱいに散りばめられる、インパクトのあるファーストビューです。メインビジュアルはマウスカーソルの動きに追従して上下左右にわずかに...
かっこいいなホームページのデザイン
-
「ツルタボルト株式会社」のホームページデザイン解説メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...
-
「第一ニットマーケティング株式会社_no+af」のホームページデザイン解説メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...
-
「Free Space株式会社_SOURCE hair space」のホームページデザイン解説サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...
