연재컴퍼니의 온라인 강의 사이트 ‘땡스대드’는 아임웹을 활용하여 제작된 전문 교육 플랫폼 홈페이지로, 개인 강사의 강의 홍보와 판매를 최적화하는 것을 목표로 구축되었다. 본 프로젝트의 주 목적은 방문자가 강의 정보를 빠르게 확인하고 수강 신청으로 자연스럽게 이어지도록 사용자 경험(UX)과 인터페이스(UI)를 설계하는 것이며, 이를 통해 고객 전환율을 극대화하는 온라인 플랫폼을 제공하는 데 있다. 사이트 전체 구조는 직관적인 정보 배치와 콘텐츠 강조를 통해 브랜드 신뢰감과 전문성을 동시에 전달하도록 디자인되었다.
디자인은 빨강과 베이지 톤을 중심으로 구성하여 신뢰감과 활력을 동시에 표현했다. 빨강은 집중력과 구매 유도를 강조하는 색상으로, 강의 특징과 주요 성과, 수익 정보를 강조하는 시각 요소와 조화를 이루었다. 베이지 톤은 전체적인 시각적 안정감을 제공하며, 사용자가 콘텐츠를 편안하게 탐색할 수 있는 환경을 조성한다. 메인 화면에서는 강의 핵심 포인트와 강사 성과를 시각적으로 명확하게 배치하여 방문자의 흥미를 유발하고 정보 전달 효과를 극대화했다.
기능과 구조 측면에서는 UX 중심으로 설계되어 방문자가 원하는 정보를 빠르게 접근할 수 있도록 메뉴, 카테고리, 주요 콘텐츠 섹션을 체계적으로 구조화했다. 강의 상세 페이지, 결제 기능, 수강 관리, 후기 확인 등 주요 기능을 사용자가 직관적으로 이용할 수 있도록 구현했으며, 반응형 웹 디자인을 적용해 모바일과 PC 환경 모두에서 최상의 사용자 경험을 제공했다.
SEO 및 기술 최적화도 핵심 요소로 적용되었다. 메타태그와 키워드 최적화를 통해 검색 결과 상위 노출을 지원하고, 페이지 로딩 속도와 접근성을 높여 방문자의 만족도를 강화했다. 구조화된 콘텐츠 배치와 UI 요소를 통해 유지 관리 효율성과 브랜드 신뢰감을 동시에 확보하였다.
타겟 고객은 온라인 강의를 통해 수익 창출을 목표로 하는 개인 강사이며, 사이트를 통해 자신의 콘텐츠를 효과적으로 홍보하고 판매할 수 있도록 최적화된 웹사이트 환경을 제공한다. 직관적 UI, 반응형 디자인, SEO 최적화가 결합되어 고객 경험을 극대화하며, 브랜드 신뢰감과 전문성을 강화했다.
연재컴퍼니의 ‘땡스대드’ 홈페이지는 온라인 강의 판매와 홍보에 특화된 웹사이트 제작에 최적화된 포트폴리오 사례입니다.