SELECTED WORKS · 2026
見せるためのサイトから、進路を決めるためのサイトへ。
株式会社Reyesの学校Webサイト制作事例。
Web strategy × production
受験生本人には憧れ・共感を。保護者には実績・安心を。
同じサイトに2つの意思決定導線を組み込み、 オープンキャンパス予約・資料請求という次の行動まで設計します。
For students
For guardians
From a website to a recruiting tool
きれいに整えることをゴールにせず、誰がどの情報に届いていないのかを整理するところから始めます。 読まれる順序を設計し、画面の先にある行動までつなげます。
Diagnose
現行サイトをページごとに診断。パンフレットとの記載差、競合校との比較、 受験生・保護者・教員の3視点で、残すものと変えるものを整理します。
課題を可視化
Dual audience
受験生の憧れ・共感と、保護者の実績・安心。それぞれが必要な情報へ迷わずたどり着けるよう、 画面の順序と見せ方を設計します。
読者別に設計
Prototype
方向性の異なる案を、静止画ではなく実装したサイトとして提示。 PCとスマートフォンの両方を触って比較したうえで、意思決定していただきます。
触って比較
Handoff
掲載した数字と固有名詞の出典を台帳に残し、更新箇所とCMS化の想定を引き継ぎ書に整理。 公開後に学校側で運用できる状態でお渡しします。
運用へつなぐ
One-stop workflow
現状診断
情報設計
コピー・原稿
実装・検証
引き継ぎ・運用
Junior & Senior High School
大阪青凌中学校・高等学校様
中学・高校それぞれの公式サイトを、最新のパンフレットと全ページ突き合わせ。 表記ゆれ、抜け落ちている実績、コース説明の食い違いを差異リストへ整理し、 修正後の文言をワイヤーフレームに落として反映した改修事例です。
Editorial focus
作り直す前に、
いま載っている言葉を合わせる。
Vocational School
サンプル医療専門学校様
国家資格をめざす高校生、働きながら学ぶ社会人、そして保護者。 誰が何をどの順で判断するのかを変えた4案を、すべて動くサイトとして実装しました。 静止画ではなく、実際に触れる形で比較検討していただくための提案です。
実案件の制作物です。公開前のため、学校名・所在地・連絡先・実績数値をダミーへ差し替えて掲載しています。
One school, four proposals
コピー・写真・掲載できる数字は据え置き。
変えたのは、誰に何から見せるかの順序だけです。
APOCKET
スマートフォンでの閲覧を前提に、学科理解から予約までの距離を最短にした案。
BPOCKET PLUS
A案の導線はそのままに、学科・課程・年限の判断材料を前倒しで提示した拡張案。
CQUALITY
実習風景を大きく扱い、面の静けさで学校の空気そのものを伝える案。
DBEYOND
高校生・社会人・保護者の入口を第一画面に並置し、2学科を同格で扱った案。
Design focus
比較できる形で出すから、
学校側の判断が速くなる。
Elementary School
サンプル学園小学校様
就学前のお子さまをもつご家庭に向けて、方向性の異なる2案を制作。 1日の流れから理解してもらう案と、子どもの「なんで？」から入る案。 同じ学校を、まったく違う入口で見せています。
実案件の制作物です。公開前のため、学校名・所在地・連絡先・実績数値をダミーへ差し替えて掲載しています。
Same school, opposite entrances
台割も訴求も動かせない条件の中で、
版面・配色・情報階層だけで別物に仕立てています。
ADAYFRAME
常時表示の左ナビで現在地を示し、1日の流れから学校生活を理解してもらう案。
BWHY? SWITCH
問いを選ぶと、活動・発見・保護者向けの教育的根拠が同じ画面で開く別軸案。
Design focus
決めるのは保護者、
惹かれるのは子ども。
Professional College
サンプル建築デザイン大学校様
建築・インテリアが気になり始めた高校生に向けた広告用ランディングページ。 誌面の熱量で引き込む案と、5つの問いから興味の入口を提示する案。 どちらもオープンキャンパス予約を主コンバージョンに据えています。
実案件の制作物です。公開前のため、学校名・所在地・連絡先・実績数値をダミーへ差し替えて掲載しています。
Two directions, one goal
色相・レイアウト・体験の型をすべて変えた2案。
並べたときに、選ぶ根拠がはっきりします。
APLAYGROUND
コマ割り・効果音・手描き線。制作の現場を実況として読ませ、体験へ誘導する案。
BTHREE PORTALS
深い森色に蛍光ライムの入口をひとつ。適性診断ではなく、いまの興味の所在を示す案。
Design focus
まだ決めていない層にこそ、
入口の数がいる。
Our approach
受験生本人と保護者、それぞれの判断材料を整理する。
学校の強みが自然に伝わる、画面と回遊の順序をつくる。
方向性の異なる案を、触って比べられる実物として実装する。
出典台帳と引き継ぎ書を添え、公開後に運用できる形で渡す。