핵심 요약
TV조선에서 진행하는 ‘경제아카데미 시즌1’ 프로그램 홍보 및 신청 유도를 위한 홈페이지를 구축했습니다. 본 프로젝트는 단순 정보 전달이 아닌, 참여 신청까지 이어지는 전환 중심 구조 설계를 목표로 진행되었습니다. 메인 히어로 영역은 사용자가 페이지에 진입하는 순간 프로그램의 핵심 가치를 직관적으로 이해하도록 설계된 핵심 구간입니다.
TV조선에서 진행하는 ‘경제아카데미 시즌1’ 프로그램 홍보 및 신청 유도를 위한 홈페이지를 구축했습니다.
본 프로젝트는 단순 정보 전달이 아닌, 참여 신청까지 이어지는 전환 중심 구조 설계를 목표로 진행되었습니다.
메인 페이지
메인페이지 기획의도
프로그램 핵심 메시지를 한눈에 전달할 수 있도록 히어로 섹션 중심 구조로 설계
일정, 장소, 신청 CTA를 상단에 배치하여 즉각적인 행동 유도 흐름 구축
금융/경제 교육의 특성을 반영해 신뢰감과 직관성을 동시에 확보하는 디자인 적용
핵심 메시지와 참여 유도를 동시에 설계한 전환 중심 히어로 섹션
메인 히어로 영역은 사용자가 페이지에 진입하는 순간 프로그램의 핵심 가치를 직관적으로 이해하도록 설계된 핵심 구간입니다.
본 프로젝트에서는 ‘경제 교육’이라는 다소 무거울 수 있는 주제를 시각적 요소와 메시지 구조를 통해 쉽고 명확하게 전달하는 데 집중했습니다.
먼저, ‘흔들리지 않는 부의 설계’라는 핵심 카피를 중심으로 프로그램의 목적성과 기대 효과를 한 문장 안에 압축하여 전달하고,
사용자가 별도의 탐색 없이도 콘텐츠의 방향성을 즉시 인지할 수 있도록 구성했습니다.
복잡한 커리큘럼을 직관적으로 구조화한 정보 설계 중심 프로그램 섹션
프로그램 섹션은 사용자가 교육의 전체 흐름과 강의 구성을 한눈에 이해할 수 있도록 시간, 세션, 주제, 연사 정보를 체계적으로 정리한 핵심 정보 영역입니다.
특히 시간표 형태의 UI를 적용하여 복잡한 일정 정보를 시각적으로 정돈하고 각 세션별 중요 정보가 빠르게 구분될 수 있도록 정보 위계를 명확히 설정했습니다.
시간, 러닝타임, 강의 구분, 프로그램 내용을 표 기반으로 구조화함으로써 사용자는 별도의 해석 과정 없이도 원하는 정보를 즉시 파악할 수 있으며,
이는 정보 탐색 피로도를 줄이고 콘텐츠 이해도를 높이는 UX로 이어집니다.
콘텐츠 신뢰도를 극대화하는 전문가 중심의 연사 구성 UX 설계
연사 섹션은 프로그램의 전문성과 신뢰도를 직관적으로 전달하는 핵심 콘텐츠 영역으로 사용자가 교육의 가치를 판단하는 중요한 기준이 되는 구간입니다.
본 프로젝트에서는 각 연사를 단순 나열하는 방식이 아닌 세션별 주제 흐름에 맞춰 그룹화하여 구성함으로써 강의 내용과 연사의 전문성이 자연스럽게 연결되도록 설계했습니다.
카드형 UI를 적용하여 연사별 정보를 시각적으로 분리하고 프로필 이미지, 주요 이력, 강의 주제를 함께 배치함으로써 사용자가 한 눈에 핵심 정보를 파악할 수 있도록 정보 구조를 최적화했습니다.
소개 페이지
브랜드 신뢰와 프로그램 방향성을 동시에 전달하는 인트로 콘텐츠 설계
연사 섹션은 프로그램의 전문성과 신뢰도를 직관적으로 전달하는 핵심 콘텐츠 영역으로 사용자가 교육의 가치를 판단하는 중요한 기준이 되는 구간입니다.
이어지는 본문 영역에서는 단순한 소개를 넘어 기존 시즌의 성과와 이번 시즌의 방향성을 함께 제시하여 프로그램에 대한 연속성과 신뢰도를 강화했습니다.
프로그램 & 연사 페이지
브랜드 아이덴티티를 유지하며 섹션 전환을 명확히 하는 서브 비주얼 설계
서브 비주얼 영역은 각 페이지의 성격을 직관적으로 구분하면서도 전체 랜딩페이지의 일관된 브랜드 경험을 유지하는 역할을 수행합니다.
본 프로젝트에서는 프로그램,연사 등 주요 페이지 상단에 공통 비주얼 스타일을 적용하여 사용자에게 통일된 경험을 제공하면서도 각 섹션의 성격을 명확히 인지할 수 있도록 텍스트 중심의 타이틀 구조를 설계했습니다.
또한 불필요한 정보 요소를 배제하고
핵심 타이틀만 강조하는 미니멀한 구성으로
사용자가 현재 위치한 페이지의 맥락을 빠르게 이해할 수 있도록 UX를 최적화했습니다.
특히 동일한 레이아웃 구조를 유지하면서 타이틀만 변경하는 방식은 페이지 간 이동 시 인지 부담을 줄이고 서비스 전체의 구조적 일관성을 강화하는 설계 전략입니다.
본 프로젝트는 경제 교육 프로그램의 특성을 반영하여 단순한 정보 전달을 넘어 사용자의 이해와 참여를 유도하는 구조 중심의 홈페이지로 설계되었습니다.
브랜드 신뢰를 기반으로 한 인트로 구성, 정보 가독성을 극대화한 프로그램 구조화, 전문성을 강조한 연사 콘텐츠, 그리고 전환율을 고려한 CTA설계까지 각 요소가 유기저그로 연결되도록 기획 및 구현했습니다.
프로젝트 관련 문의는 언제든지 편하게 연락 주시기 바랍니다!
홈페이지 제작을 고민 중이라면 잡오브브라더스에 편하게 물어보세요. 기획부터 개발까지 직접 하는 팀이 답합니다. 홈페이지 제작 문의 →
출처·근거
- 원문: 네이버 블로그 — 잡오브브라더스 (2026-05)
