スクロール1
スクロール2
スクロール3
スクロール4

-詳細-

detail

制作物名

title
「PhotoWorksLab.」
写真教室サイト画像
写真教室コンタクト
フィグマ初期設定

制作期間

term

デザイン: 1日

コーディング: ノーコードツールSTUDIO利用 1日

使用ツール

tool

目的

purpose

“写真をもっと楽しみたい初心者” が、
教室の雰囲気・受講内容・講師の人柄を短時間で理解できるようにし、
「参加しやすさ」と「安心感」を訴求するLP を目指しました。

特にフォト教室は口コミや講師の雰囲気が重視されるため、
「誰が教えるのか」「どんな体験ができるか」を中心に情報設計しています。

対象

terget

•カメラ初心者〜中級者
•スマホ撮影から一歩ステップアップしたい層
•子どもやペットをきれいに撮りたい人
•基礎から学べる少人数制レッスンを探している人

ターゲットの不安(機材知識・教室の雰囲気・難しさ)を解消できる構成にしています。

設計意図

design

ノーコードツール、STUDIOの使用感について試してみたかったので、作成をしてみました。
•カメラ初心者〜中級者
•スマホ撮影から一歩ステップアップしたい層
•子どもやペットをきれいに撮りたい人
•基礎から学べる少人数制レッスンを探している人

ターゲットの不安(機材知識・教室の雰囲気・難しさ)を解消できる構成にしています。

■情報設計のポイント

フォト教室のユーザーは
教室の雰囲気 → どんなレッスン? → 料金 → 申し込み
の順で情報を求める傾向があります。

そのためLPは以下の導線で構築しました。

1. ファーストビュー:安心感の提示
•講師写真と教室の雰囲気を最初に提示
•初心者ウェルカムの印象を強く打ち出す

2. 教室の特徴(USP)を簡潔に
•少人数制
•初心者向けステップレッスン
•カメラ/スマホどちらもOKなど
→ 比較されやすい部分を先に提示

3. レッスン内容の紹介
•基礎/構図/色/撮影実践など
→ 「自分でもできるかも」という想像を促す

4. 講師紹介

フォト教室では最も重要な「誰が教えるのか」を丁寧に掲載。
→ 信頼形成につながる

5. 受講者の声(想定例)

→ レッスンの満足度を強化

6. 料金と申し込み導線
•シンプルな料金プラン
•申し込みボタンを複数配置
→ スマホユーザー向けの離脱対策