디투링크(D2LINK SEOUL) 온라인 패션 자사몰 UI/UX 리뉴얼
"방대한 상품군을 가장 돋보이게 하는 고밀도 썸네일 그리드와 독보적인 미니멀 무드, 카페24 올 커스텀 리뉴얼"
PROJECT OVERVIEW
'디투링크(D2LINK SEOUL)'는 오랜 시간 탄탄한 마니아층을 형성해 온 데일리 & 미니멀 여성 패션 브랜드입니다.
자사몰 리뉴얼에 대한 니즈는 지속적으로 존재했으나, 수년간 축적된 방대한 상품 데이터와 주문/회원 DB의 손실 우려, 그리고 카페24 관리자 시스템의 기술적 연동 한계로 인해 사이트 개편을 오랫동안 보류하고 있던 상태였습니다.
비에이커뮤니케이션(BAcommunication) 은 기존 카페24의 백엔드 데이터베이스와 어드민 운영 환경을 100% 안전하게 유지하면서, 프론트엔드 화면만 브랜드 아이덴티티에 맞춰 전면 '올 커스텀(All-Custom)'으로 재구축하는 솔루션을 제공했습니다.
스마트스토어의 획일적인 레이아웃에서 벗어나 자사몰만의 독보적인 톤앤매너를 정립하고, 수많은 패션 아이템을 한눈에 탐색할 수 있도록 모바일 친화적 그리드 시스템을 완성했습니다.
UI/UX 기획 및 디자인 포인트
브랜드의 결을 세우는 'ESSENTIAL SILHOUETTE' 메인 비주얼
리카틸 프로젝트에서 입증된 미니멀리즘 톤앤매너를 기반으로 화이트와 블랙·차콜의 모노톤 조합을 적용했습니다. 첫 화면 진입 시 "ESSENTIAL SILHOUETTE" 슬로건과 함께 감각적인 스타일링 컷을 배치하여, 불필요한 시각적 장식 없이 브랜드 고유의 단정하고 우아한 무드에 집중하도록 설계했습니다.
리카틸 프로젝트에서 입증된 미니멀리즘 톤앤매너를 기반으로 화이트와 블랙·차콜의 모노톤 조합을 적용했습니다. 첫 화면 진입 시 "ESSENTIAL SILHOUETTE" 슬로건과 함께 감각적인 스타일링 컷을 배치하여, 불필요한 시각적 장식 없이 브랜드 고유의 단정하고 우아한 무드에 집중하도록 설계했습니다.
방대한 제품군을 직관적으로 탐색하는 고밀도 썸네일 그리드 (NEW NEW)
의류 및 잡화 상품 수가 방대한 브랜드 특성을 반영해 메인 화면 상단의 불필요한 여백을 덜어내고 썸네일 중심의 반응형 그리드를 구축했습니다. 고객이 첫 진입과 스크롤 한 번만으로 다채로운 룩북을 넘겨보듯 상품을 빠르게 비교하고 탐색할 수 있습니다.
의류 및 잡화 상품 수가 방대한 브랜드 특성을 반영해 메인 화면 상단의 불필요한 여백을 덜어내고 썸네일 중심의 반응형 그리드를 구축했습니다. 고객이 첫 진입과 스크롤 한 번만으로 다채로운 룩북을 넘겨보듯 상품을 빠르게 비교하고 탐색할 수 있습니다.
모바일 쇼핑 편의성을 극대화한 상세페이지 스펙 표준화 및 전환 동선
모바일 접속 비중이 압도적인 패션 이커머스 특성에 맞추어 [COLOR / FABRIC / MODEL SIZE / SIZE / CLEANING] 스펙 정보를 모듈형 텍스트로 정갈하게 규격화했습니다. 화면 하단에는 'BUY IT NOW'와 'CART' 버튼을 고정(Sticky) 배치하여 모바일 스크롤 중에도 구매 전환이 즉각 일어나도록 설계했습니다.
모바일 접속 비중이 압도적인 패션 이커머스 특성에 맞추어 [COLOR / FABRIC / MODEL SIZE / SIZE / CLEANING] 스펙 정보를 모듈형 텍스트로 정갈하게 규격화했습니다. 화면 하단에는 'BUY IT NOW'와 'CART' 버튼을 고정(Sticky) 배치하여 모바일 스크롤 중에도 구매 전환이 즉각 일어나도록 설계했습니다.
"오래된 쇼핑몰일수록 데이터 안정성이 핵심입니다. 소중한 상품 DB와 운영 체계는 안전하게 지키고, 디자인은 완전히 새로운 브랜드의 품격으로 진화시켰습니다."
PROJECT : 디투링크(D2LINK SEOUL) 공식 온라인 패션몰 반응형 리뉴얼
SCOPE : UI/UX 리뉴얼 기획 및 디자인, 카페24 프론트엔드 올 커스텀 퍼블리싱, 고밀도 썸네일 반응형 그리드 설계, 모바일 상세페이지 스펙 표준화, 배너 모듈 규격화 및 관리자 가이드라인 수립
CONCEPT : Clean & Essential Silhouette, High-Density Visual Grid, Modern Minimal (화이트 & 차콜 모노톤 조합)
DESIGN : 비에이커뮤니케이션 (BAcommunication)
url : www.d2link.kr
SCOPE : UI/UX 리뉴얼 기획 및 디자인, 카페24 프론트엔드 올 커스텀 퍼블리싱, 고밀도 썸네일 반응형 그리드 설계, 모바일 상세페이지 스펙 표준화, 배너 모듈 규격화 및 관리자 가이드라인 수립
CONCEPT : Clean & Essential Silhouette, High-Density Visual Grid, Modern Minimal (화이트 & 차콜 모노톤 조합)
DESIGN : 비에이커뮤니케이션 (BAcommunication)
url : www.d2link.kr
#BAcommunication #비에이커뮤니케이션 #디투링크 #쇼핑몰제작 #카페24리뉴얼 #패션쇼핑몰 #자사몰제작 #반응형웹 #UIUX디자인 #웹에이전시 #쇼핑몰디자인