No.083 AROMICstyle

No.083 AROMICstyle

No.083 AROMICstyle | Webサイト100選

AROMICstyle

天然の精油を利用したスマートライフを提案する、AROMICstyleのECサイト。
アロマディフューザー、アロマスプレーなどを取り扱う。

ファーストビューの印象

スッキリとシンプルなファーストビュー。
スマホでアクセスすると下部にメニューバーが固定される。

レイアウト

シングルカラム

レスポンシブ対応

あり
ブレイクポイント:320px,375px,426px,769px,1025px

フォント

見出し:”Plus Jakarta Sans”, “Zen Kaku Gothic New”, 游ゴシック体, “Yu Gothic”, YuGothic, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, メイリオ, Meiryo, Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif
本文:”Plus Jakarta Sans”, “Zen Kaku Gothic New”, 游ゴシック体, “Yu Gothic”, YuGothic, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, メイリオ, Meiryo, Osaka, “MS Pゴシック”, “MS PGothic”, sans-serif

メニュー

PC:ナビゲーションバー
SP:ナビゲーションバー

カラー

ベースカラー:#FFFFFF
メインカラー:#46875D
アクセントカラー:#1E88C2
アクセントカラー:#D02929

感想、参考になった部分

ホワイトをベースに、スッキリ見やすく清潔感のあるサイト。

ヘッダーに表示されたセール情報は一定の横幅で右から左へ流れるように変化する。
これならフォントサイズを小さくせずに済むため、表示領域が狭くなっても可読性を落とさない。「〇〇円オフ」という結論が一番左に書かれているところも、なるほどと思った。

スマホサイトになると親指の届きやすいところにメニューバーが固定される。
コンバージョンを得るために効果的だと感じた。

写真は、商品を実際に配置した写真を使うことで、生活に取り入れた際のイメージが容易にできる。
「生活の一部」であることを感じることができるサイト。

 

No.083 AROMICstyle | Webサイト100選

コメントを残す

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