LANDING PAGE

自主制作(スクール課題)

ヨガイベント LP

イベントの魅力や世界観を視覚的に伝えながら、ユーザーが迷わずチケット購入へ進めるLPを目指して制作しました。

ヨガイベントのランディングページ。PCとスマートフォンでの表示イメージ

Basic Info

制作種別

自主制作(スクール課題)

制作物

ランディングページ(PC / SP)

担当範囲

情報設計 / デザイン

制作期間

2ヶ月

使用ツール

Figma

01

プロジェクト概要

Project Overview

背景

都会の中で心身を整える体験を提供する、都市型ヨガフェスイベントを想定し、チケット購入につなげるLPを制作。

課題

イベントの魅力や体験価値を視覚的に伝えながら、チケット購入まで自然に導くこと。

目的

イベント認知の向上と、チケット購入促進。

想定ユーザー

東京近郊に住む20代〜30代女性

前提条件

チケット購入導線を複数箇所に配置し、写真やビジュアルを活用しながら、イベントの魅力が直感的に伝わる設計。

02

デザインコンセプト

Design Concept

1

コンセプト

ヨガで繋がる、私と街

2

イメージキーワード

「癒し」 「非日常」 「開放感」 「自然」 「ポジティブ」

3

情報設計

イベントの魅力や雰囲気が直感的に伝わるよう、イラストや写真を効果的に活用しました。
チケット購入導線を各所に配置し、スムーズに行動へ繋がる構成を意識しています。

4

デザイン方針

全体の方向性

自然や癒しを感じられるアースカラーと開放感のあるビジュアルを取り入れ、都会的な洗練さと心地よさを両立したデザインを目指しました。
視覚的なわかりやすさと統一感のあるUI設計により、イベントの魅力が直感的に伝わる構成に仕上げています。

配色設計

アースカラーを基調に、自然や癒しを感じられる配色を設計しました。
アクセントカラーにはターコイズ系カラーを採用し、爽やかさと視認性を加えることで、都会的で洗練された印象を演出しています。

Base 1

#FAFBF3

Base 2

#FEFEFE

Main

#9BCA54

Accent

#66B2B2

Sub

#3A6A6A

Text 1

#333333

Text 2

#4A4A4A

フォント選定

和文には高い可読性を持つ「Noto Sans JP」を採用しました。
欧文には洗練された印象を与える「Montserrat」を採用し、ナチュラルさと都会的な上品さを両立しています。

和文フォント

Noto Sans JP

欧文・数字フォント

Montserrat

03

デザイン意図

Design Intent

ヨガイベントのランディングページ。PCとスマートフォンでの表示イメージ

期待感を高める導入設計

イベント参加後の「清々しさ」や開放感を想起させるイラストを採用し、世界観への没入感を高めました。

直感的に伝わるビジュアル設計

ヨガ・食・音楽などのイベント要素をファーストビューで視覚的に表現し、イベント内容が瞬時に伝わるよう工夫しました。

写真による体験イメージの訴求

各コンテンツに実際の体験を想起させる写真を配置し、イベント参加後の情景が自然にイメージできるよう設計しました。

リズム感を生む交互レイアウト

写真とテキストを左右交互に配置することで、単調さを抑えながら、心地よく読み進められる構成に仕上げました。

世界観を強化するカラー演出

タイトル周辺にメインカラーのぼかし表現を取り入れることで、自然のやわらかさや癒しの空気感を演出しました。

比較しやすいチケット設計

「早割」と「前売」を横並びで配置し、価格差や販売期間を直感的に比較できるよう設計しました。

視線を集める価格強調デザイン

おすすめである「早割」をメインカラーで強調し、ユーザーの視線が自然に集まるよう工夫しました。

04

全体像

Design Overview

PC

SP

04

全体像

Design Overview

PC

SP

arrow_upward

Page

Top