Loading...

Cosmetics EC Site

Summary

Project Type:

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

Launch Date:

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

Tasks Tasks

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

Technologies Technologies

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

Colors Colors

#eae1cf

#ccbfb1

#302833

#826f3d

Top Page Top Page

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

Shop Page Shop Page

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

Product Page Product Page

About Us Page About Us Page

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

Contact Contact

「種をまき、共に育てる」

Peas Projectは、お客様との長期的な関係性を大切にします。
プロジェクトの完了がゴールではなく、継続的な成長と進化をサポートすることが私たちの使命です。
小さな種から大きな実りへ—私たちと一緒に、未来を育てませんか?