「アーネスト株式会社_apod SHOP」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

サイトを開くとおすすめ商品を紹介するスライドショーが画面幅いっぱいに表示されます。シンプルな1カラムのレイアウトで色使いもモノトーンでまとめられ、マージンを多めに取ってすっきりと見せたデザインです。アイテム一覧は正方形の写真にキャッチコピーを組み合わせたパーツをタイル状に並べられており、サムネイルの右上には小さくベタを敷いて製品の特長をワンポイントで表記しています。特にピックアップしたい商品は横長の大きなサムネイルを使い、サムネイルの左側にベタを敷いて製品ロゴ・キャッチコピー・リンクボタンを配置しています。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: アーネスト株式会社

サイト名: アーネスト株式会社_apod SHOP

URL: https://www.rakuten.ne.jp/gold/apod-arnest/

「アーネスト株式会社_apod SHOP」のホームページデザイン解説

執筆者

カテゴリ

基本情報

生活用品に関連するデザイン

ECサイトに関連するデザイン

ホワイトを使ったデザイン

シンプルなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む