ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、クリックすると色鮮やかな写真が多数使われた一覧で紹介しているページに遷移します。見やすい表示となっていて、ネット注文サイトへのリンクが設置してあるため、すぐに購入に進めて導線が考えられています。店舗一覧の表示でも写真を使い、左右にある矢印をクリックすると表示が切り替わる仕組みとなっていて、切り替わる際の動きに面白い効果が加えられていてちょっとした動きにもこだわりを感じます。話の雰囲気で綺麗にまとめられた完成度の高いサイトです。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「そば処 東家（あずまや）」のホームページデザイン解説サイトにアクセスすると、画面の左右からスライドしてくる黒と朱色のお椀のシルエットと、その間に挟まった藍色の店舗ロゴが大きなインパクトを与えます。画面をスクロールすると店舗の外観や内装、食事風景などの様子がスライドショーで紹介され、縦書きのキ...
-
「お食事処 まんだら」のホームページデザイン解説トップに配置された金色と墨色の2色で描かれたお城がまず目に入りますが、てっぺんのしゃちほこで一目で名古屋城とわかるだけでなく、よく見るとすべて野菜の型押しで描かれていて驚きを与えるとともに、食材へのこだわりとお店の歴史を感じさせるシンボルと...
-
「IPPUKU&MATCHA」のホームページデザイン解説深みのあるグリーンの抹茶が注がれた切子のグラスからはわずかに湯気が立ち上るアニメーションをあしらい、背後にあしらった茶葉の山と深い藍色の背景色で和の落ち着いた雰囲気と宇治抹茶の高級感を演出しています。藍色の背景に明朝体の縦書きと横書きの英文...
店舗サイトに関連するデザイン
-
「PEDAL｜京都 二条 美容室」のホームページデザイン解説トップページの最上部には「ご予約はこちら」ボタンを目立たせ用意しています。店舗ロゴは右側に用意させ予約ボタン並びにグローバルナビゲーションに目がいくよう配慮されています。ページ全体としては白を基調とし画像もさわやかで淡い色合いを用いることで...
-
「natura」のホームページデザイン解説トップページ内には予約・空き情報および電話番号の常時バナーを用意しています。そのバナーの色味は黄色と黒を用いることではっきりとインパクトがあります。ファーストビュー画像の下にはインフォメーションが開催されており、最新情報を逃さずキャッチする...
-
「銀座の美容室 TREE(ツリー) | hair&life d…」のホームページデザイン解説トップページ上部にはアクセスと電話用のボタンが用意されています。文字は記載されていないですが、馴染みのアイコンのため瞬時にどんな内容か理解することができます。またファーストビュー画像内にも予約用のボタンを用意しておりコンバージョンを意識した...
ホワイトを使ったデザイン
-
「Houndstooth Design & Communications」のホームページデザイン解説マイアミにあるデザインスタジオのサイトです。ページにアクセスすると、ツートンカラーに分けられた画面の中央にシンプルに挨拶が表示され、直下の「What We Do」のテキストとラインでページ下部へのスクロールを促しています。事業一覧はマウスオ...
-
「株式会社パラドックス」のホームページデザイン解説サイトにアクセスすると、数枚の写真で構成されたスライドショーが流れますが、写真の内容がそれぞれ大きく違うため何のサイトだろう？と興味を惹きつけます。ベタをほとんど使わず、短いラインでタイトルやリンク部分にアクセントをつけたフラットなデザイン...
-
「Hair Salon Groen」のホームページデザイン解説トップページ上部には丁寧にどんなコンセプトでロゴの設定背景など事細かに説明されています。その中でも文字のフォントや大きさもそれぞれメリハリがあり文字量は多いですが、見づらくならないようデザインされています。ページ全体としては白を基調に緑をア...
堅め・信頼感なホームページのデザイン
-
「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小２枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
-
「株式会社コーポレート・アドバイザーズ・アカウンティング」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、雲の合間から薄日が差し込んでいる大空が写っています。グローバルナビにて会社情報、取扱業務などを案内しています。トップページの中央に、コーポレート・アドバイザーズ・アカ...
-
「おおたか総合法律事務所」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューには、都心の高層ビル群が淡いトーンで写っています。3本ラインのメニューボタンにて、事務所の業務内容などを案内しています。トップページの中央に、おおたか総合法律事務所からのメ...