Casamia
Casamia는 신세계까사의 홈퍼니싱 브랜드로, 제품 카탈로그와 브랜드 스토리를 온라인에서 전달하는 공식 웹사이트입니다. 기존 사이트는 브랜드 프리미엄 이미지와 제품 정보 전달력이 부족했고, 운영팀이 콘텐츠를 자주 갱신하는 구조에서 마크업·레이아웃 유지보수가 어려운 상태였습니다. 모바일·데스크톱에서 동일한 쇼룸 경험을 제공하면서도 운영 친화적인 UI 기반이 필요했습니다.
- Client
- Casamia
- Role
- WEB PUBLISHER · 커서스 사이트 리뉴얼 구축
- Period
- 2021
- Platform
- Commerce Platform
- Tech Stack
- HTML, CSS, JavaScript, Vue.js, SCSS
Case Study
Role
WEB PUBLISHER · 커서스 사이트 리뉴얼 구축
Contribution
- 브랜드 스토리와 제품 정보의 정보 위계 설계 — 미니멀 레이아웃 안에서 콘텐츠 가독성 확보
- 반응형 그리드·타이포그래피 시스템 구축 — 디바이스별 쇼룸 경험 일관성 유지
- Swiper·스크롤 인터랙션 적용 — 정적 카탈로그가 아닌 브랜드 경험 중심 탐색
- 시맨틱 HTML·운영 친화 마크업 구조 설계 — 콘텐츠 교체 시 수정 범위 최소화
- 크로스브라우저 호환성 QA — 다양한 환경에서 브랜드 톤 유지
Tech Stack
- HTML
- CSS
- JavaScript
- Vue.js
- SCSS
Key Features
- 프리미엄 브랜드 쇼룸 경험
- 운영 친화 마크업 구조
- 반응형 그리드·타이포 시스템
- 콘텐츠 중심 스크롤 인터랙션
- SEO·로딩 성능 개선
Achievements
- 35%초기 로딩 속도 개선
- 95+Lighthouse SEO 점수
- 브랜드쇼룸 경험 구축
- 시맨틱마크업 최적화
Outcome
운영팀이 콘텐츠를 직접 갱신하기 쉬운 마크업 구조를 정리하고, 모바일·데스크톱에서 동일한 브랜드 톤의 쇼룸 경험을 제공했습니다. 초기 로딩·SEO 품질을 개선해 제품 탐색 진입 장벽을 낮추고, 이후 콘텐츠 운영에도 UI 일관성을 유지할 수 있는 기반을 마련했습니다.Gallery
