「焼きたて抹茶チーズタルト『深緑』『涼』」のホームページデザイン解説

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

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

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

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

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

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

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

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

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

全画面の写真がサイトを開くとまず目に飛び込んできて、インパクトのある演出が施されています。写真はゆっくりとしたオーバーラップで切り替わるスライドショー表示になっていて、上品さと温かみのある雰囲気が表現されています。スクロールしていくと写真上...

鮮やかなレッドのナビゲーションバーと、和風の花柄を盛り込んだゴールドのテクスチャに乗せたスライドショーがまず目を引くファーストビューです。年賀状の作成から投函までオンラインで行えるサービスということで、様々なハガキのデザインサンプルがカテゴ...

グレーをベースにブラウンをアクセントにしたサイトです。ファーストビューには、昭恋館 よ志のやの名物料理を紹介しています。グローバルナビにて昼食のプラン、客室や館内施設などを案内しています。トップページの中央に、昭恋館よ志のや謹製の通販セット...