最も目に留まりやすいトップページのメイン画像領域ではスライドショー表示でデリバリーやオンラインショップなどの各種サービスを告知し、店舗に赴かなくても購入できることをアピールしていて、精力的に営業されていることがよくわかります。さらに、下へスクロールをすると右から左に流れ続ける商品写真が現れて、どのようなお菓子を作っているのか見やすい工夫がされています。また、各店舗の情報はサムネイル画像一覧で探しやすく、店舗詳細ページでは取り扱っている商品の詳細情報が写真付きで掲載されていて必要な情報が満遍なくサイト上で知ることができる構成になっています。全体を通してわかりやすく見やすい設計になっていてユーザー目線をよく考えられたサイトです。
カテゴリ
基本情報
飲食店に関連するデザイン
- 「そば処 東家(あずまや)」のホームページデザイン解説
サイトにアクセスすると、画面の左右からスライドしてくる黒と朱色のお椀のシルエットと、その間に挟まった藍色の店舗ロゴが大きなインパクトを与えます。画面をスクロールすると店舗の外観や内装、食事風景などの様子がスライドショーで紹介され、縦書きのキ...
- 「お食事処 まんだら」のホームページデザイン解説
トップに配置された金色と墨色の2色で描かれたお城がまず目に入りますが、てっぺんのしゃちほこで一目で名古屋城とわかるだけでなく、よく見るとすべて野菜の型押しで描かれていて驚きを与えるとともに、食材へのこだわりとお店の歴史を感じさせるシンボルと...
- 「IPPUKU&MATCHA」のホームページデザイン解説
深みのあるグリーンの抹茶が注がれた切子のグラスからはわずかに湯気が立ち上るアニメーションをあしらい、背後にあしらった茶葉の山と深い藍色の背景色で和の落ち着いた雰囲気と宇治抹茶の高級感を演出しています。藍色の背景に明朝体の縦書きと横書きの英文...
店舗サイトに関連するデザイン
- 「PEDAL|京都 二条 美容室」のホームページデザイン解説
トップページの最上部には「ご予約はこちら」ボタンを目立たせ用意しています。店舗ロゴは右側に用意させ予約ボタン並びにグローバルナビゲーションに目がいくよう配慮されています。ページ全体としては白を基調とし画像もさわやかで淡い色合いを用いることで...
- 「natura」のホームページデザイン解説
トップページ内には予約・空き情報および電話番号の常時バナーを用意しています。そのバナーの色味は黄色と黒を用いることではっきりとインパクトがあります。ファーストビュー画像の下にはインフォメーションが開催されており、最新情報を逃さずキャッチする...
- 「銀座の美容室 TREE(ツリー) | hair&life d…」のホームページデザイン解説
トップページ上部にはアクセスと電話用のボタンが用意されています。文字は記載されていないですが、馴染みのアイコンのため瞬時にどんな内容か理解することができます。またファーストビュー画像内にも予約用のボタンを用意しておりコンバージョンを意識した...
ベージュを使ったデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「並木町の整骨院」のホームページデザイン解説
トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...
- 「福岡 薬院の美容室|&Loosen(アンドルーセン)」のホームページデザイン解説
トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...
可愛いなホームページのデザイン
- 「My Austria Bucket List」のホームページデザイン解説
ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...
- 「株式会社ベアハグ・採用サイト」のホームページデザイン解説
大量の子熊のぬいぐるみをまとったモデルのビジュアルが、ファーストビューで驚きを与えます。ベージュ・ブラウン・ピンクなどの柔らかいアースカラーをメインにしたやさしい色使いで、インフォグラフィックの色使いも統一されています。大きめの英文フォント...
- 「大原幼稚園」のホームページデザイン解説
サイトを開くと円形に切り取られた写真が右から左に流れていく演出が見られて、可愛らしい画面がサイトに引き込まれる効果になっています。また背景にはイラストが使われていて可愛らしいイメージを作り上げる要素になっています。スクロールした先では園児た...