MOBILE FIRST · 반응형 통합안

건양대학교 메인화면 — 모바일 시안

현행 별도 모바일 메뉴 운영 → 반응형 단일 사이트로 통합 · KRDS 준용 · 건양 그린

① 메인 홈스크롤하여 전체 확인 · 하단 고정 퀵내비
대한민국 사립대학 · 건양대학교 통합 홈페이지
2026 글로컬대학30 · 의료특성화

너의 꿈에 날개를 달다

실용 중심 교육과 90%대 취업, 건양에서 시작하는 미래.

2027 입학안내캠퍼스투어
I am · 방문자별 바로가기
🎓수험생 📚재학생 👨‍🏫교직원 👪학부모 🤝졸업생 🌏유학생
주요 바로가기
📄증명서 💰장학 📅학사일정 🏠기숙사 💼취업 📖도서관 🍽️학식 ⋯전체
KYU News
입학 바로가기
SUSI

수시모집

전형별 모집요강과 일정

모집요강 →
JEONGSI

정시모집

수능 반영·지원전략

모집요강 →
GLOBAL

편입·외국인

특별전형 안내·상담

전형 안내 →
90%
취업률 수준
2개
캠퍼스
30+
국책사업
1991
개교
② 전체메뉴(드로어)햄버거 → 아코디언 2Depth 전개

모바일 반응형 설계 요점

현행은 PC와 별도의 모바일 전용 메뉴를 따로 운영 → 유지보수 이중부담·콘텐츠 불일치. TO-BE는 단일 반응형으로 통합하고, 모바일 고유 UX를 보강했습니다.

모바일 고유 UX

  • 하단 고정 퀵내비: 홈·입학·검색·학사·전체 — 한 손 도달 영역(thumb zone) 배치
  • 전체메뉴 드로어: 7개 1차 → 아코디언 2Depth 전개(3Depth 이내 원칙)
  • 가로 스와이프: I am 칩·입학 카드·뉴스 탭을 가로 스크롤로 공간 절약
  • 검색 상시 노출: 헤더 하단 검색바 고정(전공·전형 탐색 중심)

KRDS·접근성 준용

  • 터치 타깃 최소 44×44px 확보, 3px 포커스 표시
  • 상단 식별 바·정보공개·KWCAG 인증 푸터 유지
  • 스택형 1열 레이아웃, 본문 글자 14px+ 가독성 확보
  • 슬라이드 인디케이터 제공(자동전환 제어는 PC와 동일 정책)
  • 색·구조는 PC 시안과 동일 디자인 토큰 공유(일관성)