「漁師さん直送市場」のホームページデザイン解説

全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...

全画面の画像がファーストビューに使われていて、サイトを開くとまず画像が目に飛び込んで来ることでインパクトのある演出になっています。画像はスライドショーで切り替わることでユーザの興味を抱かせる工夫になっており、それぞれの画像の背景が色分けされ...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、grafオリジナルのインテリアを紹介しています。グローバルナビにてプロダクト、グラフィックなどを案内しています。プロダクトのページでは、家具づくりに使っている道具や...

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

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

ファーストビューで大きく掲載されたホワイト一色で統一された工具類の写真が、ユーザの興味を刺激するような演出になっていて、サイトの導入として効果的な演出です。スクロールしていくと、サムネイル画像を用いて商品を紹介しており、見やすい構成がしっか...

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

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

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

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

全面ブラックで統一された画面がインパクトのある演出となっており、大きく掲載された画像や各要素の表現によってスタイリッシュなイメージが表現されています。ファーストビューでは右側に写真が表示されており、切り替わる際のモーションが特徴的で目を引く...

サイト内の様々な箇所に設置された帯状のオブジェクトが常に動くモーションを付与されており、ポップで楽しげな表現が展開されています。さらにオブジェクトや一部の文字は同時に色が変わる効果も加えられていて、驚きのある演出が施されています。サイトの内...