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

専門的なお話も、噛み砕かずそのままで。

「ホームページをリニューアルしたい」
「採用のエントリーを増やしたい」
「セキュリティが心配だ」

まずは、お客様の現状をそのままお聞かせください。
理系のバックグラウンドがありますので、無理に平易な言葉に言い換えていただく必要はありません。

未知の分野であっても、技術の概要やポイントを即座にキャッチアップします。

単発のご依頼から、月額のWeb顧問契約まで。
まずはお気軽に、Webの「セカンドオピニオン」としてもご相談ください。