서울대학교 KDT ABC 과정

교육/학원/대학

서울대학교 KDT ABC 과정

Client
서울대학교 KDT ABC 과정
Date
2026.04.28
Type
반응형
Dev
Linux / php / Mysql / PC / Mobile

빅데이터 AI 비즈니스 혁신을 주도하는 리더를 양성합니다.

서울대학교 KDT ABC 과정은 서울대학교가 진행하는 고용노동부의 KDT 빅데이터 AI 혁신리더 교육 과정으로 최신 AI와 빅데이터 기술을 바탕으로 하여 기업 경영에 실질적으로 적용할 수 있는 리더십과 전략적 사고를 가지는 인재 양성을 도모하고 있습니다.

화려하고 기교 섞인 디자인 요소를 지양하는 대신, 신뢰감을 주는 정돈된 컬러웨이와 깊이 있는 타이포그래피를 사용하여 서울대학교의 지적인 권위와 혁신적인 리더를 만드는 교육의 진정성을 동시에 전달하고자 하였으며 직관적인 관문형 인트로와 이원화된 사용자 타겟팅을 통해 사용자의 불필요한 탐색 피로도를 줄이고, 각 과정이 가진 독립적인 타겟층의 눈높이에 최적화된 디지털 경험을 명확하게 선사합니다.

정밀한 텍스트 가독성과 데이터 
그리드 중심의 신뢰 구조로 사용자들의 정보 습득에 최적화된 구조를 갖추었으며 목적 지향적인 전환(CTA) 유도 및 유기적인 서브 커뮤니케이션 구성으로 사용자들의 행동 동선을 자연스럽게 연결시키고 언제든지 긴밀하게 소통할 수 있는 비즈니스 인터랙션을 구현했습니다.
Function
게시판 (과정in언론,자주묻는질문,문의하기,공지) - 글쓰기/수정/삭제, 카테고리 분류, 첨부파일 등록, 조회수 관리
팝업 - 동시팝업, 레이어팝업, 게시기간 설정, 종료일 설정
페이지 관리 - 컨텐츠 CMS 기능
#Keyword
  • #반응형홈페이지
  • #서울대 KDT
  • #빅데이터AICEO과정
  • #빅데이터최고경영자과정
  • #CEOAI교육
  • imgarea1.jpg
  • imgarea2.jpg
imgarea3.jpg

직관적인 관문형 인트로와
이원화된 사용자 타겟팅

인트로 화면을 통해 전문가를 위한 'ABS 과정'과 최고경영자를 위한 'ABC 과정'을 명확하게 분리하는 디자인을 채택했습니다.
방문자의 목적에 따라 필요한 교육 정보로 곧바로 진입할 수 있도록 불필요한 탐색 피로도를 줄이고, 각 과정이 가진 독립적인 타겟층의 눈높이에 최적화된 디지털 경험을 명확하게 선사합니다.

imgarea4.jpg

정밀한 텍스트 가독성과 데이터
그리드 중심의 신뢰 구조

방대한 학술 정보를 격자(Grid) 구조와 타임라인 형태로 일목요연하게 시각화했습니다.
시각적 피로감을 줄이기 위해 여백과 행간을 세심하게 조절하여 장문의 실제 수료생 인터뷰 내용도 흐름이 끊기지 않고 몰입감 있게 읽히도록 레이아웃을 최적화했습니다.

imgarea5.jpg

목적 지향적인 전환(CTA) 유도 및
유기적인 서브 커뮤니케이션

과정 소개부터 언론 보도, FAQ, 문의 게시판으로 이어지는 서브 페이지 전반에 걸쳐 사용자의 행동 동선이 자연스럽게 연결되도록 깔끔한 보드(Board) 형태의 UI를 적용했습니다.
행동을 촉구하는 버튼(CTA) 요소들이 스크롤 흐름에 맞추어 곳곳에 배치되어 있어, 사용자가 언제든지 원클릭으로 긴밀히 소통할 수 있는 비즈니스 인터랙션을 구현했습니다.

딱 1분이면 됩니다.
견적 받아보세요.

당신의 홈페이지, 전문가의 눈으로 진단해드립니다.

닫기