UNIVERSITY FOR ALL
SEOUL CYBER UNIVERSITY
서울사이버대학교 입학홈페이지 리뉴얼 프로젝트
ⓒ2025 - 2026
UI, UX Renewal project
UNIVERSITY FOR ALL
SEOUL CYBER UNIVERSITY
서울사이버대학교 입학홈페이지 리뉴얼 프로젝트
ⓒ2025 - 2026UI, UX Renewal project
Project Overview
- [
배움은 평등해야 하니까.
]
모두를 위한 대학, 서울사이버대학교. - 서울사이버대학교는 "모두를 위한 대학" 이라는 슬로건 아래, 30대 이상 재직자·현역 장병·경력단절 여성·만학도 등
다양한 성인 학습자가 누구나 쉽게 고등교육의 기회를 누릴 수 있도록 최적화된 온라인 대학교입니다.
기존 사이트의 낮은 브랜드 정체성, 복잡한 정보 구조, 접근성 문제를 개선해
단순히 예쁜 사이트가 아닌, 중장년층도 쉽게 탐색할 수 있고 방문자가 입학을 스스로 결정하게 만드는 설득형 디자인을 목표로 했습니다.
Why important?
프로젝트 진행에 앞서, 우리는 사이버대학교 입학사이트가 현대 정보 탐색 환경에서 갖는 특수한 역할을 이해하고
최종적으로 어떤 역할을 수행해야 하는지 질문을 던졌습니다.
"사용자는 더 이상
정문으로 들어오지 않는다."
과거는 홈페이지 간 확실한 이원화로 각 사이트 사이의 역할 구분이 분명했습니다.
하지만 디지털 마케팅이 고도화되고 사용자의 정보 탐색 여정이 과거처럼 선형적이지 않게 됨에
따라, 입학 홈페이지는 더 이상 정보를 제공하는 창구가 아닌, 방문자를 설득하고 전환시키는 세일즈
채널이 되었습니다.
THEN : LINEAR
- 브랜드 인지 → 대표 홈페이지 → 입학처 순으로 유입
- 검색창에 '서울사이버대학교'를 검색한다대학 대표 홈페이지에서 '입학 안내' 등을 누른다입학처 사이트로 이동한다

NOW : Dynamic
- 검색 한 번으로 입학처에 직접 도달
- 검색창에 다양한 키워드로 검색한다
직장인 야간대학, 심리학과 사이버대 추천, 사이버대 장학금…
검색 "최상단"에 노출되는 입학처 사이트에 접속한다
따라서 입학 홈페이지는 단순한 행정 창구를 넘어,
브랜드를 각인시키고, 방문자를 설득하고, 최종 등록으로 이끄는
하나의 완결된 세일즈 채널이어야 합니다.

Who are they?
실제 입학 홈페이지 방문자를 목적과 욕구 두 가지 축으로 분류했습니다.
각 유형이 사이트에서 무엇을 원하고, 무엇을 두려워하는지를 파악해
방문자가 최종적으로 '지원'이라는 행동에 이르도록 경험을 설계했습니다.
For Purpose
방문자를 입학 결정 단계에 따라 세 가지 온도로 구분했습니다.
차가운 방문자와 미지근한 방문자는 설득을 통해 뜨거운 방문자로 전환하고,
뜨거운 방문자는 마찰 없는 사용성으로 이탈을 방지하는 것을 목표로 합니다.

User Personas
방문자의 삶의 맥락과 목표를 기반으로 4가지 페르소나를 정의했습니다.
각 페르소나가 가진 현실적인 니즈와 불안을 분석하고, 이를 콘텐츠 전략과 UI 설계에
직접 반영했습니다.
- 학과·커리큘럼
- 학습 지원
- 전형·장학금 안내
- 졸업생·재학생 스토리
"나같은 사람도 괜찮다는 확신"
4가지 페르소나 모두 표면적인 목표는 달랐지만, 핵심에는 동일한 불안이 있었습니다.
우리가 가장 먼저 해야 할 일은 방문자와 잠재적인 신입생의 공통된 불안에 대한 대답과 신뢰 구축이었습니다.
Contents Strategy
4가지 페르소나의 Needs와 Pain Points를 교차 분석해,
어떤 콘텐츠가 방문자의 불안을 해소하고 전환을 이끌어낼 수 있는지 정의했습니다.
- 커리어 성장 직장인
- 경력 단절 여성
- 미래 준비 군인
- 만학도
| 졸업생·재학생 스토리 | 학과·커리큘럼 | 학습 지원 | 전형 안내 |
|---|---|---|---|
|
|
|
|
|
|
| |
|
| ||
| |||
Where we
should be?
우리는 브랜드 포지셔닝 맵을 통해 서울사이버대학교의 현재 위치를 진단하고, 어느 방향으로 포지션을 이동해야 하는지 전략적 방향을 설정했습니다.
![서울사이버대 [사실 / 이성 - 감성 / 관계 - 전통 / 권위] 관계도](/img/book/202601/book5-img.png)
We should be
현재 대부분의 국내 사이버대학은 오프라인 대학의 후광과 숫자 중심 경쟁에 머물러 있습니다.
서울사이버대학교는 해외 온라인 대학이 택한 전략 — 고객 중심, 관계 기반 — 을 벤치마킹해
'사실/이성' 축에서 고객 중심의 스토리텔링을 강화하고 '감성/관계' 축으로 포지션을 이동해야
합니다.
[ 국내 사이버대학, 전통과 사실의 레드오션에 갇히다 ]
국내 사이버대학교 | |
|---|---|
"모 대학교 부설" 후광에 의존 | 취업률·재학생 수 등 숫자 중심 경쟁 |
[ 고객과 관계 중심으로 풀어낸 해외 대학 ]
해외 온라인 대학교 | |
|---|---|
학생의 현실적 문제를 해결하는 파트너 | 학생을 주인공으로 세우는 스토리텔링 |
모두가 알고있는 CM송,
이곳에서 시작된 성공시대 ─ 성공의 이유 증명
From Insight to Content
서울사이버대학교의 CM송은 이미 강력한 메시지를 갖고 있습니다.
하지만 입학 홈페이지는 그 주장을 뒷받침할 근거를 제시하지 못하고 있었습니다.
우리는 홈페이지가 CM송의 증거가 되어야 한다고 판단했습니다.
CM Song Claim
서울사이버대학을 다니고 나의 성공시대 시작됐다
서울사이버대학을 다니고 나를 찾는 회사 많아졌다
서울사이버대학을 다니고 내 인생이 달라졌다
Our evidence
실제 졸업생의 커리어 변화 — 승진, 이직, 자격증 취득 사례
취업·이직에 성공한 졸업생의 구체적 스토리와 데이터
경력단절 복귀, 만학도 졸업 등 삶의 전환점이 된 실제 이야기
Content Direction
페르소나 분석을 통해, 숫자와 사실로 신뢰를 쌓는 언어, 그리고 공감과 이야기로 마음을
움직이는 언어 그 두 가지로 방문자에게 다가가는 방식을 제안했습니다.
Type A
숫자로 증명하는 가치
- #신뢰
- #안정성
- #명료함
- #가독성
Type B
당신에게서 시작하는 이야기
- #공감
- #성장
- #자신감
- #따뜻한전문성
What we need?
앞선 리서치에서 도출한 인사이트를 바탕으로 공통된 3가지 설계 원칙을 정의하고,
기존 사이트 구조를 어떻게 바꿀 것인지 방향을 결정했습니다.
Renewal Principles
01Persuade, not just inform
방문자가 스스로 결정에 이르도록 설득하는 구조
02Accessible by default
접근성 우선 설계
03Show, don't hide
명확한 정보 계층과 일관된 UI 시스템
Renewal Strategy
명확한 기준 없이 나열하는 방식
학교 소개와 공지 중심의 메인 구성
중장년층 사용자가 주요 정보를 읽기 어려운 상태
무엇이 중요한 정보인지 판단하기 어려운 구조
목표 중심 콘텐츠 전면 배치
방문자가 자신의 상황에 맞는 정보를 바로 발견하도록 재구성
핵심 강점(수업 방식·졸업생 사례·자격증 취득률 등)을 전면에 배치
방문자가 스스로 납득할 수 있는 설득 흐름 설계
웹 접근성 기준 충족 폰트 사이즈·명도 대비 적용
시각적 위계를 명확히 해 정보 탐색 피로도 최소화
중복 콘텐츠 정리, 단일한 정보 흐름으로 재구성
각 섹션의 역할을 명확히 분리해 스크롤 흐름 최적화
Proposal
앞서 정의한 두 가지 콘텐츠 전략 방향을 각각 시각화해 A안 · B안으로 제안했습니다.
이후 SCU의 주 사용자인 중장년층의 실제 사용 패턴을 반영해 정보를 전면으로 노출
하고 접근성을 높인 A+안으로 발전시켜나갔습니다.
Type A
숫자로 증명하는 가치

Type B
당신에게서 시작하는 이야기

Type A +
숨기지 않는 설계

누구나, 언제나, 어디에서나
모두를 위한 대학교, 서울사이버대학교

Design System
Typeface
가독성 좋은 고딕 서체를 베이스로, 정보 시인성이 중요한 지원서 작성 페이지에서는 한글 자모가 뚜렷하게 구분되는 Line Seed KR 서체를 사용했습니다.

Pretendard

Line Seed KR

Poppins
Color System
#009E22
4.5:1- 접근성 규정 준수 명도 대비
- 텍스트와 배경 간의 명도 대비 4.5:1을 고려해
서울사이버대학교의 브랜드 컬러에서 파생된
컬러 시스템을 적용하였습니다.
- #092D4B
- #32A98D
- #1462A4
Main Design





Other pages





Application Pages






Mobile Screens
단지 PC와 동일한 경험 뿐 아니라,
모바일 친화적인 UX를 고려해 화면을 설계했습니다.




Application Pages







University for All
- 모두를 위한 대학교, 서울사이버대학교

Credits
Director
- Baek GwangJong
Product Manager
- An KyungMin
Design
- Jeon EunJeong
- Lee JiEun
- Kim MiJoo
Development
- 플랫폼 개발 : 디지탈씨오에스
- Lee MinKyung
- Race
- Moon SeoHee



