「苺ファーム森本」のホームページデザイン解説

ファーストビューは画面を横方向に3分割したレイアウトで、上からナビゲーションメニュー、メインビジュアル、導入文で構成されています。メインビジュアルは画面左にキャッチコピーを配置し、一部の語句を線で囲むことで協調しています。導入文のエリアはグ...

画面幅いっぱいに表示された農園の全体写真の鮮やかさがまず目を引き、その上に筆記体の英語フォントでキャッチコピーが重ねられています。サイトの導入部分はフルーツの切り抜き写真で囲んでポップで親しみやすい印象を与え、コンテンツは色味を統一した写真...

雪の中に埋まるトマトの写真を全画面に表示し、その上にホワイトのロゴを重ねることで、冬の冷たさトマトの組み合わせの意外性をまず印象付けるファーストビューです。サイトの色使いをモノトーンに抑えることで、原材料のトマトの写真や製品の赤がより引き立...

楽天市場内の生活雑貨の通販サイトで、ページのタイトルは太いグリーンのラインで大かっこ状に囲まれています。メインビジュアルは写真の余白を生かしてキャッチコピーや囲み写真を配置し、製品を白のラインで協調したデザインです。色使いは製品ごとに見出し...

サイトを開くとおすすめ商品を紹介するスライドショーが画面幅いっぱいに表示されます。シンプルな1カラムのレイアウトで色使いもモノトーンでまとめられ、マージンを多めに取ってすっきりと見せたデザインです。アイテム一覧は正方形の写真にキャッチコピー...

ファーストビューは可愛らしいイラストを使ったナビゲーションメニューの下に角丸の扇形のスライドショーが配置され、スライドショーのモーションに緩急をつけることで柔らかさだけでなく元気なイメージも感じさせます。淡いオレンジをメインとしたパステルカ...

鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...

メインビジュアルは漫画のコマ風に組み合わせられた3枚の写真が1枚ずつ浮かび上がり、最後にキャッチコピーと吹き出しが浮かび上がるドラマチックな構成です。コンテンツは1カラムのレイアウトで、学校説明会の募集要項は写真・キャプション・リンクボタン...

世界中に拠点を持つクリエイティブコミュニティのサイトで、ヘッダーにはタイトルロゴの横に拠点の地名が書かれ、言語切り替えのボタンから5か国語の表記へ切り替えることができます。メインビジュアルは写真とテキストを組み合わせたスライドショーになって...

サイトを開くと、鮮やかな青空をバックに手のひらの上に乗せた家の模型の写真がぱっと目に入り、余白に配置されたキャッチコピーと合わせて目を引きます。1カラムのシンプルなレイアウトで、鮮やかなグリーンをアクセントカラーにしたさわやかな色使いです。...

メインビジュアルは写真とキャッチコピーを組み合わせた3枚の画像からなるスライドショーで、中でも逆光の中に人物が浮かび上がる写真の上にキャッチコピーを配置したビジュアルはひときわ目を引きます。鮮やかなブルーをメインカラーにしたさわやかな印象の...

サイトを開くと画面幅いっぱいに日本酒の製造工程が動画で紹介され、特に立ち上る湯気の映像が温度感を与えます。ホワイト1色の背景と画面幅いっぱいに貼られた写真が交互に繰り返されるシンプルな1カラムのレイアウトで、フォントをすべて明朝体にすること...