works Hero Image

WORKS

オトアフ
公式HP

past projects

スキンケアブランド「otaf」では、商品企画からページ制作・販売企画・マーケティングまで一貫して担当。 ECでの売上拡大を目的に、クレンジングバーム・クレイパック・美容液を商品開発しました。 また、ブランド立ち上げから販売戦略まで携わり、成長を支える土台を築きました。

ターゲット 20~30代の主に女性。
お仕事や子育てて、忙しい毎日を送りながらも、自分を大切にしたい層
目的 コンセプトと商品それぞれの魅力を発信し、ファンを育てる。
認知を広げつつ、安心して手に取れる公式感をデザインに込めた。
課題 ・EC上だけではブランドのコンセプトや雰囲気が十分に伝わらない
・公式サイトがないことで不安に感じるユーザーがいる
・商品ページのみの構成で、他の商品にリンクできずブランド全体が見えにくい
改善 ・シンプルかつ上質感のあるデザインでブランドの世界観を表現
・公式感を演出し、安心して購入につながる導線を設計
・3つの商品を横断して知ってもらえるよう、リンク導線を追加
制作期間 企画/情報設計/WF1週間
デザイン(撮影含む)3週間
コーディング(4P)3週間
使用ツール Illustrator / Photoshop / Figma / VScode / Cursor

わたしの取り組み

My Contributions

  • 商品開発から販売ページ制作までを一貫して担当
  • 主にQoo10とAmazonのECサイト改善、売り上げ基盤を構築
  • 販促資料制作、実際にバイヤーに提案し店舗導入拡大に貢献
  • SNSやMeta広告用の画像を企画から考え作成
  • 新商品の企画、プロモーション戦略を立案

ブランドの実績

Achievements

実際に働いてからの2年間の成果になります。

  • クレンジングバーム販売数1万個突破
  • EC売上を毎月150万円以上に安定化
  • バライティショップ全国100店舗へ導入
  • 新商品・バリエーション違いを含め、合計4商品の展開

PAGES

ページデザインの一覧になります。
画像をスクロールして、ご確認いただけます。

TOP

MVを大きく配置し、画像が切り替わるアニメーションを採用。
全体的に写真を大きく配置し、上質な世界観を表現した。

pages Image TOP

CLEANSING BALM

ランキング入賞実績を上部に配置し、信頼性と訴求力を高めた。
3種類の特徴も分けて説明し、ユーザーが選びやすい構成にした。

pages Image cleansing balm

CLAY PACK

性能をわかりやすく伝えるために3つのポイントで整理。
冒頭に動画を配置し、商品情報を視覚的にわかりやすい構成にした。

pages Image clay pack

FOCUS SERUM

性能をわかりやすく伝えるために3つのポイントで整理。
波や淡いカラーで、とろけるテクスチャーと透明感を表現した。

pages Image focus serum
制作実績へ
次の作品へ