全体のレイアウトは、大きめの横長のバナーを縦1列に配置することで、ひとつひとつの製品の訴求を強めています。ファーストビューのスライドショーの脇からお米と吹き出しが覗いていたり、ページトップに戻るボタンや商品ラインナップのスライドショーの両端の矢印ががお米の形をしていたりと、コミカルな演出も見られます。サイト全体のカラーを稲穂を思わせる濃いめの黄色にまとめ、アクセントにワインレッドを使った、温かみのある色使いです。
執筆者
カテゴリ
基本情報
農業に関連するデザイン
-
「曽我農園」のホームページデザイン解説雪の中に埋まるトマトの写真を全画面に表示し、その上にホワイトのロゴを重ねることで、冬の冷たさトマトの組み合わせの意外性をまず印象付けるファーストビューです。サイトの色使いをモノトーンに抑えることで、原材料のトマトの写真や製品の赤がより引き立...
-
「合同会社 木漏れ日農園」のホームページデザイン解説筆ペンで描いたような緩やかな雰囲気のロゴと、背景に散りばめられた版画風の枝や葉っぱのイラストで、農園の温かい雰囲気を伝えてくれるデザインが印象的です。コンテンツの区切りには写真を画面幅いっぱいに配置するなど高画質の写真をページ内に多用し、視...
-
「森と踊る」のホームページデザイン解説画面に大きく表示された林業の様子のスライドショーと、ヘッダーの左にぽつんと表示されたシンプルなサイトロゴが、森林の物静かな雰囲気を感じさせるファーストビューです。淡いベージュをベースに、カーキとブラウンをアクセントにした柔らかい色使いもサー...
コーポレートサイトに関連するデザイン
-
「株式会社彩企」のホームページデザイン解説日没直前の空をバックに、街灯や照明の明かりが映えるマンションを大きく映した写真を大きく配置し、画面左上にキャッチコピーを配置したビジュアルが目を引くファーストビューです。企業コンセプトの紹介はインフォグラフィックを取り入れており、企業の強み...
-
「SOCSマネジメントシステムズ株式会社」のホームページデザイン解説サイトにアクセスすると画面左にキャッチコピーが表示され、その背後にゆっくりとスライドショーがフェードインするファーストビューです。落ち着いたブルーをアクセントにした色使いで、一部のリンクボタンやお問い合わせフォームの背景には鮮やかなグラデー...
-
「オートサロンR’tech」のホームページデザイン解説サイトを開くと洗車中の車の写真が表示され、その上に配置されたキャッチコピーは大きめのフォントに斜体をかけ、フォントの大きさに変化をつけて目を惹きつけます。余白のホワイトを生かした1カラムのすっきりとしたレイアウトで、インフォメーションやお問...
イエローを使ったデザイン
-
「埼玉東萌短期大学」のホームページデザイン解説サイトを開くと明るいイエローの背景がまず目に入ります。メインビジュアルは5枚の画像で構成されたスライドショーで、大学の魅力やオープンキャンパスの案内を伝えています。カラフルな色使いでポップな印象を与え、ナビゲーションメニューにイラストアイコ...
-
「めざまし茶づけ」のホームページデザイン解説鮮やかな山吹色の背景と、手書き風の緩いタッチの水色のロゴがまず目に入るインパクトのあるファーストビューです。エリアごとのイエロー・グリーン・スカイブルーの3色の背景は元気な印象を与え、ページの上下端に引かれたラインはお茶漬けのパッケージと同...
-
「LEGO clickbrick」のホームページデザイン解説鮮やかなイエローの画面がまず目に入り、レゴのキャラクターが回転しながらせり上がってくるカルーセルがユニークなファーストビューです。メインエリアはホワイトの背景にレッド・グリーン・ブルーのアクセントカラーを使ったレゴにマッチした色使いで、ボタ...
ナチュラル・清潔感なホームページのデザイン
-
「協立不動産株式会社」のホームページデザイン解説メインビジュアルには奥行きのある街並みで、空の面積が広い構図の写真をチョイスし、キャッチコピーを大きく配置してインパクトのある画面を作っています。コンセプトの部分にはシンプルな線で描かれた街並みのイラストで親しみやすさを演出し、リンクボタン...
-
「滋賀創寫舘」のホームページデザイン解説メインビジュアルは結婚式や七五三などのフォトシュートの様子をまとめたスライドショーで、英語の筆記体のタイトルでお洒落なイメージを、リボンやガーランドのあしらいで可愛らしく親しみやすいイメージを演出しています。またスライドショーの下部は波型に...
-
「アーネスト株式会社_apod」のホームページデザイン解説メインビジュアルのキャンプの写真はテントを右に寄せて空と地面の空間を大きく取り、その上にアナログ風にかすれさせたキャッチコピーをずらして配置しています。シンプルな1カラムのレイアウトですが、製品紹介やインスタグラムのサムネイル等の両サイドに...
