「カレーハウスCoCo壱番屋」のホームページデザイン解説

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

ダークブラウンのベタにスライドショーの写真とキャッチコピーを重ね、ファーストビューで素材の良さを引き出したパン作りを行うメーカーのイメージを存分にアピールしています。ホワイトの背景の余白を生かしたシンプルで清潔感を感じる画面に、鮮やかなパン...

メインビジュアルの上に大きくスペースを取り、レッドとブルーの2種類の注文ボタンをファーストビューに配置することで、サイトにアクセスしたユーザーにまず注文方法を選ばせることで自然な注文の流れへと導く構成です。メインビジュアルやコンテンツの背景...

ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...

ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...

素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...

画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...

次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...

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

サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...

ホワイトマスクがかかったムービーがファーストビューで展開されて、動きがあることで目を引く演出となっています。上部に設置されたナビゲーションメニューは、下スクロールで画面外に隠れ、上スクロールで瞬時に現れる仕組みで、スムーズな閲覧が可能な設計...

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