土に埋まった大根の背景の上にコンテンツへのリンクを配置し、農業のイメージを伝えるとともにサイト全体の視線誘導の役目を果たしています。切り絵のような独特の太字フォントと手書きの野菜のイラストが、ユニークで親しみやすさを感じさせます。背景とイラストになじむように、ボックスもちぎった紙のような不揃いな形状をとっています。
執筆者
カテゴリ
基本情報
農業に関連するデザイン
-
「はつかいちご」のホームページデザイン解説左右反転した写真を2枚並べた写真が印象的なファーストビューです。ナビゲーションメニューはメインビジュアルの左下に控えめに配置し、マスキングテープ風の半透明のベタを重ねて素朴な雰囲気を感じさせます。手書き風のサイトタイトルと、ベージュを中心と...
-
「JAあさか野」のホームページデザイン解説トップページのスライドショーは、右側にサムネイルのカルーセルを配置して任意で切り替えることができます。ナビゲーションバーはマウスオーバーするだけでリンクとともに詳細情報も併記されているため、基本的な情報のみ知りたい場合は下層ページを探し回る...
-
「苺ファーム森本」のホームページデザイン解説ホワイトをベースに、イチゴをイメージするレッドを使ったホームページです。ファーストビューには、まっ赤なイチゴの画像が使われています。グローバルナビは、苺ファーム森本について案内しています。トップページは、苺ファーム森本が運営するオンラインシ...
コーポレートサイトに関連するデザイン
-
「エムトラスト株式会社」のホームページデザイン解説ファーストビューではCGグラフィックが展開されており、非常に凝った演出が思わず見入ってしまうような構成になっています。色鮮やかで驚きのある表現が、サイトの導入として効果的な演出です。上部にはナビゲーションメニューが設置されていて、下スクロー...
-
「graf」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、grafオリジナルのインテリアを紹介しています。グローバルナビにてプロダクト、グラフィックなどを案内しています。プロダクトのページでは、家具づくりに使っている道具や...
-
「東急不動産」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューには、東急不動産のオフィスタワーが写っています。グローバルナビにて東急不動産の会社情報、不動産ソリューションなどを案内しています。トップページの中央に、東急不動産のプロジ...
グリーンを使ったデザイン
-
「Pitta!」のホームページデザイン解説メインビジュアルに配置したサービスロゴは背景を明るくぼかすことで、ツヤ感のあるロゴデザインと相まってスポットライトが当たっているような効果を演出しています。また同様の効果はナビゲーションバーにも施されていて、メインビジュアルに配置したアイコ...
-
「NAVITIME」のホームページデザイン解説グリーンで色調を統一したアイソメ図風の地図イラストを背景に、検索ボックスをメインビジュアルに見立てて配置したファーストビューです。検索ボックスやナビゲーションメニューにはイラストアイコンが使われ、自分の利用したい経路の検索がすぐにできるレイ...
-
「.htaccess Editor」のホームページデザイン解説.htaccessファイルを数クリックで作成できるサービスです。作成できるファイルはメインエリアの左側にタブメニューで切り替えることができ、フォームに必要事項を記入して送信すると自動でテキストが書きだされます。タイトルの帯にグリーン、サイト...
イラスト・手書き感なホームページのデザイン
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「住宅情報ナビ」のホームページデザイン解説グレーをベースに、グリーンやブルーをアクセントにしたサイトです。ファーストビューには、楽しいキャラクターのイラストが描かれています。2カラム構成のトップページで、左サイドではSUUMOジャーナルの新着記事を掲載しています。右サイドには、SU...
-
「マピオン」のホームページデザイン解説画面幅いっぱいに敷かれた水彩風の波のテクスチャと、和紙のようなテクスチャと地方別の色分けを施した日本地図、手書きイラスト風のコンテンツのアイコンが合わさってメインビジュアルのような役目を果たしています。ブルーのヘッダーの下にはクレヨン風のイ...