タビリエ/ デザインスクール

自社ブランド「タビリエ」の新規ランディングページ制作を担当いたしました。「一生モノのデザインスキルを、旅するように楽しく学ぶ」をコンセプトにしたデザインスクールで、子育て中の女性、未経験からキャリアを再構築したい初心者層に響く活気のあるデザインを統計しました。
スクール開校に伴う新規受講生の獲得、公式LINEへの誘導を一貫して行うことで、ブランドイメージの統一と、応募につながる導線強化を実現しています。
| クライアント | タビリエ |
|---|---|
| 事業内容 | デザインスクール |
| プロジェクト内容 | 新規ランディングページ |
| URL | https://tabirieschool.studio.site |
課題と解決に向けた戦略
競合が多いデザインスクール業界において、後発ながらも「ここなら安心して学べる」という圧倒的な信頼感と、他校にはない独自のワクワク感を両立させることが課題でした。
講師陣の圧倒的な経験値を権威性として冒頭に配置し可視化を実現。心理的ハードルを払拭し「未経験でも大丈夫?」「子どもがいても大丈夫?」というターゲット特有の不安をFAQや受講生の声で先回りして解消しました。
また、比較表による優位性の提示をすることにより、競合他社(A社・B社)との違いを明確に見せることで、納得感のある意思決定を促す設計をして差別化をしました。
初心者でも、しっかり学べば着実に実現できる魅力がしっかり伝わるサイト設計で、全体の印象を刷新しています。
設計/構築内容
デザインのこだわり
UX/UI視点
タビリエのランディングページにおいて、最も注力したのは「心理的動線の最適化」と「直感的な操作性」の両立です。統計デザイン経験に基づき、以下の4つのポイントで設計しています。
| コンセプトカラーの選定 | ポジティブな変化を予感させるオレンジを基調に、可読性の高い余白を十分に確保 |
|---|---|
| 直感的なカリキュラム紹介 | 3ヶ月のロードマップを視覚化し、受講後の自分をイメージしやすい構成に |
| デバイス最適化 | スマートフォンでの閲覧がメインとなるターゲットに合わせ、モバイルファーストでのレイアウト・ボタン配置を徹底 |
| ゴールへの誘導 | 膨大なカリキュラムをステップ分けして表示することで、学習後の姿を具体的にイメージさせます。 |


離脱を防ぐ「ファーストビューの情緒的UX」
冒頭で「旅するように学ぶ」というコンセプトを提示し、飛行機や旅のモチーフを配することで、勉強=苦しいものという先入観を払拭。ターゲット層が抱く新しいことを始める不安を自分を変える旅への期待感へと変換させる、感情に訴えかけるUXを設計しました。
納得感を生む「徹底した比較と権威性」のUI
中段にある比較表は、UI設計における情報の透明性を象徴しています。自社(タビリエ)を左端に置き、オレンジのアクセントカラーで強調することで一目で優位性を認識。期間、サポート内容など比較検討時にストレスとなる要素を整理し、ユーザーが「自分で納得して選んだ」という感覚を持てるようにUIを整えました。
複雑さを排除した「3ヶ月ロードマップ」の可視化
デザイン学習という広大な領域を、1ヶ月目は基礎、2ヶ月目は実戦、3ヶ月目は形にする、と3ステップに要約。
膨大なカリキュラムを一度に見せず、ステップ分けして表示することで「これなら自分にもできそう」という自己効力感を高めています。
不安を先回りして解消する「FAQと受講生の声」の配置
ランディングページの後半に配置したよくある質問と受講生の声は、コンバージョン(成約)直前の迷いを断ち切るための重要なUXパーツとして、最後の一歩を後押しする背中を押すUIを実現しています。
今回の取り組みについて
今回は自社ブランド「タビリエ」のデザインスクールをコンセプト設計から成約率を重視したUI/UXデザインまでを一貫して担当しました。デザインスクールとしての信頼感を大切にしながら、事業の強みや安心感、将来への魅力がしっかり伝わるよう、構成・デザインともに再設計いたしました。
本サイトが、魅力をより多くの方に届けるきっかけとなり、受講生の獲得や将来への一助となれば幸いです。
今後の運用や改善についても、引き続きサポートさせていただきます。
ホームページのリニューアルや採用強化でお悩みの方は、ぜひご相談ください
お気軽にお問い合わせください!
\ お見積もり・お問い合わせ無料です /

