저희가 의뢰 드리려는 것은 기존 자사쇼핑몰(반응형)의 리뉴얼 디자인입니다.
자체적으로 디자인하고 개발한 사이트기 때문에 카x24나 고x몰 같은 흔한 디자인과는 다른 디자인을 원합니다.
그리고 기존의 정적인 사이트의 느낌을 보다 동적으로 만드려고 합니다.
전체적인 색상은 흰색, 검은색에 키컬러는 진한 남색(#0d47a1)입니다.
현재는 키컬러가 조금 많이 사용된 것 같아 리뉴얼시 포인트에만 적용해주시면 좋을 것 같습니다.
미마마스크 쇼핑몰 https://miima.co.kr/ 참고하시면 되고 색상이나 디자인 등은 트렌드에 맞게 디자인 해주시면 됩니다.
https://bit.ly/3f6sJj0
▲ 위에 링크를 클릭하시면, 디자인시 필요한 칼선 파일을 다운 받으실 수 있습니다. 용량이 큰 관계로 미리보기 없음으로 보여질 수 있습니다.
링크 클릭 후, 바로 [다운로드] 버튼을 누르시면 첨부파일 저장이 가능하니 확인 부탁드리겠습니다.
======================================================================
반응형 페이지 형태의 디자인을 부탁드립니다.(웹 & 모바일) 특히 모바일 트래픽이 과반수 이상이라 모바일을 신경써서 부탁드리겠습니다!
* 작업하실 때 문의사항이 있으시면 댓글이나 sjha@aseado.co.kr로 연락 부탁드립니다.
* 작업 파일은 가급적 adobe사 제품군이면 좋겠습니다(ai, psd, xd 등)
* 우승한 분은 약 10 ~ 15page 추가 작업이 필요합니다만 메인에 비해서 시간이 많이 걸리지 않을 페이지들입니다(게시판, 마이페이지 안의 상세 페이지 등 비슷한 UI가 많음)
해당 부분은 디자이너님과 별도로 추가 금액 협의하여 진행할 예정입니다. 저희와 잘 맞고 실력 좋은 분이 계시다면 앞으로도 프리랜서로 좋은 관계를 맺기를 원합니다 : )
* 저희가 제작하다가 중단한 UI(파일명 ui.zip)도 첨부 드립니다.(해당 UI는 사용하지 않을 예정입니다)
■ 1page - index 메인페이지
브랜드와 제품, 정기배송을 종합적으로 설명하는 곳입니다. 애플의 에어팟 프로 사이트가 현재는 정적으로 바뀌었지만 스크롤에 따른 인터렉션을 적극 활용할 예정입니다.
(인터렉션 참고 -
https://brunch.co.kr/@yahao2512/17)
- 상단 헤더에 navbar(메뉴바)
- 첫 번째 section, 3D 제품 이미지가 배경(검은 배경에 흰색 마스크)으로 깔리며 정기배송에 대한 문구가 나오는 영역입니다. 디자인은 제품 이미지가 배경으로 깔린 상태로 정기배송 홍보 문구(문구는 아무거나 상관 없음)와 정기배송 페이지로 이동하는 버튼이 있어야 합니다.
- 두 번째 section, 브랜딩 영상이 들어갈 예정
- 세 번째 section, 제품 장점 나열
해당 영역부터는 배경이 흰색으로 바뀌므로 흰색으로 디자인해주시면 됩니다.
- 하단 푸터, 회사 정보
* 저희가 section의 순서나 색상 디자인을 미리 정했지만 내용만 들어간다면 전체 디자인은 얼마든지 변경 되어도 상관 없으며 더 좋은 디자인과 UX라면 오히려 환영입니다.
* 참고 -
https://www.apple.com/kr/airpods-pro/ section 및 배경 색은 해당 페이지를 참고해주세요
■ 2page - 정기배송 신청하기 페이지
사용자가 실제로 제품을 선택하고 수량, 색상, 배송주기, 배송지 등을 선택하여 주문하는 페이지이며 현재 UI/UX가 상당히 복잡한 편이지만 이렇게 만든데는 이유가 있습니다.
한 화면에서 여러 제품을 선택할 수 있어야 하고 옵션을 다양하게 선택할 수 있어야 합니다. 현재 모바일 화면 기준으로 세로 이동이 너무 많은데 한 눈에 들어올 수 있게 디자인해주시면 더욱 좋을 것 같습니다.
해당 페이지에서 가장 중요한 것은 사용자가 쉽고 편리하게 정기배송을 신청할 수 있게 하는 것입니다. 그래서 진짜 결제까진 하지 않으시더라도 신청 프로세스를 따라 결제전까지 진행을 한번이라도 해보시면 좋을 것 같습니다.
* 참고 -
https://miima.co.kr/subscription_process?PRODUCT_ID=5
첨부 파일명 '정기배송 신청하기.zip'
* 중요 - 라이브 서버에는 아직 교체형필터 밖에 없으나 조만간 보건용 마스크 2종(KF94, 80)이 추가될 예정이므로 가장 처음 section은 첨부드리는 이미지 파일을 참고 바랍니다.
■ 3page - 마이페이지 > 정기배송 내역 확인
정기배송 신청시 다음 배송 내역을 볼 수 있는 페이지로 배송 수량, 주기, 결제 예정일, 배송지, 쿠폰 적용, 결제 수단 변경 등의 작업을 할 수 있는 페이지입니다.
현재는 카드 영역을 클릭해야 하나씩 볼 수 있기 때문에 사용자 편의성이 조금 떨어집니다. 가급적 한 화면에 보여주면 베스트이나 사용자에게 보여줘야 하는 정보의 양이 많기 때문에 꼭 한 화면에 다 보여줄 필요는 없습니다.
* 참고 - 첨부 파일명 '마이페이지 정기배송 내역확인.zip'
별점 평가
