올메이킹 반응형 독립형 쇼핑몰제작 포트폴리오

올메이킹 반응형 독립형 쇼핑몰

ALL making for you

피부가 예민한 내 강아지를 위한 부드러운 촉감의 오가닉 의류

[메인 화면 기획]

피부가 민감한 반려견을 위한 오가닉 의류 전문 브랜드라는 핵심 가치를 부각하기 위해 메인 히어로 배너에 편안하고 따뜻한 톤앤매너의 모델 착용 비주얼을 배치했습니다.

브랜드의 메인 슬로건 'All making for You'와 친환경 소재의 특장점을 직관적인 타이포그래피로 전달하여 첫인상에서 높은 신뢰감을 심어주었습니다.

이어서 베스트 랭킹 큐레이션, 실사용 포토 리뷰, 타임 특가 프로모션 배너를 리듬감 있게 전개하여

신규 방문자가 자연스럽게 브랜드의 전문성을 체감하고 탐색을 지속하도록 설계했습니다.

[콘텐츠 디자인]

상품 탐색 피로도를 줄이기 위해 '인기있는 제품(HOT)' 섹션에 01~04 순위 뱃지와 함께 반려견 실착 이미지를 그리드 카드로 일목요연하게 배치했습니다.

이어지는 '베스트 Review' 영역에서는 실제 고객들이 남긴 생생한 포토 후기와 평점을 슬라이더 형태로 강조하여 구매 결정을 돕는 소셜 프루프(Social Proof)를 강화했습니다.

또한 하단 간식 할인 배너는 비비드한 오렌지 포인트 컬러와 대각선 사선 분할 그래픽을 활용하여 시각적 활기를 불어넣고 할인 혜택을 명확히 각인시켰습니다.

[웹사이트 UX/UI]

PC 와이드 뷰부터 스마트폰 환경까지 매끄럽게 연결되는 유연한 반응형 그리드 시스템을 구축했습니다.

모바일 뷰포트에서는 화면 너비에 맞춘 1~2열 적응형 카드 배치와 햄버거 메뉴, 한 손 조작에 최적화된 터치 친화적 버튼 규격을 적용하여 언제 어디서나 쾌적하게 쇼핑할 수 있도록 배려했습니다.

또한 직관적인 카테고리 탭 필터링과 눈에 띄는 하단 고정형 고객지원 바를 통해 탐색부터 결제, 상담에 이르는 쇼핑 여정 전반의 이탈률을 최소화했습니다.