「食バンク」のホームページデザイン解説

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

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

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

全体としては白を基調としたシンプルなデザインのホームページです。トップページ上部にはグローバルナビゲーションのボタンと検索ボタンが設置されています。ファーストビュー画像下にはどのようなサービスを取り扱うサイトなのか、アイコンのイラストともに...

ホワイトをベースに、オレンジとブラウンをアクセントにしたサイトです。ファーストビューでは、料理のレシピやイベントレポートを紹介しています。グローバルナビにて「料理の基本」や「料理の前段階での準備」、人気のレシピランキングなどを案内しています...

サイトを構成する要素のカラーをまとめることで統一感のある印象を作り上げています。またグリーン系のカラーで統一することで、「病院検索」という提供するサービスのイメージにマッチしたナチュラルな雰囲気を演出しています。「地域から探す」「検査コース...

鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...

グレーをベースにオレンジをアクセントにしたサイトです。ファーストビューでは、イラスト付きのアイコンから住まいを探せます。グローバルナビにて、不動産・住宅情報などを案内しています。トップページの中央に、不動産のカテゴリ一覧を掲載しています。不...

メインビジュアルは2枚の画像で構成されたスライドショーで、その下のブルーのストライプの帯には新着記事のタイトルが電光掲示板のようにスライドして表示されます。カテゴリーはラウンド状のボタンが右から左へと次々と流れてきて、様々なジャンルのブログ...

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

ゆっくりとしたオーバーラップで切り替わる画像が全画面表示されたファーストビュー になっていて、目を引く構成がサイトの導入として効果的な役割となっています。上部には画像に干渉しないよう文字のみで表示されたナビゲーションメニューが設置されており...

ファーストビューにナチュラルな雰囲気の画像が大きく表示されて、全体のイメージを作り上げる要素になっています。ヘッダーに設置されたナビゲーションメニューはスクロールで画面上部に固定表示される仕組みになっており、サイトの内容がわかりやすく、スム...