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
作り直す前に、
いま載っている言葉を合わせる。
High School
九里学園高等学校様
プログレス・ユニバーサルという2コースを軸に、選ばれる5つの理由、在校生インタビュー、 制服や部活動といった学校生活の入口を整理した公式サイトです。 公開前に全ページを多視点で検証し、入試日程・表記・リンクの不整合を洗い出してから公開しました。
Editorial focus
作って終わりにせず、
公開前に全ページ検算する。
Junior College
大垣女子短期大学様
学科の選択肢が多い短期大学のサイトです。4学科11コースを1画面で俯瞰できる位置に置き、 オープンキャンパス・資料請求・LINE相談を常時追従させました。 現在も内容を差し替えながら仕上げている途中のため、第一画面のみ掲載しています。
Design focus
学科が多い学校ほど、
最初の分岐を早く出す。
Vocational School
サンプル専門学校様
国家資格をめざす高校生、働きながら学ぶ社会人、そして保護者。 誰が何をどの順で判断するのかを変えた4案を、すべて動くサイトとして実装しました。 静止画ではなく、実際に触れる形で比較検討していただくための提案です。
実案件の制作物です。公開前のため、学校名・所在地・連絡先・実績数値をダミーへ差し替えて掲載しています。
One school, four proposals
コピー・写真・掲載できる数字は据え置き。
変えたのは、誰に何から見せるかの順序だけです。
APOCKET
スマートフォンでの閲覧を前提に、学科理解から予約までの距離を最短にした案。
BPOCKET PLUS
A案の導線はそのままに、学科・課程・年限の判断材料を前倒しで提示した拡張案。
CQUALITY
実習風景を大きく扱い、面の静けさで学校の空気そのものを伝える案。
DBEYOND
高校生・社会人・保護者の入口を第一画面に並置し、2学科を同格で扱った案。
Design focus
比較できる形で出すから、
学校側の判断が速くなる。
Elementary School
サンプル小学校様
就学前のお子さまをもつご家庭に向けて、方向性の異なる3案を制作。 1日の流れから理解してもらう案、子どもの「なんで？」から入る案、 立場ごとに扉を分けて更新情報を前に出す案。 同じ学校を、まったく違う入口で見せています。
実案件の制作物です。公開前のため、学校名・所在地・連絡先・実績数値をダミーへ差し替えて掲載しています。
Same school, opposite entrances
台割も訴求も動かせない条件の中で、
版面・配色・情報階層だけで別物に仕立てています。
ADAYFRAME
常時表示の左ナビで現在地を示し、1日の流れから学校生活を理解してもらう案。
BWHY? SWITCH
問いを選ぶと、活動・発見・保護者向けの教育的根拠が同じ画面で開く別軸案。
CDOORWAYS
受験前・在校・卒業と立場の違う来訪者に別々の入口を置き、更新情報を第一画面へ上げた運用型の案。
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
受験生本人と保護者、それぞれの判断材料を整理する。
学校の強みが自然に伝わる、画面と回遊の順序をつくる。
方向性の異なる案を、触って比べられる実物として実装する。
出典台帳と引き継ぎ書を添え、公開後に運用できる形で渡す。