「売る」より「信頼」を。
チームでつくったブランド体験の記録

Webデザインスクールが乱立する中、どうすれば「ここなら安心」と思ってもらえるのか。
Unly Academy様のHP制作では、単におしゃれなサイトを作るのではなく、「信頼」と「差別化」を、設計・デザイン・実装まで一貫して形にしていきました。

本記事では、ディレクター・デザイナー・実装者の3名が重ねた意思決定の裏側と、クライアントから見たプロジェクトの価値をご紹介します。

案件概要

案件名	Unly Academy様 WEBデザインスクールHP制作
サイト種別	WEBデザインスクール ホームページ
制作期間	2026年1月24日〜3月14日（約7週間）
目的	スクールの魅力や世界観を伝えながら、見込み顧客に「ここなら安心できそう」と感じてもらえる信頼設計を行うこと
課題	Webデザインスクールが多い中で、違いが伝わりにくい 情報量が多くなりやすく、魅力が埋もれやすい 見た目の良さだけでなく、申込みにつながる導線設計が必要だった
担当範囲	ディレクション / 構成設計 / デザイン / 実装
チーム体制	ディレクター・デザイナー・実装担当の3名体制
実装環境	WordPress / Elementor
重視したこと	「売る」よりも「信頼を育てる」こと スクールの実力が伝わるビジュアル設計 公開後も運用しやすい実装設計

👀 実際のサイトはこちら
https://unly.io/academy/

このプロジェクトで大切にした3つの考え方

• 「売る」のではなく「信頼をつくる」
• スクールの実力を証明するデザイン
• 公開後も自走できる実装

プロジェクトの背景と目指したこと

今回ご紹介するのは、WEBデザインスクール「Unly Academy」様のホームページ制作プロジェクトです。

「スクールを卒業した後、本当に自分はデザイナーになれるのだろうか？」
そんな不安を抱える見込み顧客に対して、どうすれば安心感を届け、「この人なら大丈夫そう」と思ってもらえるのか。

本プロジェクトは、その問いに向き合うところからスタートしました。

ディレクターが最初に直面したのは、数多く存在するWebデザインスクールの中で「どう違いを伝えるか」という課題でした。
この問いに対して本プロジェクトでは、ディレクション・デザイン・実装の3名がそれぞれの視点を持ち寄りながら、信頼を形にしていくプロセスとして進行しました。

チームで進めた制作体制

今回のプロジェクトは、「チーム体制」での取り組みでした。
ディレクター・デザイナー・実装者がそれぞれの専門性を持ち寄り、一つひとつの判断を重ねながら進めていったのが特徴です。

その象徴ともいえるのが、ファーストビューのアニメーションでした。

デザインも実装も、1人では実現できなかった形を、チームだからこそ表現することができた。
悩んだときに相談できる環境があったことも、このプロジェクトの大きな支えになりました。

意思決定① ファーストビュー表現への挑戦

アニメーション導入を決めた背景

ファーストビューにアニメーションを入れるかどうかは、プロジェクト初期の大きな議論ポイントでした。

「やりたいイメージはあるけれど、本当に実現できるのか分からない」
そんな迷いがある中で、実装担当の
「やってみます！」
という一言が、最終決断の後押しになりました。

結果としてこの表現は、どのスクールにもない“体験”としての差別化要素になっています。
見た目の印象にとどまらず、「このスクールは他と違う」と感じてもらうための、重要な入口になりました。

デザイン設計で工夫したこと

世界観と分かりやすさを両立したデザイン

デザイナーが最初に直面したのは、
「POPなテイストを保ちながら、情報量を整理するのが難しい」
という課題でした。

カラフルな世界観はブランドの魅力である一方、情報量の多いスクールサイトでは、見せ方を間違えると伝わりづらさにもつながります。
そこで大切にしたのは、世界観を表現しながらも、ユーザーが迷わず理解できる構成に整えることでした。

メインビジュアル選定の考え方

大きな判断のひとつが、メインビジュアルを「イラスト」にするか、「人物写真」にするかという点です。
検討を重ねる中で軸になったのは、
「どちらがユーザーにとって自分ごととして感じやすいか」
という視点でした。

最終的には人物写真を採用。
世界観の印象だけでなく、「自分もこうなれるかもしれない」と重ねやすい表現を優先しました。

認識のズレを調整しながら完成度を高めた過程

制作の中では、「海外っぽいニュアンス」の解釈にズレが生まれる場面もありました。
ただ、そのズレを曖昧にせず、複数パターンを比較しながら調整を重ねたことで、方向性がより明確になっていきました。

結果として、「世界観を見せること」よりも「共感しやすいこと」を優先した設計にたどり着いています。

デザインで特にこだわったポイント

• 情報がごちゃつかない構成
• 直感的に理解できるレイアウト
• 色数が多くても整理された見え方

POPな印象と分かりやすさを両立することが、このデザインの大きなテーマでした。

実装で工夫したこと

デザインを体験として成立させる実装

実装のテーマもまた、「差別化」でした。
見た目として仕上げるだけではなく、どうすればユーザーにとって自然で心地よい体験になるかが重視されました。

ファーストビュー実装で調整したポイント

特にこだわったのは、ファーストビューのアニメーションです。
動きそのものよりも、
「どのタイミングで始まるか」
「どんなテンポなら違和感がないか」
といった細部の調整を何度も重ねました。

意識したのは、

• 違和感のない動き
• 視線の流れを妨げないこと
• ストレスのない切り替え

こうした細かな調整によって、ただ動きがあるだけではない、“意味のある演出”として成立しています。

更新しやすさとSEOを考えた実装設計

実装では、見た目だけでなく、公開後の運用も見据えた設計が行われました。
たとえば実績カードは画像ではなく、更新できる形で実装しています。

これにより、

• 更新しやすい
• SEOにも配慮できる
• 長期的に使い続けやすい

といったメリットが生まれました。
「今きれいに見えること」だけでなく、「この先も使い続けられること」を優先した実装です。

ディレクションで重視したこと

申込みまで迷わせない導線設計

ディレクターが最も重視したのは、
「見に来た人が迷わず、申し込みまで進める導線設計」
でした。

ただ情報を並べるのではなく、必要なタイミングで必要な情報が届くように順序や見せ方を整え、安心感が自然に積み重なる設計を目指しました。

情報を増やしすぎないための判断

このプロジェクトでは、あえて情報を増やしすぎない判断もしています。
たとえば受講生の声は、量を増やすのではなく、数を絞って見せる形を選びました。

その代わりに、

• Instagramのリアルな写真を使う
• スクールの空気感を伝える
• SNSへの導線をつくる

といった方法で、「実際の雰囲気が見えること」を優先しています。

情報量で説得するのではなく、“体験として伝わること”を重視したディレクションでした。

チーム制作で大切にしたコミュニケーション

認識のズレを防ぐために意識したこと

チーム制作では、どうしても認識のズレが生まれます。
今回のプロジェクトでも、「意図を100％伝えきれず、やり取りが増えた」と感じる場面はありました。

その中で意識したのは、
「分かっているだろう」と決めつけないこと。

小さな違和感もそのままにせず、都度チャットで確認しながら進めたことで、少しずつ精度を高めていくことができました。
この丁寧なコミュニケーションこそが、最終的な完成度につながったと感じています。

クライアントの声

このプロジェクトで得られた成果

差別化されたサイト体験としての完成形

完成したサイトは、単に情報を載せるためのホームページではなく、Unly Academy様らしさを体験として伝える場になりました。

デザイナーにとっては、ビジュアルとユーザー体験のバランスを探ったプロジェクト。
実装担当にとっては、細部まで設計されたプロジェクト。
ディレクターにとっては、スクールの良さを知り尽くしたチームの結晶。

それぞれ見ている角度は異なっていても、全員が共通して挙げたのが、ファーストビューの完成度でした。

どのスクールにもないデザインとアニメーションになったこと。
そして、それがきちんとスクールの信頼感や世界観につながっていること。
そこに、このプロジェクトならではの価値が表れていると感じています。

まとめ

このプロジェクトの本質は、
差別化という課題に向き合い、
チームで意思決定を重ね、
表現と体験を統合したことにあります。

単なるWebサイト制作ではなく、
“信頼を育てるための設計そのもの”を形にしたプロジェクトでした。

見た目の美しさだけではなく、
どう伝わるか、どう感じてもらうか、どう使い続けられるか。
そのすべてをチームで考え抜いたからこそ、Unly Academy様らしいホームページが完成したのだと思います。

ご相談いただける内容

• 他と差別化できるサイトを作りたい
• 強みが伝わる設計にしたい
• 公開後も自分たちで運用しやすい形にしたい

見た目だけでなく、
「どう伝わるか」「どう動くか」まで設計します。
まずはお気軽にご相談ください。