포트폴리오 목록
ELAN 엘랑 — 모델 에이전시 웹사이트+CMS
대시보드
모델 에이전시의 영상 중심 메인, 모델 검색·필터, 뉴스와 CMS를 네 개 페이지로 분리했습니다. 스크롤 기반 영상 연출과 커튼 전환을 적용하고, CMS에서 등록·노출·미디어 교체한 콘텐츠가 공개 화면에 즉시 반영되도록 구현했습니다.
프로젝트 소개
영상 중심 브랜드 경험과 모델·뉴스 탐색, 콘텐츠 관리 기능을 연결한 모델 에이전시 웹사이트입니다. 브랜드의 전문성과 핵심 정보를 명확히 전달하고, 탐색에서 상담·문의까지 자연스럽게 이어지는 반응형 경험을 만드는 것이 목표였습니다.
모델 에이전시의 영상 중심 메인, 모델 검색·필터, 뉴스와 CMS를 네 개 페이지로 분리했습니다. 스크롤 기반 영상 연출과 커튼 전환을 적용하고, CMS에서 등록·노출·미디어 교체한 콘텐츠가 공개 화면에 즉시 반영되도록 구현했습니다.
주요 기능
- 검색·필터 탐색 — 검색, 조건 필터와 정렬을 제공해 많은 정보 중 필요한 항목을 빠르게 좁힐 수 있습니다.
- 관리자·CMS 운영 — 관리자 화면에서 콘텐츠, 사용자, 요청과 노출 상태를 관리하고 공개 화면 반영 흐름을 확인할 수 있습니다.
- 상품·콘텐츠 탐색 — 상품·서비스·콘텐츠를 카테고리와 상세 정보로 탐색하고 다음 행동으로 이어지도록 구성했습니다.
- 브랜드·서비스 소개 — 브랜드의 전문성, 서비스 범위와 차별점을 명확한 정보 위계와 시각 콘텐츠로 전달합니다.
- 인터랙티브 경험 — 스크롤·전환·모달 등 인터랙션을 적용해 정보 위계를 강화하고 주요 행동에 즉각적인 피드백을 제공합니다.
기술 스택
정적 멀티페이지 HTML/CSS/Vanilla JavaScript영상 패럴랙스·마퀴·커튼 라우팅·모델북 모달LocalStorage 기반 뉴스·미디어 CMS 시뮬레이션
