せろりのセオリー | Webサイト100選

Webデザイン未経験の私が、魅力的で優れたWebサイトを見て考察力、表現力を学ぶ学習サイトです。

No.5 A&H Farm

せろりのセオリー/ Webサイト100選 No.5 A&H Farm

■概要

淡路島で親子3代で農作物の生産から加工・販売までを行っている会社のホームページ

 

 

■ターゲット

山地直産のものや、生産者の顔が分かり安心して農産物を購入したい人

 

 

■FV

扱っている農産物の島玉ねぎのイラストと写真が表示され、
どんなサイトなのか、推している商品は何なのかが分かりやすい。
生産者家族が可愛いイラストで描かれていて、温かみを感じる。

せろりのセオリー/ Webサイト100選 No.5 A&H Farm

 

■特徴

ページを開くとナビゲーションが画面下に表示されているが、スクロールすると上部で固定される。
スクロール時には、上部ナビゲーションの色が変化しているため、どこを見ているのか明確になっている。

 

 

・商品紹介

玉ねぎ型に切り抜かれた写真を使って商品を紹介。きれいに整列さた配置だが、テキストと下の商品画像との位置が近いため、少し離して配置した方がどの商品説明なのか分かりやすくなると思う。

せろりのセオリー/ Webサイト100選 No.5 A&H Farm

 

 

・農園について

特徴を3つに絞り、番号を振って説明。アピールポイントが分かりやすい。セクション間の余白は少なめだが、テキストを交互に配置し、左右はたっぷり余白を取ることで読みやすくなっている。

せろりのセオリー/ Webサイト100選 No.5 A&H Farm

 

 

■フォント

・futura

 

 

■配色

玉ねぎをを連想させる淡い茶色
ベースカラーrgb(222, 203, 160) (#decba0)
テキスト:#574100

せろりのセオリー/ Webサイト100選 No.5 A&H Farm

せろりのセオリー/ Webサイト100選 No.5 A&H Farm

 

 

Webサイト:A&H Farm

 

せろりのセオリー/ Webサイト100選 No.5 A&H Farm

せろりのセオリー/ Webサイト100選 No.5 A&H Farm

次へ 投稿

前へ 投稿

返信する

© 2025 せろりのセオリー | Webサイト100選

テーマの著者 Anders Norén