- 기간
- 2022.08 ~ 2026.04 · 3건
- 역할
- 프론트엔드 — 브랜딩 에이전시를 통해 수주, 구현 단독
- 기술
배경
- 브랜딩 에이전시 경유 수주
- 디자인은 에이전시, 구현은 본인
- 전부 실제 운영 중
- 지금도 살아 있는 사이트라 결과를 링크로 확인 가능
- 커머스 도메인
- 회원 · 장바구니 · 멤버십 — 결제 흐름과 인접
프로젝트
고요웨어 공식몰의류 브랜드 B2C 커머스 · 메인 페이지 개편goyowear.kr
서울잉크 타투 스튜디오브랜드 사이트 · 영문 대응seoulinktattoo.com
더랩바이블랑두 공식몰화장품 브랜드 B2C 커머스 · 전체 리뉴얼blancdoux.com
제약
- 솔루션 위에서 구현
- Cafe24 커머스 플랫폼의 템플릿 구조 안에서 커스텀
- 디자인 확정 후 투입
- 레이아웃 결정에 관여하지 않고 구현만
- 화면 크기 폭이 넓음
- 모바일 · 태블릿 · 데스크톱 전부 대응
결과
- 범위 — 블랑두 기준
- 전체 리뉴얼 / 고요웨어는 메인 페이지 개편, 서울잉크는 Wix 구축
- 풀블리드 슬라이드 히어로
- 좌우 화살표 · 인디케이터 · 자동 전환
- 커머스 공통 UI
- 글로벌 내비 · 검색 · 위시리스트 · 장바구니 수량 뱃지 · top 버튼
- 매거진 · 커뮤니티
- 카드 그리드 · 카테고리 탭 필터 · 테이블 + 페이지네이션
- 브랜드 페이지
- Full Page Scroll · Instagram 피드 그리드 · YouTube 임베드
- 반응형 대응
- 모바일 · 태블릿 · 데스크톱 — 티빙 JD 의 "다양한 화면 크기" 요건
회고
솔루션 위 커스텀이라 구조를 내가 정할 수 없었고, 그래서 공통 UI 를 재사용 가능한 형태로 묶어 두지 못했다. 사이트가 늘 때마다 같은 것을 다시 짰다.