WORKS

LANDING PAGE DESIGN

MELLOW SWING
PILATES

ゴルフフィットネスサービス(架空)

mellowswing-pilates.my.canva.site
MELLOW SWING PILATES LPのPC・スマートフォンデザイン

PROJECT INFO 制作概要

Type
Landing Page
Created date
2026.08
Role
企画 / 情報設計 / Webデザイン
Tool
Figma / ChatGPT
Production Time
約1週間

CONCEPT コンセプト

整える。振ってみる。
もっとゴルフが好きになる。

「ピラティス × シミュレーションゴルフ」を組み合わせた、女性向けゴルフフィットネスサービスのLPを制作。

身体を整えた直後にスイングを試し、映像やデータで変化を確認できる一連の体験を軸に設計しました。

シミュレーションゴルフでスイングする女性

SERVICEサービス設定

女性向けマシンピラティスとシミュレーションゴルフを一つの施設で体験できる架空サービス。

整える → 振る → 確かめる

という3ステップで、身体づくりからゴルフ練習までを一貫してサポートします。

TARGETターゲット

20〜30代のゴルフを楽しむ女性

  • スイングが安定しない
  • 身体の硬さや姿勢が気になる
  • 一般的なゴルフスクールには入りづらい

と感じている女性を想定しました。

PURPOSE目的

サービスの特徴である「ピラティス × ゴルフ」を直感的に伝え、初回体験レッスンの予約につなげること。

初心者でも利用しやすい安心感と、身体の変化をゴルフで実感できる価値を伝える設計を目指しました。

STRUCTUREサイト構成

ユーザーの悩みへの共感から入り、サービスの特徴・具体的な体験内容・料金へと順番に理解を深め、自然に予約へ進める構成にしています。

DESIGN TONEデザイントーン

Korean Natural × Golf

韓国カフェのような柔らかく洗練された世界観をベースに、ゴルフらしい深いグリーンを組み合わせました。

曲線や余白を多く取り入れ、一般的なゴルフ施設のスポーティーな印象ではなく、女性が「通ってみたい」と感じる上品で親しみやすいデザインを意識しています。

COLORカラー

#F7F3EA

ベースカラー

温かみのあるアイボリー。柔らかくナチュラルな印象を演出。

#36573F

メインカラー

落ち着いたディープグリーン。自然感と上品さを表現。

#CF6845

アクセントカラー

温かみのあるテラコッタ。CTAなど重要な情報に使用。

TYPOGRAPHY使用フォント

見出し

筑紫Aオールド明朝

落ち着きと上品さのある明朝体。ブランドの洗練された世界観を表現する見出しに使用。

本文

Noto Sans JP

シンプルで視認性の高いゴシック体。サービス説明や料金など、情報量の多い箇所でも読みやすさを重視しました。

PREVIEW 完成画面

PC

MELLOW SWING PILATES LPのPC版完成画面 前半
MELLOW SWING PILATES LPのPC版完成画面 後半

SP

MELLOW SWING PILATES LPのスマートフォン版完成画面