비석세스: 콘텐츠 전문인 재교육 과정 상세페이지 디자인
비석세스: 콘텐츠 전문인 재교육 과정 상세페이지 디자인
Organization
비석세스
Service
상세페이지
Introduction
비석세스가 운영한 2025 콘텐츠 전문인 재교육 프로그램 ‘CONTENT STEP UP’의 과정별 모집 상세페이지 디자인 작업입니다. 사운드·버추얼 프로덕션·애니메이션 등 성격이 다른 과정을 같은 플랫폼에서 나란히 노출해야 하는 조건이라, 상단 헤더·모집기간·교육기간·과정 안내·강사 소개·커리큘럼 표로 이어지는 정보 순서를 전 과정 공통 틀로 고정하고 과정마다 메인 컬러만 교체하는 방식으로 설계했습니다. 상단은 퍼플·블루 그라데이션 위에 협업사 로고를 올려 어떤 기업과 함께하는 과정인지 먼저 보이게 하고, 모집기간과 교육기간은 라벨 배지로 분리해 혼동 없이 확인되도록 했습니다. 본문은 좌측 항목명·우측 내용의 2열 구조를 반복해 스크롤이 길어져도 읽는 위치가 흔들리지 않게 했으며, 커리큘럼은 회차별 표로 정리하고 강사 이력은 태그 형식으로 압축해 긴 세로 지면에서 정보 밀도가 균일하게 유지되도록 편집했습니다. 교육기관·플랫폼 운영사의 교육과정 모집 상세페이지, 웹 랜딩페이지 디자인이 필요한 담당자에게 적합한 작업입니다.
Scope
디자인
Organization
비석세스
Service
상세페이지
Introduction
비석세스가 운영한 2025 콘텐츠 전문인 재교육 프로그램 ‘CONTENT STEP UP’의 과정별 모집 상세페이지 디자인 작업입니다. 사운드·버추얼 프로덕션·애니메이션 등 성격이 다른 과정을 같은 플랫폼에서 나란히 노출해야 하는 조건이라, 상단 헤더·모집기간·교육기간·과정 안내·강사 소개·커리큘럼 표로 이어지는 정보 순서를 전 과정 공통 틀로 고정하고 과정마다 메인 컬러만 교체하는 방식으로 설계했습니다. 상단은 퍼플·블루 그라데이션 위에 협업사 로고를 올려 어떤 기업과 함께하는 과정인지 먼저 보이게 하고, 모집기간과 교육기간은 라벨 배지로 분리해 혼동 없이 확인되도록 했습니다. 본문은 좌측 항목명·우측 내용의 2열 구조를 반복해 스크롤이 길어져도 읽는 위치가 흔들리지 않게 했으며, 커리큘럼은 회차별 표로 정리하고 강사 이력은 태그 형식으로 압축해 긴 세로 지면에서 정보 밀도가 균일하게 유지되도록 편집했습니다. 교육기관·플랫폼 운영사의 교육과정 모집 상세페이지, 웹 랜딩페이지 디자인이 필요한 담당자에게 적합한 작업입니다.
Scope
디자인
Organization
비석세스
Service
상세페이지
Introduction
비석세스가 운영한 2025 콘텐츠 전문인 재교육 프로그램 ‘CONTENT STEP UP’의 과정별 모집 상세페이지 디자인 작업입니다. 사운드·버추얼 프로덕션·애니메이션 등 성격이 다른 과정을 같은 플랫폼에서 나란히 노출해야 하는 조건이라, 상단 헤더·모집기간·교육기간·과정 안내·강사 소개·커리큘럼 표로 이어지는 정보 순서를 전 과정 공통 틀로 고정하고 과정마다 메인 컬러만 교체하는 방식으로 설계했습니다. 상단은 퍼플·블루 그라데이션 위에 협업사 로고를 올려 어떤 기업과 함께하는 과정인지 먼저 보이게 하고, 모집기간과 교육기간은 라벨 배지로 분리해 혼동 없이 확인되도록 했습니다. 본문은 좌측 항목명·우측 내용의 2열 구조를 반복해 스크롤이 길어져도 읽는 위치가 흔들리지 않게 했으며, 커리큘럼은 회차별 표로 정리하고 강사 이력은 태그 형식으로 압축해 긴 세로 지면에서 정보 밀도가 균일하게 유지되도록 편집했습니다. 교육기관·플랫폼 운영사의 교육과정 모집 상세페이지, 웹 랜딩페이지 디자인이 필요한 담당자에게 적합한 작업입니다.
Scope
디자인