SERVICE SITEプロデザ
ディレクション
サイト設計
Webデザイン
Studio実装
D2C・物販デザインを軸に、実務で通用するデザイン力を身につけるオンラインスクール「プロデザ」の公式サイトを制作しました。LPやXを中心とした発信から情報を集約できる場所をつくり、スクールの専門性や指導内容をより深く伝えられるサイトを目指しています。
卒業生の作品やビフォーアフターを主役に据え、受講後の成長を具体的に想像できる構成としました。豊富なカリキュラムや手厚い添削など、価格だけでは判断できない学習内容の充実度を、視覚的にも分かりやすく整理しています。
白を基調としたシンプルでクールなデザインにより、多彩な作品を引き立てながら、本気で学べる専門性を表現しました。訴求力を持たせつつ、女性も入りやすい洗練された印象に仕上げています。
事業内容
プロデザは、D2C・物販分野を中心に、実践的なデザインスキルを学べるオンラインスクールです。回数無制限の添削や疑似クライアントワークに加え、営業練習会やマーケティング講座など、制作力を仕事につなげるための学習機会を提供しています。
ターゲット
ほかのスクールを卒業したものの、デザイン力や実務への自信が十分に身につかなかった20〜40代の女性を中心に想定しています。基礎を改めて固め、作品の完成度を高めながら、仕事として通用する専門性を身につけたい方が主な対象です。
サイトの目的
広告やSNSから訪れた方の受け皿として、学習内容・指導体制・卒業後の変化を伝え、スクールへの信頼を高めることが目的です。受講料に見合う学習環境であることを理解してもらい、個別相談や問い合わせへつなげる役割を持たせています。
制作の流れ
まずはヒアリングを行い、スクールの特徴や現在の集客課題、今後強化したい内容、主なターゲットを整理しました。その後、競合スクールとの比較を行い、プロデザが市場の中でどのような立ち位置にあるのか、どの強みを優先して伝えるべきかを検討しています。
調査内容をもとに、サイト構成・カラー・トーン＆マナーの方向性を提案資料にまとめました。方向性の共有後、10ページ以上にわたる情報をサイトマップで整理し、各ページの役割や情報の優先順位を検討しながらワイヤーフレームを作成しています。
ファーストビューでデザインの方向性を確認した後、PC版トップページ、下層ページの順にデザインを展開しました。その後、Studioでサイト全体を構築し、実績やブログを更新できるようCMSを設定しています。公開後も運営側で更新できるよう、CMSの使い方をまとめた操作マニュアルまで作成しました。
ご提案のポイント
01
卒業生の成長が際立つデザイン
多彩な色や表現を含む卒業制作が引き立つよう、サイト全体は白をベースに、装飾を抑えたシンプルでクールなトーンにまとめました。作品の魅力を損なわず、スクールとしての専門性や本気度も感じられるデザインを目指しています。
02
価値を段階的に伝える構成
「どのような悩みを解決できるのか」から始まり、選ばれる理由、成長実績、カリキュラム、コース内容へと理解を深められる順序で構成しました。情報量の多いサービスだからこそ、検討に必要な内容を整理し、読み進めやすい流れを設計しています。
03
相談につなげる導線と更新設計
各ページから個別相談へ進みやすい導線を設け、興味を持ったタイミングを逃さず行動できるようにしました。また、ブログや実績を継続して発信できる設計とすることで、SNS以外からの流入や、検索を通じた新たな接点の獲得も見据えています。
制作を通して
情報量が多く、それぞれに大切な意味があるサービスだからこそ、まずは一つひとつの内容を理解し、整理することの重要性を実感しました。表面的な魅力だけでなく、運営されている方の考えや、受講生に対する向き合い方まで知ることで、プロデザらしさをより深く捉えられたと感じています。 今後も、サービスを提供する方が大切にしている姿勢や背景まで丁寧にくみ取り、その価値を一緒に整理しながら、長く活用していただけるサイトづくりを目指していきたいです。
制作実績一覧へ
制作実績一覧へ
お問い合わせ
Contact
制作のご相談やご質問など、下記フォームよりお気軽にご相談ください。
ご依頼内容がお決まりの方へ
制作内容・納期・ご予算などが決まっている場合は、詳細フォームからお送りいただくとスムーズです。