概要
洗い流すトリートメントaprta (アプルータ)の公式サイトと、ECサイト(Lunavis Store)のaprta販売ページを制作しました。
URL
https://adjustacademy.com/d2501/d250129-110757/site02/
作成ページ
担当
コンセプト立案、リサーチ、ペルソナ設定、サイトマップ制作、ワイヤーフレーム制作、画像の選定、画像の作成、コーディング
使用ツール
HTML、CSS、Photoshop、jQuery
所要時間
調査・設計：15時間
デザイン：10時間
コーディング：20時間
クライアント
aprta（アプルータ）は、ヘアケア商品を手がける株式会社Lunavisが展開する洗い流すトリートメントブランド。「時間がないけれど、しっかりケアしたい」というユーザーの声に応える商品として開発され、店頭や公式オンラインショップ「Lunavis Store」で販売されている。
コンバージョン
・商品購入者数の増加
・商品認知度の向上
ターゲット
30～40代 女性
使用カラー
公式サイト- #ffffff
- #bc5074
- #e7dfe2
- #ffffff
- #555555
- #e4dee0
aprta公式サイト：メインカラーに落ち着きのあるローズピンクを用いることで、美しさと大人の女性らしさを演出しました。アクセントカラーには淡いピンクグレーを使用し、全体にやさしさをプラスしています。
ECサイトの販売ページ：メインカラーに落ち着いたダークグレーを採用し、見やすさと使いやすさを重視しました。アクセントカラーには淡いグレーを用い、やわらかく落ち着いた雰囲気を演出しました。
デザインについて
aprta公式サイト：ターゲットの年代にあわせ、落ち着いた印象になるよう、フォントにNoto Serif JPを使用することや、落ち着いたトーンの色を使用することで、シックで上品な印象に仕上げました。
ECサイトの販売ページ：シンプルで使用しやすいデザインになるように意識しました。また、背景色を白にすることで、視認性を高めました。
コーディングについて
aprta公式サイトでは、商品購入へ促すため、「ご購入はこちら」ボタンを複数配置させました。ECサイトの販売ページでは、HTML・CSSを用いてアコーディオンメニューやレビュー画面を作成しました。
ペルソナ
