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
作り直す前に、
いま載っている言葉を合わせる。
Junior College
大垣女子短期大学様（リリース準備中）
学科の選択肢が多い短期大学のサイトです。4学科11コースを1画面で俯瞰できる位置に置き、 オープンキャンパス・資料請求・LINE相談を常時追従させました。 現在も内容を差し替えながら仕上げている途中のため、第一画面のみ掲載しています。
Design focus
学科が多い学校ほど、
最初の分岐を早く出す。
Vocational School
サンプル専門学校様
国家資格をめざす高校生と、仕事を続けながら学び直す社会人。 判断に必要な材料も、決める順番も違う2者に、専用のページと入口を用意しました。 社会人には給付金と実質負担・両立の時間割まで、 高校生にはオープンキャンパスから入試までを最短で。
実案件の制作物です。公開前のため、学校名・所在地・連絡先・実績数値をダミーへ差し替えて掲載しています。
High School
九里学園高等学校様（リリース準備中）
プログレス・ユニバーサルという2コースを軸に、選ばれる5つの理由、在校生インタビュー、 制服や部活動といった学校生活の入口を整理した公式サイトです。 公開前に全ページを多視点で検証し、入試日程・表記・リンクの不整合を洗い出しました。 現在はリリースに向けた最終調整中です。
Editorial focus
作って終わりにせず、
公開前に全ページ検算する。
Elementary School
サンプル小学校様
就学前のお子さまをもつご家庭、他校からの編入をお考えの方、幼児教室・塾の先生、 そして在校生の保護者。立場の違う4者に別々の入口を置き、その先で読む順序も変えました。 放課後の過ごし方は独立したページにまとめ、学童と12教室の習い事を時間の帯で1枚にしています。
実案件の制作物です。公開前のため、学校名・所在地・連絡先・実績数値をダミーへ差し替えて掲載しています。
Design focus
決めるのは保護者、
惹かれるのは子ども。
University
サンプル大学様
建築・インテリアが気になり始めた高校生に向けた広告用ランディングページ。 誌面の熱量で引き込む軸と、問いから興味の入口を提示する軸。 2つの軸それぞれに初回稿と改訂稿があり、同じ狙いをどう詰め直したかまで並べています。 4案ともオープンキャンパス予約を主コンバージョンに据えました。
実案件の制作物です。公開前のため、学校名・所在地・連絡先・実績数値をダミーへ差し替えて掲載しています。
Two directions, two drafts
色相・レイアウト・体験の型をすべて変えた2軸。
各軸の初回稿と改訂稿を並べ、どこを詰めたかまで見えるようにしています。
A-1PLAYGROUND
黄と黒の版面に実習風景をコラージュ。描く・切る・組む・話すの4動詞で校舎を遊び場に見立てた初回稿。
A-2MANGA STUDIO
同じ軸を縦読み漫画へ描き直した改訂稿。コマ割り・効果音・手描き線で、制作の現場を実況として読ませる。
B-1DESIGN FINDER
紺とピンクの計器のような画面。前置きを省いて5問の診断そのものを最初に置いた初回稿。
B-2THREE PORTALS
同じ軸を、深い森色に蛍光ライムで描き直した改訂稿。診断ではなく、いまの興味の所在を示す構成にした。
Design focus
まだ決めていない層にこそ、
入口の数がいる。
Our approach
受験生本人と保護者、それぞれの判断材料を整理する。
学校の強みが自然に伝わる、画面と回遊の順序をつくる。
方向性の異なる案を、触って比べられる実物として実装する。
出典台帳と引き継ぎ書を添え、公開後に運用できる形で渡す。