포트폴리오 목록
건축자재
웹사이트
건축자재 브랜드 소개, 제품, 시공 레퍼런스, 텍스처와 상담·지원 콘텐츠를 분리한 멀티페이지 브랜드 사이트입니다. 각 페이지별 스타일과 인터랙션 모듈을 분리해 콘텐츠 확장과 정적 배포에 맞췄습니다.
프로젝트 소개
건축자재 브랜드와 제품, 시공 레퍼런스, 텍스처, 상담·지원 콘텐츠를 시각 중심으로 구성한 브랜드 사이트입니다. 브랜드의 전문성과 핵심 정보를 명확히 전달하고, 탐색에서 상담·문의까지 자연스럽게 이어지는 반응형 경험을 만드는 것이 목표였습니다.
건축자재 브랜드 소개, 제품, 시공 레퍼런스, 텍스처와 상담·지원 콘텐츠를 분리한 멀티페이지 브랜드 사이트입니다. 각 페이지별 스타일과 인터랙션 모듈을 분리해 콘텐츠 확장과 정적 배포에 맞췄습니다.
주요 기능
- 신청·예약·주문 흐름 — 사용자 입력부터 신청·예약·주문 또는 접수, 상태 확인까지 핵심 전환 흐름을 끊김 없이 연결했습니다.
- 운영 검수·복구 — 배포·검수·백업·복구와 인수인계에 필요한 상태와 증거를 운영 관점에서 확인할 수 있습니다.
- 상품·콘텐츠 탐색 — 상품·서비스·콘텐츠를 카테고리와 상세 정보로 탐색하고 다음 행동으로 이어지도록 구성했습니다.
- 브랜드·서비스 소개 — 브랜드의 전문성, 서비스 범위와 차별점을 명확한 정보 위계와 시각 콘텐츠로 전달합니다.
- 상담·문의 전환 — 서비스 이해 후 상담·문의·체험 신청으로 자연스럽게 이어지는 전환 동선을 제공합니다.
기술 스택
정적 멀티페이지 HTML/CSS/Vanilla JavaScript공통·페이지별 CSS/JS 모듈제품·레퍼런스·텍스처 이미지 자산, GitHub Pages
