06/ 07

Atelier Design Lab 送り迎えをあきらめない働き方へ

A way of working that keeps the school run

  • Concept Work(自主制作)

Overview概要

業種
子育て中の女性向け Webデザインスクール(LP)
種別
Concept Work(自主制作)
担当範囲
構成 / コピー / アイコン選定 / デザイン / STUDIO構築
ツール
Figma(ワイヤーフレーム) / STUDIO
制作年
2026年
Atelier Design Lab のLPのトップ画面。テラコッタピンクとセージのやわらかな配色

Challenge課題設定

子育てをしながら自分らしい働き方を探す、20代後半〜30代のママに向けた Webデザイン講座の LP を想定しました。「自分にできるのか」「子育てと両立できるのか」と迷う人に、講座の内容とサポート体制を分かりやすく伝え、無料説明会へ申し込んでもらうこと。7作品のなかで唯一、申し込み数を目的にしたページです。

Designデザインの答え

配色

  • クリーム #F4ECD4* ベース
  • テラコッタピンク #E4AF9B 主役の色
  • セージ #D4DCBC* 差し色

* 画面のスクリーンショットから拾った近似値です。

テラコッタピンクとクリームを中心に、セージを差し色にしました。売り込みの強さを感じさせない、あたたかく話しかけるような色にしています。

書体

送り迎えをあきらめない働き方へ

Noto Sans JP本文

Atelier Design Lab

Poiret Oneロゴ

本文は読みやすさを優先して Noto Sans JP にし、ロゴだけ細い線の Poiret One にしました。情報量の多い LP なので、まずは迷わず読めることを大事にしています。

導線

  1. 悩み
  2. 解決策
  3. 特長
  4. カリキュラム
  5. 料金
  6. 受講生の声
  7. よくある質問
  8. 説明会のお申し込み

不安をひとつずつほどいてから申し込みへ

悩み、解決策、特長、カリキュラム、料金、受講生の声、よくある質問の順に並べました。読み手の気持ちに合わせて不安をひとつずつほどき、最後の申し込みボタンへつなげています。

Noteひとこと

共感してもらうことと、行動してもらうこと。その両方を一枚のページで設計する練習になりました。

この作品は、Webデザインを学ぶなかで、架空のクライアントを想定してつくった自主制作です。掲載している店名・住所・電話番号などはすべて架空のものです。

Contactご相談・お問い合わせ

「まだぼんやりしているけれど、話を聞いてみたい」という段階でも大丈夫です。2営業日以内にお返事します。