쇼핑몰/커머스

쿡찬

반찬을 모바일에서 고르고 주문하기 쉽게 다시 짠 쿡찬 쇼핑몰입니다.

CLIENT: 예은 F&D
PERIOD: 2017.11. ~ 2017.11.
TYPE: 홈페이지 제작 (반응형/디자인)

사이트 바로가기

예은 F&D 화면

OVERVIEW

예은 F&D가 운영하는 반찬 브랜드 쿡찬의 모바일 리뉴얼입니다. 반찬은 오늘 뭘 먹을지 정하는 일이라 작은 화면에서 훑기 좋아야 해서, 메인은 롤링으로 넘기고 상품은 여섯 개씩 더 불러오는 방식으로 바꿨습니다. 처음 오는 사람을 위한 안내와 배송·주문마감시간을 앞에 두어 살지 말지 바로 판단하게 했고, 장바구니는 어느 화면에서든 바로 열리게 두었습니다.

CLIENT 예은 F&D
SERVICE 기획, 디자인, 퍼블리싱, 개발
TYPE 홈페이지 제작 (반응형/디자인) 쇼핑몰 구축
INDUSTRY 식품 (반찬 제조 · 온라인 판매)
DEVICE PC / Mobile Responsive
SCALE main 1 page sub 43 page 자체제작 CMS

GOALS & SOLUTIONS

GOALS

모바일에서 반찬 고르기 쉽게
배송·마감 정보 먼저 전달
첫 방문자 안내 강화
주문 동선 단축

SOLUTION

메인 롤링과 상품 더보기 방식 적용
배송안내·주문마감시간 상단 배치
처음오셨어요 안내 코너 구성
장바구니 상시 접근 동선 정리

KEY INSIGHTS

반찬은 오늘 뭘 먹을지 고르는 일이라, 작은 화면에서 빠르게 훑고 바로 담도록 구성

KEY FEATURES

회원가입/로그인
결제 시스템 연동
검색 기능
게시판/문의
관리자 CMS
반응형 디자인

MAIN SCREENS

TECH STACK

#Front-end

HTML5
CSS3
JavaScript
jQuery

#Back-end

PHP

#Database

MySQL

#Server · Cloud · DevOps

Apache

#Design

Photoshop
Illustrator