3Dアニメーションのトップページがとにかく印象的で、サイトを開いた瞬間に驚きのある凝った演出です。画面上に雪の降るアニメーションが流れており、中央にスノードームが配置された幻想的な画面に目が釘付けになります。さらにカーソルが視点で目線を動かすことができるところも面白くて遊び心を感じます。右下に配置された商品のサムネイルリンクをクリックすると背景の色が黒に変わり、キャンペーンの詳細がポップアップ表示される仕組みになっています。SHOPLISTページへのリンクも同時に表示されて、来店意欲が高まる効果的な構成を考えられています。
カテゴリ
基本情報
飲食店に関連するデザイン
- 「そば処 東家(あずまや)」のホームページデザイン解説
サイトにアクセスすると、画面の左右からスライドしてくる黒と朱色のお椀のシルエットと、その間に挟まった藍色の店舗ロゴが大きなインパクトを与えます。画面をスクロールすると店舗の外観や内装、食事風景などの様子がスライドショーで紹介され、縦書きのキ...
- 「お食事処 まんだら」のホームページデザイン解説
トップに配置された金色と墨色の2色で描かれたお城がまず目に入りますが、てっぺんのしゃちほこで一目で名古屋城とわかるだけでなく、よく見るとすべて野菜の型押しで描かれていて驚きを与えるとともに、食材へのこだわりとお店の歴史を感じさせるシンボルと...
- 「IPPUKU&MATCHA」のホームページデザイン解説
深みのあるグリーンの抹茶が注がれた切子のグラスからはわずかに湯気が立ち上るアニメーションをあしらい、背後にあしらった茶葉の山と深い藍色の背景色で和の落ち着いた雰囲気と宇治抹茶の高級感を演出しています。藍色の背景に明朝体の縦書きと横書きの英文...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
グレーを使ったデザイン
- 「卒業袴レンタル きもの鈴乃屋」のホームページデザイン解説
サイトにアクセスすると店舗ロゴのアニメーションから画面が切り替わり、キャッチコピーと大小2枚の写真がふわりと浮かび上がる、優しいイメージを感じさせるファーストビューです。淡いグレーの和紙風と、オレンジの伝統模様のテクスチャが和服のしっとりし...
- 「THIS」のホームページデザイン解説
ロンドンのデザインスタジオのコーポレートサイトです。ファーストビューではグレー1色の画面にブラックのベタを斜めに配置し、無造作に付箋を張り付けたようなラフな画面になっています。制作実績一覧では画面スクロールで写真が左下から回転しながらフェー...
- 「ILOLI HAIR」のホームページデザイン解説
ページ全体としてはグレーと白を用いることでスタイリッシュで落ち着いた印象を与えます。ファーストビューは店内の様子を撮影した写真が定期的にスライドしていくデザインです。スマートフォンの画面の場合グローバルナビゲーションおよび予約用のボタンを常...
ポップなホームページのデザイン
- 「Droptokyo」のホームページデザイン解説
東京のファッションメディアのサイトで、鮮やかな原色のイエローとブルーがまず目に入ります。画面左にナビゲーションを固定し、中央をスライドショー、右側はコンテンツのリンクとワイド画面を3分割したレイアウトで構成されています。スライドショーをスク...
- 「社会福祉法人実源福祉会 一の宮保育園(公式ホームページ)」のホームページデザイン解説
ブルーをベースに、カラフルなイラストが描かれたサイトです。ファーストビューには、一の宮保育園で遊ぶ園児たちが写っています。グローバルナビにて保育園の概要、年間行事予定などを案内しています。トップページは2カラム構成で、左サイドに新着情報と一...
- 「かいせい保育園」のホームページデザイン解説
ホワイトをベースにしたカラフルなサイトです。ファーストビューには、かいせい保育園で元気に遊ぶ園児たちを写した動画が使われています。グローバルナビにて保育園での生活、かいせい保育園の施設一覧などを案内しています。メールマークの付いたイエローの...