No.080 生活の木

No.080 生活の木

No.080 生活の木 | Webサイト100選

ハーブ、アロマセラピー専門店「生活の木」のWebサイト。

ファーストビューの印象

全体的に彩度を落とし落ち着いた佇まい。コントラストも強すぎず優しい印象。

レイアウト

シングルカラム/グリッド

レスポンシブ対応

あり
ブレイクポイント:400px,641px,721px,1024px,1080px,1201px

フォント

見出し:Halant,メイリオ
本文:Halant,メイリオ

メニュー

PC:ナビゲーションバー
SP:ハンバーガーメニュー

カラー

ベースカラー:#F9F9F9
メインカラー:#76827B
アクセントカラー:#333333
サブカラー1:#8594AC
サブカラー2:#C74A41
サブカラー3:#CA9D40

感想、参考になった部分

ハーブ、アロマを扱う「生活の木」のWebサイト。
全体的に彩度、コントラストを落としたカラーマネジメント、「自然」「生活」を意識した写真選びが落ち着きと安心感を与えてくれる、ホッとする印象。

トップページはセクションごとにコンテンツの配置や背景、配色がまるっと変わり、雑誌を見ているような感覚だった。

「USERS PHOTO」のコーナーでは、ユーザーのSNS投稿がグリッド状に並べられ、ソート機能が実装されている。

 

No.080 生活の木 | Webサイト100選

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です