「八屋」のホームページデザイン解説

サイトを開いた瞬間に展開される一連のモーションが非常に迫力があり、思わず見入ってしまうような演出がサイト導入の効果となっています。スクロールしていくと画面左側に画像、右側に説明のテキストという構成で内容が展開されて見やすい構成がしっかりと考...

スカイブルーのペンキを塗ったようなラフなテクスチャが鮮やかで目を引くファーストビューです。メインビジュアルのエリアはコンパクトにし、店舗検索のボックスとアルバイト募集のバナーが同時に目に入るように構成されています。新商品やキャンペーン情報の...

ブラックをベースに、ブラウンやグレーをアクセントにしたサイトです。ファーストビューには、B.cafeのおしゃれな店内が写っています。グローバルナビにてメニュー、モルドバワインなどを案内しています。ワインリストから一覧を見られます。トップペー...

ファーストビューでムービーが展開され、サイトを開くとまず目に飛び込んでくることでインパクトのある演出になっています。下部に進むと、大きくテキストが表示されてスクロールと連動した動きが見られる表示が展開されています。テキストはリンクになってい...

絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...

斜めに並んだ複数の画像がスクロールと連動して動く仕組みがファーストビュー画像領域に展開されており、目を引く演出がしっかりと考えられています。ファーストビューではブラックの背景にホワイトの文字を使うことでメリハリの効いたスタイリッシュなイメー...

ファーストビューではディスプレイの画面が回転し、その中で次々を画像が切り替わっていくムービーが展開されていて、商品の情報がストレートに伝わる演出が施されています。説明が無くても映像で商品を知ってもらえるような作りになっていて、ユーザが直感的...

鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...

ファーストビューではタレントを起用した目を引く写真が大きく使われており、画像上に商品画像が配置された構成になっています。商品画像はタイプごとに3つの画像を色分けして、並べて表示されていて見やすく、それぞれにカーソルを合わせるとちょっとしたモ...

シンプルでかっちりとした構成になっていて、信頼感を感じるデザインにまとめられています。ファーストビュー 画像領域では右から左に写真が流れてくる仕組みになっていて、目に止まりやすい構成が考えられています。ヘッダーに表示されたナビゲーションメニ...

全画面表示の写真がファーストビューに表示されて、インパクトのある演出が施されています。画面中央にはロゴマークの形状に別の写真が組み合わさって独特な表現になっていて、興味を抱かせる工夫となっています。さらに右下に設置された左右の矢印マークをク...

背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...