YUKA
NAGASE

ハンバーガーメニュー

WORKS

実績

Figma to Studioプラグイン活用講座

LPサイト クライアントワーク
Figma to STUDIOプラグインのUdemy講座を分かりやすく紹介するために制作したLPです。 講座の特徴である“実務で即使えるポイント”を整理し、他教材との違いがひと目で伝わる構成にしています。最短習得や特典などの魅力を強調し、受講メリットを短時間で把握できる導線設計を意識しました。
サイトを見る
figmatostudioPCモックアップ figmatostudioSPモックアップ
課題
  1. ① Udemyの講座ページしかなく、外部から講座へアクセスできる導線がなかった
  2. ② 講座の実践性や即効性がUdemyページだけでは伝わりにくかった
  3. ③ 他教材との違いや強みが明確に見えず、受講の判断材料が不足していた
目的
  1. ① Udemy外から講座へ流入できる導線をつくり、アクセス数を増やす
  2. ② 講座の実践性・即効性を分かりやすく伝え、内容理解を高める
  3. ③ 他教材との違いを明確にし、受講したい理由がはっきり伝わる状態にして購入につなげる
ターゲット
  1. ・FigmaとSTUDIOの連携をスムーズにして制作効率を上げたい人
  2. ・実務で通用する、即戦力レベルのスキルを身につけたい人
  3. ・クライアントワークの品質と納品スピードを高めたい人
デザイン

全体をターコイズブルー×イエローでまとめ、明るくポジティブな印象を演出。 あしらいに手描き風の人物イラストを加え、やさしさと親しみをプラスし、学習への心理的ハードルを下げました。講座の内容は比較表やアイコンで整理し、特典や教材は大きめの写真で配置して、受講後の姿が視覚的にイメージしやすい構成にしています。

情報設計

冒頭では「最短2.5時間で習得」というコピーを大きく配置し、他社講座との差別化を明確に提示。続く導入部でユーザーの悩みと解決ポイントを示し、興味を自然に深める流れを作りました。中盤では教材内容や特典を順序立てて紹介し、 受講後の成長イメージを具体化。講師コメントや受講者の声で信頼性を補強し、要所に申込みボタンを配置。さらに追従ヘッダーでも申込みボタンを固定することで、興味が高まった瞬間にいつでも行動できる導線を設計しています。

その他

バナーデザインも担当し、講座視聴への導線を明確化。効果的な集客に貢献しました。
※別ページに記載

使用ツール

Figma / STUDIO

制作期間
  1. 企画 / 情報設計 / ワイヤーフレーム :3日間
  2. デザイン:1週間
  3. 実装 : 1週間
figmatostudioSPモックアップ

トップページ

スクロールしてご覧ください

PC

figmatostudioPC figmatostudioPC-ipad表示時

SP

figmatostudioSP
メンタルクリニック

メンタルクリニック

webサイト|クライアントワーク

direction / design / coding

すべてを見る

CONTACT お問い合わせ

お気軽にお問い合わせください。

メールアイコン

kimuyuka@gmail.com