淡いブルーの背景に可愛らしいイラストを多用したJAのホームページです。ファーストビューは農業協同組合らしく、野菜を栽培する人の笑顔があふれています。カワセミのムーちゃんをキャラクターに、ユーザーに親しみやすいサイトづくりをしています。「貯める」、「借りる」、「備える」などの項目をイラスト付きでわかりやすく表示、貯金商品やJA共済、各種ローンへとリンクしています。商品画像の付いたバナーからアクセスできる、プライベートブランドのページも充実しています。2カラム構成の下層ページはピンクとブルーの色違いで、「新着情報」と「重要なお知らせ」をチェックできます。JA東京むさしチャンネルの動画を配信しています。
執筆者
カテゴリ
基本情報
農業に関連するデザイン
-
「はつかいちご」のホームページデザイン解説左右反転した写真を2枚並べた写真が印象的なファーストビューです。ナビゲーションメニューはメインビジュアルの左下に控えめに配置し、マスキングテープ風の半透明のベタを重ねて素朴な雰囲気を感じさせます。手書き風のサイトタイトルと、ベージュを中心と...
-
「JAあさか野」のホームページデザイン解説トップページのスライドショーは、右側にサムネイルのカルーセルを配置して任意で切り替えることができます。ナビゲーションバーはマウスオーバーするだけでリンクとともに詳細情報も併記されているため、基本的な情報のみ知りたい場合は下層ページを探し回る...
-
「苺ファーム森本」のホームページデザイン解説ホワイトをベースに、イチゴをイメージするレッドを使ったホームページです。ファーストビューには、まっ赤なイチゴの画像が使われています。グローバルナビは、苺ファーム森本について案内しています。トップページは、苺ファーム森本が運営するオンラインシ...
コーポレートサイトに関連するデザイン
-
「エムトラスト株式会社」のホームページデザイン解説ファーストビューではCGグラフィックが展開されており、非常に凝った演出が思わず見入ってしまうような構成になっています。色鮮やかで驚きのある表現が、サイトの導入として効果的な演出です。上部にはナビゲーションメニューが設置されていて、下スクロー...
-
「graf」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、grafオリジナルのインテリアを紹介しています。グローバルナビにてプロダクト、グラフィックなどを案内しています。プロダクトのページでは、家具づくりに使っている道具や...
-
「東急不動産」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、東急不動産のオフィスタワーが写っています。グローバルナビにて東急不動産の会社情報、不動産ソリューションなどを案内しています。トップページの中央に、東急不動産のプロジ...
ブルーを使ったデザイン
-
「フォーサイト総合法律事務所」のホームページデザイン解説絵画調に加工された写真をファーストビュー全面に用いていて、目を引く演出が施されています。ページ上では常時動き続ける細い糸のようなオブジェクトが最下部まで一貫して表示されており、サイトの雰囲気を演出する要素になっています。「選ばれる理由」を説...
-
「イオニアシリーズ」のホームページデザイン解説ファーストビューには中央に大きく商品写真が配置されており、その背景に爽やかなイメージの写真が用いられていることで清潔感のある演出が施されています。商品写真と背景写真はスライドショーで切り替わる仕組みになっていて、サイトの導入として効果的な演...
-
「Lilionte」のホームページデザイン解説ファーストビューでは商品画像が浮いているような演出が展開されており、カーソルの動きに合わせて微細な動きが見られる効果が加えられていることでポップで楽しげな演出に仕上がっていて、ユーザの心を掴む工夫が施されています。サイトの導入として効果的な...
ナチュラル・清潔感なホームページのデザイン
-
「WOTA」のホームページデザイン解説鮮やかなブルー系のグラデーションカラーを用いて、ぼんやりとした波のような表現が展開されたファーストビューが美しく、見入ってしまうような演出によってサイトの導入として効果的な役割となっています。スクロールした先で表示される写真にはスクロールと...
-
「株式会社スタッフライフ」のホームページデザイン解説ゆっくりとしたオーバーラップで切り替わる画像が全画面表示されたファーストビュー になっていて、目を引く構成がサイトの導入として効果的な役割となっています。上部には画像に干渉しないよう文字のみで表示されたナビゲーションメニューが設置されており...
-
「Jo Malone」のホームページデザイン解説ファーストビューにナチュラルな雰囲気の画像が大きく表示されて、全体のイメージを作り上げる要素になっています。ヘッダーに設置されたナビゲーションメニューはスクロールで画面上部に固定表示される仕組みになっており、サイトの内容がわかりやすく、スム...