「福田茶屋」のホームページデザイン解説

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

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

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

ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...

ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...

画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...

全画面表示の画像がサイトを開くと現れて、インパクトのある演出になっています。画像はスライドショーで切り替わる仕組みになっていて、商品の特徴やラインナップが紹介されています。一目で内容が理解できる演出で、しっかりとユーザ視点が考えられています...

写真と文字が組み合わさったファーストビューの構成が、おしゃれでかっこいい雰囲気を作りあげる要素になっています。右側にはナビゲーションメニューがリスト表示されていることでサイトの内容がわかりやすくスムーズな閲覧が可能な設計です。スクロールして...

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

大きな写真が右から左に流れ続けるファーストビューの構成がインパクトのある演出になっています。マウスストーカーやその他のサイトを構成する要素には濃いめのブルーを用いて統一感のある構成が考えられています。差し色があることで鮮やかな画面が構成され...

サイトを開くと全画面のムービーが展開されて、思わず見入ってしまうような演出が施されています。スクロールした先ではモーショングラフィックが展開されており、カーソルの動きと連動したモーションや、上部のスピードメーターによってスピードを変えられる...

上部にナビゲーションメニューが固定表示されており、サイトの内容が分かりやすくスムーズなページ移行が可能な設計となっています。サイト全体はブルー系の要素を用いて、すっきりとまとめられいることで清潔感を感じ、気持ちよく閲覧できるデザインとなって...