No.083 AROMICstyle No.083 AROMICstyle 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選 投稿ナビゲーション No.082 山崎実業株式会社No.084 株式会社 闇 ver.2 コメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 ※ が付いている欄は必須項目ですコメント ※ 名前 ※ メール ※ サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。