トップページのファーストビューでは鮮やかなブルーのグラデーションが画面いっぱいに映し出され、店舗ロゴが浮き出てきます。その後、グラデーションが透過していき背景に店舗の写真が表示されるという一連のモーションがおしゃれで美しく、魅入ってしまいます。コンセプト説明の項目では、背景の柄に波の流れる動きが付与されていて可愛らしさを感じます。また、各種項目でサイトのデザインに合わせてピクトグラムを使用しており、ユーザーが直感的に理解できるような表示にしている点が特徴的です。さらに、シーンに合わせた利用方法の説明や、設置してある洗濯機・乾燥機の情報も写真つきで掲載をしていて、非常に親切なサイトだと感じました。
執筆者
カテゴリ
基本情報
カフェ・喫茶店に関連するデザイン
-
「WHAT CAFE」のホームページデザイン解説サイトを開いた瞬間に展開される一連のモーションが非常に迫力があり、思わず見入ってしまうような演出がサイト導入の効果となっています。スクロールしていくと画面左側に画像、右側に説明のテキストという構成で内容が展開されて見やすい構成がしっかりと考...
-
「ミスタードーナツ」のホームページデザイン解説スカイブルーのペンキを塗ったようなラフなテクスチャが鮮やかで目を引くファーストビューです。メインビジュアルのエリアはコンパクトにし、店舗検索のボックスとアルバイト募集のバナーが同時に目に入るように構成されています。新商品やキャンペーン情報の...
-
「B.cafe」のホームページデザイン解説ブラックをベースに、ブラウンやグレーをアクセントにしたサイトです。ファーストビューには、B.cafeのおしゃれな店内が写っています。グローバルナビにてメニュー、モルドバワインなどを案内しています。ワインリストから一覧を見られます。トップペー...
店舗サイトに関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「HODGE x PODGE」のホームページデザイン解説ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...
-
「土屋印店」のホームページデザイン解説画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...
ブルーを使ったデザイン
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
-
「イオニアシリーズ」のホームページデザイン解説ファーストビューには中央に大きく商品写真が配置されており、その背景に爽やかなイメージの写真が用いられていることで清潔感のある演出が施されています。商品写真と背景写真はスライドショーで切り替わる仕組みになっていて、サイトの導入として効果的な演...
-
「Lilionte」のホームページデザイン解説ファーストビューでは商品画像が浮いているような演出が展開されており、カーソルの動きに合わせて微細な動きが見られる効果が加えられていることでポップで楽しげな演出に仕上がっていて、ユーザの心を掴む工夫が施されています。サイトの導入として効果的な...
ナチュラル・清潔感なホームページのデザイン
-
「WOTA」のホームページデザイン解説鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...
-
「株式会社スタッフライフ」のホームページデザイン解説ゆっくりとしたオーバーラップで切り替わる画像が全画面表示されたファーストビュー になっていて、目を引く構成がサイトの導入として効果的な役割となっています。上部には画像に干渉しないよう文字のみで表示されたナビゲーションメニューが設置されており...
-
「Jo Malone」のホームページデザイン解説ファーストビューにナチュラルな雰囲気の画像が大きく表示されて、全体のイメージを作り上げる要素になっています。ヘッダーに設置されたナビゲーションメニューはスクロールで画面上部に固定表示される仕組みになっており、サイトの内容がわかりやすく、スム...