学校法人 大阪成蹊大学様

受験生に、正しく届く。スマホでも見やすい入試情報サイト「大阪成蹊入試NAVI」

PCとスマートフォンで表示された受験生向け入試情報サイト「大阪成蹊入試NAVI」のレスポンシブデザインのメインビジュアル

受験生向け入試情報サイト「大阪成蹊入試NAVI」を新規構築

大阪成蹊大学様の受験生向け入試情報サイト「大阪成蹊入試NAVI」の新規サイト構築です。UI/デザインからHTML/JavaScriptコーディングまでを担当しました。

受験生という読み手に情報を正確に届けること、そしてスマートフォンを含むあらゆる画面で見やすいこと。この両立をめざして設計・デザインを行いました。

CHALLENGE

課題

正確に伝わる情報設計と、更新しやすい仕組みを両立させる

入試情報サイトは、受験生が出願や試験に向けて頼りにする大切な情報源です。日程や要項といった情報を、誤解なく正確に伝える情報設計が欠かせません。

同時に、入試に関する情報は更新頻度が高く、担当者が手軽にメンテナンスできることも重要です。スマートフォン利用が当たり前となった受験生に向けて、どの端末でも見やすいデザインも求められました。

APPROACH

アプローチ

01

受験生に情報を正確に伝える情報設計

入試サイトとして、受験生に情報を正確に伝えることを軸に情報設計を行いました。何を・どの順序で・どう見せるかを整理し、受験生が必要な情報に迷わずたどり着ける構成をめざしています。

02

レスポンシブWebデザインに配慮したUIデザイン設計

PC・iPhone・Androidといった多様な端末に対応するため、レスポンシブWebデザインに配慮したUIデザイン設計を実施。HTML/JavaScriptのコーディングまで担当し、どの画面サイズでも見やすく操作しやすいサイトに仕上げました。

03

更新頻度の高い情報のメンテナンスにWordPressを導入

更新頻度の高い入試情報を担当者が無理なく運用できるよう、WordPressを導入。情報を正確に伝える情報設計面と、レスポンシブデザイン・WordPress導入による構造面の、2つの両立を図りました。

OUTCOME

成果

スマホでも見やすく、運用も続けやすい入試情報サイトへ

受験生への正確な情報提供と、マルチデバイスでの見やすさ、そして運用のしやすさを兼ね備えた入試情報サイト「大阪成蹊入試NAVI」を構築しました。情報設計と構造設計の両面を整えたことで、入試シーズンの更新にも対応しやすいサイトとなっています。

公式サイト:大阪成蹊大学

PROJECT

プロジェクト概要

開発期間 3ヶ月
デバイス PC、iOS(iPhone)、Android
提供範囲 入試情報サイトの新規構築
情報設計・UI/デザイン
レスポンシブWebデザイン(HTML/JavaScriptコーディング)
WordPress導入(更新運用)

STAFF VOICE

スタッフボイス

むらた しゅういち

クリエイティブグループ チーフデザイナー

むらた しゅういち

入試サイトとしてユーザーに正確に情報を伝える情報設計面と、レスポンシブデザイン・WordPress導入の構造面、この2つの両立が設計/デザイン上のポイントでした。