CONTACT
Works

LP Design / Conversion Focus

Kiki's Mill
Landing Page

Role

Web Design / Coding / Responsive Design

Tools

Figma / Illustrator / Photoshop / VS Code

Year

1 month / 2024.09

Industry

Healthcare / Diet food

View Site
Kiki's Mill Landing Page

Overview

Kiki's Millは、100%天然素材のオートミールを提供し、健康的で楽しいライフスタイルを提案するECブランドです。
本プロジェクトでは、「ダイエット=楽しい体験」として再定義し、継続利用を促すUX設計を行いました。

Kiki's Mill is an oatmeal EC brand committed to 100% natural ingredients, proposing a healthy and enjoyable lifestyle.
In this project, we redefined dieting as an enjoyable experience and designed UX that encourages continued use.

Project Goals

  • 明確なUI設計による購入率の向上 Improve conversion rate through clear UI design
  • 定期購入・継続利用の促進 Promote repeat purchases and continued use
  • ブランド価値を伝える一貫したビジュアル構築 Build a consistent visual identity that communicates brand value

Challenge

  • 健康習慣が継続しづらい

    Difficult to maintain healthy habits

  • 商品価値がユーザー体験に結びついていない

    Product value not connected to user experience

  • 初回購入後の継続導線が弱い

    Weak retention funnel after first purchase

Background

健康食品は機能価値は高い一方で、体験としての魅力や習慣化設計が不足しがちです。そのため、単発購入に終わらず、日常に組み込まれる体験設計が必要でした。

While health foods offer strong functional value, they often lack engaging experience design and habit-forming mechanisms. The challenge was to create an experience that integrates naturally into daily life beyond the initial purchase.

Approach

コンバージョン設計習慣化UXを両立する設計を採用。

We adopted a design approach that balances conversion optimization with habit-forming UX.

ターゲット理解

Target Research

ペルソナ・ユーザーニーズ分析

Persona & user needs analysis

情報設計

Information Design

購入導線をシンプルかつ直感的に設計

Design purchase flow simply and intuitively

UI/UX設計

UI/UX Design

コンテンツを通じて日常的な利用を促進

Encourage daily use through content

Design Solution

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

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

情報の優先順位を明確化

Clear information hierarchy

商品の魅力と購入導線を両立し、スムーズに誘導

Balanced product appeal and purchase flow for smooth guidance.

モバイルファースト設計

Mobile-first design

スマホでの読みやすさと操作性を最優先に設計。

Prioritized readability and usability on smartphones.

信頼感を高める要素

Trust-building elements

SNS投稿・ユーザー事例により信頼と共感を強化。

Strengthened credibility and empathy through SNS posts and user stories.

PC

Kiki's Mill PC デザイン

Mobile

Kiki's Mill モバイル デザイン

Outcome

リリース後、ユーザーの解決策と購入意欲の向上に貢献。

After launch, the design contributed to improved user engagement and purchase motivation.

  • UI改善によりコンバージョン向上を期待

    Expected improved conversions through UI enhancements

  • 日常利用への接続により継続意欲を強化

    Strengthened motivation for continued use through daily integration

  • 一貫したデザインによりブランド信頼性を向上

    Elevated brand credibility through consistent design

Let's talk

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

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