CONTACT
Works

Product Landing Page / Conversion-Focused Design

NÉA
Hair Milk Product Landing Page

Role

UI Design / Front-End Development

Tools

Adobe XD / Photoshop / Illustrator / VS Code

Year

1 month / 2026.05 - 2026.06

Industry

Beauty & Personal Care

View Site
NÉA Hair Milk Product Landing Page

Overview

NÉA Hair Repair Milkの新商品発売に伴い、商品の魅力と信頼性を伝えながら購入へ導く広告LPを制作。
髪質改善に関心のある女性に向けて、商品理解から購入までのハードルを下げる体験設計を行い、サロン品質のヘアケアを身近に感じられるブランド体験を目指した。

Created an advertising LP to communicate product appeal and credibility while guiding users to purchase for the NÉA Hair Repair Milk launch.
Designed an experience that lowers the barrier from product understanding to purchase for women interested in hair quality improvement, aiming for a brand experience that makes salon-quality hair care feel accessible.

Project Goals

  • 商品の特徴と価値を直感的に伝える Communicate product features and value intuitively
  • 購入への不安を軽減し、信頼感を構築する Reduce purchase anxiety and build trust
  • Amazon・BASEへの送客と購入率向上を支援する Support traffic to Amazon & BASE and improve conversion rate

Challenge

  • 類似商品が多く、商品の違いが伝わりにくい

    Many similar products make it hard to communicate product differentiation

  • 髪質改善商品の効果に対する信頼性が不足している

    Lack of credibility around the effectiveness of hair improvement products

  • オンライン購入前に十分な判断材料が得られない

    Insufficient information to make a confident decision before purchasing online

Background

ヘアケア市場には多くの競合商品が存在し、ユーザーは「本当に効果があるのか」「自分に合うのか」といった不安を抱えている。そのため、商品の特徴だけでなく、使用後の変化や信頼性をわかりやすく伝える設計が必要だった。

The hair care market is crowded with competing products, and users carry doubts like "will it really work?" and "is it right for me?". This made it essential to design not just around product features, but to clearly communicate results and build trust.

Approach

ユーザーの不安を解消しながら、自然に購入行動へつなげるLP設計を行いました。

Designed an LP that resolves user anxiety while naturally guiding users toward purchase action.

ユーザー理解

User Research

髪のダメージや髪質改善への悩みを整理し、共感から興味を喚起する構成を設計

Mapped hair damage and improvement concerns to design a structure that sparks interest through empathy

情報設計

Information Design

商品の特徴・成分・使用メリットを段階的に伝え、理解しやすい情報構造を構築

Built an easy-to-understand information structure by progressively communicating features, ingredients, and benefits

コンバージョン設計

Conversion Design

購入導線をシンプルに整理し、迷わず購入ページへ進める体験を設計

Simplified the purchase flow so users can proceed to the purchase page without hesitation

Design Solution

成果につながるよう、以下のポイントを意識してデザインしました。

The design focused on the following points to drive meaningful outcomes.

共感から始まるファーストビュー

Empathy-Led First View

髪悩みへの共感と理想の仕上がりを提示し、興味を喚起

Presented empathy for hair concerns and ideal results to spark interest

ビジュアル設計

Visual Design

上質感と信頼感を両立するトーンでブランド価値を表現

Expressed brand value through a tone balancing premium feel and trustworthiness

シンプルな購入導線

Simple Purchase Flow

Amazon・BASEへのCTAを最適化し、スムーズな購入体験を実現

Optimized CTAs to Amazon & BASE for a smooth purchase experience

PC

NÉA PC デザイン

Mobile

NÉA モバイル デザイン

Outcome

ユーザーの不安を軽減し、購入意欲を高める体験設計を実現。

Reduced user anxiety and achieved an experience design that elevates purchase motivation.

  • 商品の理解と信頼形成を促進

    Promoted product understanding and trust building

  • 使用後のイメージを想起させ、購入意欲を向上

    Evoked post-use imagery to boost purchase motivation

  • 購入までの導線を最適化し、コンバージョン向上を支援

    Optimized the path to purchase to support improved conversions

Let's talk

フリーランス案件のご相談も承っております。
お気軽にご連絡ください。

Available for freelance projects.
Feel free to reach out anytime.