DEAR COCO

サイトの概要

地球と人に優しいオーガニックコスメブランド（架空）のブランドサイト制作

目的・ゴール

ブランドの認知度を上げる

ブランドコンセプトに共感するターゲットに訴求し、ファンになってもらう

ターゲット

素材にこだわる、落ち着いたナチュラル志向の30代女性

当ブランドを知ったばかりの人

価格の安さよりも質の良さで選びたい人

華美な装飾よりシンプルなデザインを好む人

普段からフェアトレード＆オーガニックの製品を選ぶようにしている人

企業・サービスの特徴

100%オーガニック栽培のココナッツと天然由来の成分のみで作られた洗顔料やスキンケア用品など、地球と人に優しいコスメティックブランド

価格はやや高め、その分素材や製造工程にこだわっている

購入金額の一部がココナッツ生産地に寄付される

実店舗とオンラインショップで販売

担当範囲

構想

サイト設計

ロゴ制作 - Illustrator

デザイン - Photoshop / Illustrator / XD

コーディング - HTML / CSS / jQuery

制作の流れ

構想 > ブランドコンセプト決め > ロゴ制作 > サイト設計 > 素材の用意 > デザインカンプ > コーディング

制作期間

構想・ロゴ制作 - 8時間

デザイン・修正（PC） - 24時間

デザイン（Tablet, SP） - 8時間

コーディング - 16時間

デザインについて

優しい・大人の女性・上品・無添加・オーガニックをキーワードに制作。

ココナッツの実をイメージした白・茶色のカラーリングに、金色をアクセントにすることで特別感をプラス。

清潔感がありつつナチュラルな印象を目指して画像を選定・加工しました。

行間や余白を広めに取り、見出しは明朝体・セリフ体を使用することで上品なイメージに。

ボタンのマウスオーバー時の変化も少しゆっくり目にし、余裕をもたせています。

実際のページを見る