윤스쿠키

윤스쿠키(Yoons cookie)는 천연재료 100% 수제로 만드는 프리미엄 포춘쿠키 브랜드입니다. 포춘쿠키는 단순한 과자가 아니라 '메시지를 담아 마음을 전하는 선물'이라는 점이 브랜드의 핵심이라, 온라인 매장에서도 프리미엄 감성과 신뢰감을 함께 전달해야 했습니다.

O2O Mate는 브랜드 톤에 맞춘 쇼핑몰 UI/UX 설계와 프론트엔드 구현을 담당했습니다. 목표는 선물·답례·행사 등 다양한 구매 목적을 상품 구조로 분리해 탐색 부담을 낮추고, 감성적인 브랜드 무드를 유지하면서도 이커머스로서의 구매 동선을 명확히 하며, 1:1 주문제작·대량구매 같은 문의 성격의 수요까지 온라인에서 자연스럽게 수용하는 것이었습니다.

첫 화면은 'best present' 필기체 카피와 '꽃 포춘쿠키 선물세트' 대표 상품을 크게 노출하는 감성 히어로 배너로 시작합니다. 리본으로 포장된 꽃 포춘쿠키 이미지와 '고마운 분께 행복을 전달하세요!!' 문구가 어우러져 진입 즉시 선물 감성을 전달하고, 하단 슬라이드 인디케이터로 여러 대표 상품을 순환 노출합니다. 상단 메뉴는 '1:1 주문제작'을 가장 앞에 배치해 맞춤 제작 수요를 강조하고, 전체상품·단품·선물세트·네모박스·막대·답례품·이벤트 상품·대량구매·고객후기·박람회로 이어지는 구조로 구매 목적별 경로를 나눴습니다. 히어로 아래 'weekly best' 섹션은 주간 인기 상품을 진열해 브랜딩과 판매 전환을 한 흐름으로 연결하고, 화면 우측에는 상단 이동·인스타그램·카카오톡 상담(TALK) 플로팅 버튼을 고정해 상담 접점을 상시 노출했습니다. 필기체 타이포그래피와 파스텔 톤, 슬라이드 배너는 HTML·CSS·JavaScript로 직접 구현했고, 다수 카테고리와 판매 유형 운영은 검증된 PHP 기반 이커머스 구조로 뒷받침했습니다.

따뜻한 크림 배경 위에 브라운 필기체와 파스텔 핑크 포인트를 얹어 프리미엄 수제 브랜드의 감성을 표현했습니다. 아래 스와치는 실제 화면에서 관찰한 대표 색상입니다.

감성 히어로 배너와 주간 베스트 진열로 브랜드 무드와 판매 동선을 하나로 잇고, 구매 목적별로 세분화된 카테고리 체계를 정리했으며, 주문제작·상담 수요를 위한 카카오톡·인스타 플로팅 접점을 상시 노출되게 배치했습니다. 그 결과 윤스쿠키는 프리미엄 수제 브랜드의 감성을 유지하면서도 선물·답례·행사 등 다양한 수요를 하나의 온라인 매장에서 수용하는 판매 채널을 갖추게 되었습니다.