sketchbook

UNIVERSITY FOR ALL
SEOUL CYBER UNIVERSITY

서울사이버대학교 입학홈페이지 리뉴얼 프로젝트

ⓒ2025 - 2026
UI, UX Renewal project

Tag
교육, 대학
Client
서울사이버대학교
Role
Design,UX Dev
Links

Project Overview

[

배움은 평등해야 하니까.
모두를 위한 대학, 서울사이버대학교.

]
서울사이버대학교는 "모두를 위한 대학" 이라는 슬로건 아래, 30대 이상 재직자·현역 장병·경력단절 여성·만학도 등
다양한 성인 학습자가 누구나 쉽게 고등교육의 기회를 누릴 수 있도록 최적화된 온라인 대학교입니다.
기존 사이트의 낮은 브랜드 정체성, 복잡한 정보 구조, 접근성 문제를 개선해
단순히 예쁜 사이트가 아닌, 중장년층도 쉽게 탐색할 수 있고 방문자가 입학을 스스로 결정하게 만드는 설득형 디자인을 목표로 했습니다.

Why important?

프로젝트 진행에 앞서, 우리는 사이버대학교 입학사이트가 현대 정보 탐색 환경에서 갖는 특수한 역할을 이해하고
최종적으로 어떤 역할을 수행해야 하는지 질문을 던졌습니다.

"사용자는 더 이상
정문으로 들어오지 않는다."

과거는 홈페이지 간 확실한 이원화로 각 사이트 사이의 역할 구분이 분명했습니다.
하지만 디지털 마케팅이 고도화되고 사용자의 정보 탐색 여정이 과거처럼 선형적이지 않게 됨에
따라, 입학 홈페이지는 더 이상 정보를 제공하는 창구가 아닌, 방문자를 설득하고 전환시키는 세일즈
채널이 되었습니다.

THEN : LINEAR
브랜드 인지 → 대표 홈페이지 → 입학처 순으로 유입
검색창에 '서울사이버대학교'를 검색한다
arrow
대학 대표 홈페이지에서 '입학 안내' 등을 누른다
arrow
입학처 사이트로 이동한다
NOW : Dynamic
검색 한 번으로 입학처에 직접 도달
검색창에 다양한 키워드로 검색한다

직장인 야간대학, 심리학과 사이버대 추천, 사이버대 장학금…

arrow
검색 "최상단"에 노출되는 입학처 사이트에 접속한다

따라서 입학 홈페이지는 단순한 행정 창구를 넘어,
브랜드를 각인시키고, 방문자를 설득하고, 최종 등록으로 이끄는
하나의 완결된 세일즈 채널이어야 합니다.

행정 처리 기능
+
방문자 설득(Branding) - 고객 전환(Marketing) - 최종 등록(Conversion)

Who are they?

실제 입학 홈페이지 방문자를 목적과 욕구 두 가지 축으로 분류했습니다.
각 유형이 사이트에서 무엇을 원하고, 무엇을 두려워하는지를 파악해
방문자가 최종적으로 '지원'이라는 행동에 이르도록 경험을 설계했습니다.

For Purpose

방문자를 입학 결정 단계에 따라 세 가지 온도로 구분했습니다.
차가운 방문자와 미지근한 방문자는 설득을 통해 뜨거운 방문자로 전환하고,
뜨거운 방문자는 마찰 없는 사용성으로 이탈을 방지하는 것을 목표로 합니다.

방문자별 목적 방문경로 포인트 분석

User Personas

방문자의 삶의 맥락과 목표를 기반으로 4가지 페르소나를 정의했습니다.
각 페르소나가 가진 현실적인 니즈와 불안을 분석하고, 이를 콘텐츠 전략과 UI 설계에
직접 반영했습니다.

Insight
  • 학과·커리큘럼
  • 학습 지원
  • 전형·장학금 안내
  • 졸업생·재학생 스토리

이대리 34세 (마케터, IT회사 재직)

커리어 성장 직장인

감이 아닌 데이터로 일하는
전문가가 되고 싶습니다.

  • Biography

    현재 IT 회사에서 마케터로 근무 중인 34세 이대리. 급변하는 디지털 환경 속에서 데이터 분석 역량 없이는 뒤처진다는 위기감을 느끼고 있습니다.

  • Needs

    "내 직무(마케팅)와 바로 연결되는 학과가 있나요?"

    "SQL, Python, GA 같은 실무 기술을 배울 수 있나요?"

    "야근이 잦은데, 출석 인정 기간은 넉넉한가요?"

    "회사 지원 산업체 위탁 전형이나 직장인 장학금이 있나요?"

  • Pain points

    "소중한 시간과 돈을 투자했는데, 실무에 도움이 안 될까 두렵습니다."

    "학위의 사회적 평판이 걱정됩니다."

    "바쁜 업무에 치여 결국 졸업을 못 할 것 같아 불안합니다."

박미영 45세 (주부, 경력단절여성)

경력 단절 여성

다시 사회생활을 시작하려니 막막합니다.
이제는 엄마가 아닌 '나' 자신으로 살고 싶습니다.

  • Biography

    아이들을 키우느라 10년 넘게 직장을 떠나 있었던 45세 박미영. 다시 사회생활을 시작하고 싶지만, 무엇부터 해야 할지 막막합니다.

  • Needs

    "공부를 손 놓은 지 오래됐는데, 따라갈 수 있을까요?"

    "아이 케어하면서 하루 몇 시간을 투자해야 하나요?"

    "자격증 실습을 집 근처에서 연결해 주나요?"

    "저 같은 40~50대 동기들이 많이 있나요?"

  • Pain points

    "젊은 학생들과 디지털 환경에 적응하지 못할까 두렵습니다."

    "졸업 후 나이 때문에 취업이 안 될까 걱정됩니다."

    "학업으로 가정에 소홀해진다는 죄책감이 앞섭니다."

최병장 22세 (전역 준비 군인)

미래 준비 군인

군 복무 기간을 시간 낭비 없이,
학위로 바꾸고 싶습니다.

  • Biography

    전역까지 1년이 남은 22세 최병장. 군 생활을 보람 있게 보내고, 전역 후 동기들보다 한발 앞서 사회에 진출하고 싶습니다.

  • Needs

    "군위탁 전형 신청 자격과 절차가 어떻게 되나요?"

    "훈련 중이거나 인터넷이 안 될 때 강의는 어떻게 듣나요?"

    "전역 후에도 이어서 공부하는 데 문제없나요?"

    "군인 전용 장학금 혜택은 얼마나 되나요?"

  • Pain points

    "갑작스러운 훈련, 열악한 부대 인터넷으로 학업 지속이 걱정됩니다."

    "군 내부에서 서류 준비와 행정 처리가 번거로울까봐 지레 포기하게 됩니다."

김정숙 76세 (만학도)

만학도

취업이나 돈 때문이 아니라,
순수하게 배우는 즐거움을 누리고 싶습니다.

  • Biography

    평생 가족을 위해 살다가 이제 자신의 인생을 살기로 한 76세 김정숙. 경제적 이유로 포기했던 공부에 대한 아쉬움이 늘 마음 한편에 남아 있습니다.

  • Needs

    "내 나이에 대학생이 돼도 괜찮을까요?"

    "시험이나 과제가 너무 어렵지는 않을까요?"

    "저 같은 나이 또래 동기들이 있을까요?"

    "노안이라 작은 글씨는 보기 힘든데 강의 화면은 괜찮나요?"

    "졸업장 없이 관심 과목만 골라 들을 수 있나요?"

  • Pain points

    "세대 차이로 인한 고립이 두렵습니다."

    "수강신청·과제 제출 같은 기본부터 막힐까 겁납니다."

    "즐거움을 위해 시작한 공부가 오히려 부담이 될까 우려됩니다."

"나같은 사람도 괜찮다는 확신"

4가지 페르소나 모두 표면적인 목표는 달랐지만, 핵심에는 동일한 불안이 있었습니다.
우리가 가장 먼저 해야 할 일은 방문자와 잠재적인 신입생의 공통된 불안에 대한 대답과 신뢰 구축이었습니다.

Contents Strategy

4가지 페르소나의 Needs와 Pain Points를 교차 분석해,
어떤 콘텐츠가 방문자의 불안을 해소하고 전환을 이끌어낼 수 있는지 정의했습니다.

  • 커리어 성장 직장인
  • 경력 단절 여성
  • 미래 준비 군인
  • 만학도
졸업생·재학생 스토리학과·커리큘럼학습 지원전형 안내
졸업생·재학생 사례
실제 졸업생, 재학생 사례 소개로 불안감 해소 및 동기 부여
목표 중심 컨텐츠 전면 배치
직장인 추천 학과, 자격증 과정, 학과·전형 테스트 등 목표 기반 탐색 경로 제공
학습 환경 안내
모바일 학습 완벽 지원, 강의 다운로드 기능 등 문구를 탐색 동선 안에 자연스럽게 노출
전형 A to Z
입학 전형 관련 정보 (지원자격, 지원절차, 장학혜택) 등 안내
커뮤니티 활동
시니어 학우회, 동년배 멘토링 프로그램 등 커뮤니티 활동 강조
학습 로드맵 제시
입학부터 졸업까지의 학습 여정을 한눈에 보여줘 막막함을 제거
학습 도우미
디지털이 낯선 사용자를 위한 지원 제도를 탐색 동선 안에 자연
학문적 깊이·신뢰도 강조
교수진 실적, 산학협력, 대학원 연계 등 오프라인 대학 못지 않은 학문적 신뢰도 전달
수업 가이드·PC 기초 강좌 콘텐츠
왕초보를 위한 원격수업 가이드, PC 기초 강좌 등 디지털 장벽 완화
LMS 체험·수업 방식 안내
SCU에서는 어떻게 공부하는가를 체험 콘텐츠로 명확하게 제시해 진입 장벽 감소

Where we
should be?

우리는 브랜드 포지셔닝 맵을 통해 서울사이버대학교의 현재 위치를 진단하고, 어느 방향으로 포지션을 이동해야 하는지 전략적 방향을 설정했습니다.

서울사이버대 [사실 / 이성 - 감성 / 관계 - 전통 / 권위] 관계도

We should be

현재 대부분의 국내 사이버대학은 오프라인 대학의 후광과 숫자 중심 경쟁에 머물러 있습니다.
서울사이버대학교는 해외 온라인 대학이 택한 전략 — 고객 중심, 관계 기반 — 을 벤치마킹해
'사실/이성' 축에서 고객 중심의 스토리텔링을 강화하고 '감성/관계' 축으로 포지션을 이동해야
합니다.

[ 국내 사이버대학, 전통과 사실의 레드오션에 갇히다 ]

국내 사이버대학교

"모 대학교 부설" 후광에 의존
취업률·재학생 수 등 숫자 중심 경쟁
+
[ 고객과 관계 중심으로 풀어낸 해외 대학 ]

해외 온라인 대학교

학생의 현실적 문제를 해결하는 파트너
학생을 주인공으로 세우는 스토리텔링

모두가 알고있는 CM송,
이곳에서 시작된 성공시대 ─ 성공의 이유 증명

From Insight to Content

서울사이버대학교의 CM송은 이미 강력한 메시지를 갖고 있습니다.
하지만 입학 홈페이지는 그 주장을 뒷받침할 근거를 제시하지 못하고 있었습니다.
우리는 홈페이지가 CM송의 증거가 되어야 한다고 판단했습니다.

CM Song Claim
  • 서울사이버대학을 다니고 나의 성공시대 시작됐다

  • 서울사이버대학을 다니고 나를 찾는 회사 많아졌다

  • 서울사이버대학을 다니고 내 인생이 달라졌다

Our evidence
  • 실제 졸업생의 커리어 변화 — 승진, 이직, 자격증 취득 사례

  • 취업·이직에 성공한 졸업생의 구체적 스토리와 데이터

  • 경력단절 복귀, 만학도 졸업 등 삶의 전환점이 된 실제 이야기

Content Direction

페르소나 분석을 통해, 숫자와 사실로 신뢰를 쌓는 언어, 그리고 공감과 이야기로 마음을
움직이는 언어 그 두 가지로 방문자에게 다가가는 방식을 제안했습니다.

FactRelationship

Type A

숫자로 증명하는 가치

  • #신뢰
  • #안정성
  • #명료함
  • #가독성
RelationshipFact

Type B

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

  • #공감
  • #성장
  • #자신감
  • #따뜻한전문성

What we need?

앞선 리서치에서 도출한 인사이트를 바탕으로 공통된 3가지 설계 원칙을 정의하고,
기존 사이트 구조를 어떻게 바꿀 것인지 방향을 결정했습니다.

Renewal Principles

01Persuade, not just inform

정보 나열이 아닌,
방문자가 스스로 결정에 이르도록 설득하는 구조

02Accessible by default

중장년층도 불안 없이 탐색할 수 있는
접근성 우선 설계

03Show, don't hide

숨기기보다 드러내기,
명확한 정보 계층과 일관된 UI 시스템

Renewal Strategy

정보 구조
브랜드 강점
접근성
콘텐츠 구성
As-IS
입학 안내·전형 일정 등 공식 정보를
명확한 기준 없이 나열하는 방식
"왜 이 학교여야 하는가"에 대한 설득 섹션 부재
학교 소개와 공지 중심의 메인 구성
작은 폰트 크기, 낮은 명도 대비
중장년층 사용자가 주요 정보를 읽기 어려운 상태
같은 정보가 여러 섹션에 반복 배치
무엇이 중요한 정보인지 판단하기 어려운 구조
정보 구조
브랜드 강점
접근성
콘텐츠 구성
To-Be

목표 중심 콘텐츠 전면 배치
방문자가 자신의 상황에 맞는 정보를 바로 발견하도록 재구성

핵심 강점(수업 방식·졸업생 사례·자격증 취득률 등)을 전면에 배치
방문자가 스스로 납득할 수 있는 설득 흐름 설계

웹 접근성 기준 충족 폰트 사이즈·명도 대비 적용
시각적 위계를 명확히 해 정보 탐색 피로도 최소화

중복 콘텐츠 정리, 단일한 정보 흐름으로 재구성
각 섹션의 역할을 명확히 분리해 스크롤 흐름 최적화

Proposal

앞서 정의한 두 가지 콘텐츠 전략 방향을 각각 시각화해 A안 · B안으로 제안했습니다.
이후 SCU의 주 사용자인 중장년층의 실제 사용 패턴을 반영해 정보를 전면으로 노출
하고 접근성을 높인 A+안으로 발전시켜나갔습니다.

Type A

숫자로 증명하는 가치

Type B

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

Type A +

숨기지 않는 설계

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

Design System

Typeface

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

가

Pretendard

가

Line Seed KR

A

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

logo

University for All

모두를 위한 대학교, 서울사이버대학교

Credits

  1. Director

    • Baek GwangJong
  2. Product Manager

    • An KyungMin
  3. Design

    • Jeon EunJeong
    • Lee JiEun
    • Kim MiJoo
  4. Development