Loading...

Cosmetics EC Site

Summary

Project Type:

ECサイト, ブランドサイト

Launch Date:

化粧品商社のECサイトのデザインおよび実装を担当いたしました。
ゴールドを基調に、高級感や上品さをシンプルな中に表現いたしました。
EC機能はWooCommercdをカスタマイズして実装しております。
(※実績としての公開不可のためコンテンツを入れ替えて掲載しております。)

Tasks

ブランディング, UIデザイン, UXデザイン, ECサイト構築, CMS, WordPressテーマ開発, レスポンシブ, サイトマップ設計, ワイヤーフレーム制作, SEO, コピーライティング

Technologies

PHP, WordPress, JavaScript, HTML5, CSS3, SASS(SCSS)

Colors

#eae1cf

#ccbfb1

#302833

#826f3d

Top Page

ベースカラーには白色を採用し上品なイメージとしました。
メインカラーとして薄いゴールドを用いて、高級感を表現するとともに、男女ともに使用される製品だったため性別に関係なく好まれる色合いとしました。
単調にならないように随所に暗色を取り入れ、メリハリのあるデザインとしております。
スライダーやパララックス効果も取り入れ、目を引くような工夫もしております。

Shop Page

商品一覧ページはシンプルに仕上げ、商品を見やすいようにデザインしました。
カテゴリーや価格帯などでフィルタリングできるように実装しました。

Product Page

About Us Page

会社概要ページはシンプルではありますが、画像にパララックス効果を施すことで飽きのない実装としました。
また、PCレイアウトでは可視性を落とさない程度にネガティブマージンを取り入れ、レイアウト的な面白さも取り入れております。

Contact

お客様のパートナーとして一緒に働くことを楽しみにしております!

皆様へ感動体験をお届けすべく親身になってご対応させていただきます。
Webに関するお悩みをお持ちの方や、ご質問・ご不明点をお持ちの方はお気軽にお問い合わせください。