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

画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...

画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...

サイトにアクセスするとバーガーをかたどったロゴが画面中央に現れ、イエローのベタが緩やかに流れていくアニメーションはとろけるチーズを想像させます。画面が切り替わると自然な流れでバーガーの写真が現れて食欲をそそります。濃淡2色のイエローにブラッ...

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

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

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

ファーストビューではまず鮮やかな赤みのかかったオレンジが画面いっぱいに広がり、画面右からクッキーの写真がスライドで流れてきて目を惹きつけます。オレンジのバックにホワイトのロゴとフォントという、シンプルながらコントラストがつけられた色使いです...

ファーストビューでは画面中央に外観写真が大きく表示され、アクセスページでは医院までの道のりの目印を写真に矢印を書き込んで示すことで、初めて歯科医院を訪れる方への良い目印となっております。オレンジをアクセントカラーにしたフラットなデザインは各...

サイトを開くと、中央のキャッチコピーを挟むように手書き風のお肉とビールのイラストがまず表示され、大きなインパクトを与えます。画面をスクロールするとイラストがさっと左右にはける演出もユニークです。淡いオレンジのグラデーションと山のイラストが常...

ブラウンのオーバーレイを重ねた写真が互い違いにスクロールする上に、太めのフォントでシンプルにキャッチコピーが乗ったファーストビューです。ベージュやブラウンをメインにした落ち着いた色使いに、角を取って丸くした写真やボタンと、画面スクロールとと...

サイトにアクセスすると、施設内の様子がスライドショーで紹介されており、クリニックへの信頼感をまず感じさせます。メインビジュアルの真下にナビゲーションメニューを配置したレイアウトで、各ページはアクセスするとまずビジュアルと病院ロゴ、電話番号と...

ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...