율주식회사 쇼핑몰 포트폴리오

율주식회사쇼핑몰반응형

[메인 화면 기획]

**'간편하고, 영양 잘 잡힌 한 끼'를 지향하는 '율주식회사'**의 브랜드 가치를 반영해,

건강하고 균형 잡힌 식단을 쉽고 편리하게 구매할 수 있는 온라인 쇼핑몰을 기획했습니다.

신선한 재료·균형 잡힌 영양·간편한 한 끼·건강한 선택이라는 4가지 핵심 가치를 메인 화면에 배치하고,

방문자가 브랜드의 특징과 주요 상품을 직관적으로 이해할 수 있도록 설계했습니다.

또한 BEST·SALE·건강식단·다이어트식단 등 상품 중심의 정보 구조를 구성해,

상품 탐색부터 비교 및 구매까지 자연스럽게 이어지는 쇼핑 환경을 구축했습니다.

데스크톱 디자인

[콘텐츠 디자인]

BEST·SALE·건강식단·다이어트식단 등 주요 상품 카테고리를 체계적으로 구분해,

방문자가 관심 있는 식단과 상품을 쉽고 빠르게 탐색할 수 있도록 구성했습니다.

가격 필터·상품 검색·4열 상품 그리드와 BEST·건강·다이어트 태그를 활용해,

상품별 특징과 가격 정보를 직관적으로 비교할 수 있는 콘텐츠 구조를 설계했습니다.

또한 상품 상세페이지에 판매금액·배송비·옵션·총 주문 금액을 명확하게 배치해,

구매 결정에 필요한 정보를 한 화면에서 편리하게 확인할 수 있도록 구성했습니다.

상품평·배송 및 반품 안내·Q&A 등 구매 관련 정보도 탭 형태로 구분해,

상품에 대한 이해도를 높이고 구매 전 궁금증을 줄일 수 있도록 설계했습니다.

모바일 반응형 최적화

[모바일 UX/UI]

모바일에서는 로고와 햄버거 메뉴만 남긴 헤더로 화면을 넓게 쓰고,

상품 목록을 2열 그리드로 재배치해 엄지 스크롤만으로 많은 메뉴를 빠르게 훑어볼 수 있게 했습니다.

상세 페이지는 상품 이미지 → 가격·배송 정보 → 옵션 → 장바구니·바로구매

버튼 순으로 세로로 쌓아 구매 흐름이 자연스럽게 이어지도록 했습니다.

상품평 통계도 한 줄씩 세로로 정리해 작은 화면에서도 읽기 쉽게 구성했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

상품 탐색부터 장바구니 및 구매까지 이어지는 사용자 흐름을 고려해,

편리한 쇼핑 경험을 제공하는 사용자 중심 UX/UI를 설계했습니다.

상단 검색창과 로그인·장바구니·마이페이지 메뉴를 통해,

방문자가 상품 검색과 주문 관련 기능에 빠르게 접근할 수 있도록 구성했습니다.

모바일에서는 상품 목록을 2열 그리드로 재배치하고 상세페이지의 정보를 세로형으로 구성해,

작은 화면에서도 상품 확인부터 옵션 선택, 구매까지 자연스럽게 이어지도록 구현했습니다.

또한 상세정보 펼쳐보기·별점순 상품평 정렬·포토상품평 필터·무료배송 기준 안내 등 편의 기능을 적용해,

불필요한 탐색과 스크롤 부담을 줄이고 구매 편의성을 높였습니다.

PC·태블릿·모바일 환경에 대응하는 반응형 웹 디자인을 통해,

다양한 디바이스에서도 일관되고 편리한 쇼핑 경험을 제공하도록 구현했습니다.