「チョコレートショップ」のホームページデザイン解説

サイトにアクセスすると、画面の左右からスライドしてくる黒と朱色のお椀のシルエットと、その間に挟まった藍色の店舗ロゴが大きなインパクトを与えます。画面をスクロールすると店舗の外観や内装、食事風景などの様子がスライドショーで紹介され、縦書きのキ...

トップに配置された金色と墨色の2色で描かれたお城がまず目に入りますが、てっぺんのしゃちほこで一目で名古屋城とわかるだけでなく、よく見るとすべて野菜の型押しで描かれていて驚きを与えるとともに、食材へのこだわりとお店の歴史を感じさせるシンボルと...

深みのあるグリーンの抹茶が注がれた切子のグラスからはわずかに湯気が立ち上るアニメーションをあしらい、背後にあしらった茶葉の山と深い藍色の背景色で和の落ち着いた雰囲気と宇治抹茶の高級感を演出しています。藍色の背景に明朝体の縦書きと横書きの英文...

トップページの最上部には「ご予約はこちら」ボタンを目立たせ用意しています。店舗ロゴは右側に用意させ予約ボタン並びにグローバルナビゲーションに目がいくよう配慮されています。ページ全体としては白を基調とし画像もさわやかで淡い色合いを用いることで...

トップページ内には予約・空き情報および電話番号の常時バナーを用意しています。そのバナーの色味は黄色と黒を用いることではっきりとインパクトがあります。ファーストビュー画像の下にはインフォメーションが開催されており、最新情報を逃さずキャッチする...

トップページ上部にはアクセスと電話用のボタンが用意されています。文字は記載されていないですが、馴染みのアイコンのため瞬時にどんな内容か理解することができます。またファーストビュー画像内にも予約用のボタンを用意しておりコンバージョンを意識した...

Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...

トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...

トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...

ファーストビューでは画面全体をレッドのラインで囲んだ中央にサイトロゴが浮かび上がり、鮮やかな色がまず目に入ります。ベージュのテクスチャと柔らかい丸みを帯びたフォントが柔らかいイメージを与え、手書きのイラストや随所に盛り込まれたアニメーション...

大量の子熊のぬいぐるみをまとったモデルのビジュアルが、ファーストビューで驚きを与えます。ベージュ・ブラウン・ピンクなどの柔らかいアースカラーをメインにしたやさしい色使いで、インフォグラフィックの色使いも統一されています。大きめの英文フォント...

サイトを開くと円形に切り取られた写真が右から左に流れていく演出が見られて、可愛らしい画面がサイトに引き込まれる効果になっています。また背景にはイラストが使われていて可愛らしいイメージを作り上げる要素になっています。スクロールした先では園児た...