サイトを開いた瞬間に展開される一連のモーションが非常に迫力があり、思わず見入ってしまうような演出がサイト導入の効果となっています。スクロールしていくと画面左側に画像、右側に説明のテキストという構成で内容が展開されて見やすい構成がしっかりと考えられています。「ニュース」の項目は、スクロールしていくとグリッドが表示されるモーションが見られて、ちょっとした効果が目に止まりやすい構成になっています。サイトを構成する要素は、ホワイトとブラックをメインに挿し色としてビビッドなイエローを用いていて、全体を通してスタイリッシュでインパクトのある雰囲気が演出されいています。
カテゴリ
基本情報
カフェ・喫茶店に関連するデザイン
- 「JINNAN HOUSE」のホームページデザイン解説
トップページ上部には、買い物カゴ、グローバルナビゲーション、検索バーを用意しユーザビリティに優れた設計です。用いられている画像は全体的に統一感のあるエフェクトを用いた落ち着いたナチュラルな印象を与えます。またコンセプトメッセージや背景に白を...
- 「MOS BURGER」のホームページデザイン解説
ファーストビューでは画面全体を覆いつくすスライドショーが大きなインパクトを与え、食欲をそそります。ホワイトの背景にブランドカラーのレッドと補色のグリーンをアクセントにしたフラットなデザインで清潔感を感じさせるデザインで、タイトルの下にレッド...
- 「ミスタードーナツ」のホームページデザイン解説
スカイブルーのペンキを塗ったようなラフなテクスチャが鮮やかで目を引くファーストビューです。メインビジュアルのエリアはコンパクトにし、店舗検索のボックスとアルバイト募集のバナーが同時に目に入るように構成されています。新商品やキャンペーン情報の...
店舗サイトに関連するデザイン
- 「PEDAL|京都 二条 美容室」のホームページデザイン解説
トップページの最上部には「ご予約はこちら」ボタンを目立たせ用意しています。店舗ロゴは右側に用意させ予約ボタン並びにグローバルナビゲーションに目がいくよう配慮されています。ページ全体としては白を基調とし画像もさわやかで淡い色合いを用いることで...
- 「natura」のホームページデザイン解説
トップページ内には予約・空き情報および電話番号の常時バナーを用意しています。そのバナーの色味は黄色と黒を用いることではっきりとインパクトがあります。ファーストビュー画像の下にはインフォメーションが開催されており、最新情報を逃さずキャッチする...
- 「銀座の美容室 TREE(ツリー) | hair&life d…」のホームページデザイン解説
トップページ上部にはアクセスと電話用のボタンが用意されています。文字は記載されていないですが、馴染みのアイコンのため瞬時にどんな内容か理解することができます。またファーストビュー画像内にも予約用のボタンを用意しておりコンバージョンを意識した...
ホワイトを使ったデザイン
- 「GINZA WEDDING BOOK 25ans」のホームページデザイン解説
銀座に連なるブライダル関係のショップ・ブランドをまとめたサイトです。ファーストビューでは銀座の時計台をバックに微笑むウェディングドレスを着た女性が全画面に表示された後、画面が切り替わると画面左が主要ショップのスライドショー、右はショップカテ...
- 「WEEK END」のホームページデザイン解説
ファーストビューはスタイリッシュな写真と製品の切り抜き写真を切り替えるスライドショーを組み合わせてメインビジュアルとしており、スライドショーを切り替えるとビジュアルも連動して切り替わる仕組みになっています。サイトに使われている写真もモノトー...
- 「美容室MILLOR」のホームページデザイン解説
ファーストビューには何ができる美容院かがしっかりと表現され、関連するイラストや写真や手書きの文字がまとめられた伝えたいメッセージが明確で理解がしやすいホームページです。その下にはLOOKBOOKと題し、様々な髪型のモデルが並んでいます。どん...
奇抜・派手なホームページのデザイン
- 「つばめタクシー・大和グループ 採用情報サイト」のホームページデザイン解説
ファーストビューでまず、鳥のキャラクターに扮した男性の写真がスライドショーで次々と現れ、鮮やかなスカイブルーのバックに大きく書かれたキャッチコピーと相まって特大のインパクトを与えています。下層ページでもブルーの背景では仮装した人物を、それ以...
- 「makespace.」のホームページデザイン解説
海外のクリエイターや起業家向けの、コミュニケーションプラットフォームへのリンクを一堂に集めたページです。ダークグレーの背景の中にシンプルにInstagram風にサムネイルが並び、マウスオーバーすると写真が鮮やかなカラーのベタに切り替わる演出...
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...