Help Center
카페24 소식
[스마트디자인] 원터치 주문서가 새로운 디자인으로 찾아왔어요!
2022-12-14
안녕하세요, 카페24 운영 도우미예요.
원터치 주문서의 디자인이 새로워졌어요.
어떤 부분들이 달라졌는지 살펴볼까요?
■ 적용 일자 : 2022년 12월 14일(수)
■ 적용 위치 : 원터치 주문서
■ 업데이트 내용
① 중요한 정보가 잘 전달되도록 강조
1) 주문 상품 영역에서 가장 중요한 상품 금액과 할인 금액이 눈에 띄도록 개선했어요.
2) 할인 금액과 최종 결제 금액은 주문서에서 가장 중요한 정보에요.
구매자가 중요 정보를 확실하게 확인할 수 있도록 포인트 컬러로 강조했어요.
3) '결제금액'이라는 명칭을 '최종 결제 금액'으로 변경했어요.
구매자가 최종 금액을 쉽게 알 수 있어요.
4) 결제 정보의 할인/부가결제에서 세부 할인 내역을 추가했어요.
구매자는 다양한 할인을 받았다는 점을 인지할 수 있어요.
▼ 개선 전 ▼ 개선 후
② 결제하기 버튼은 눈에 확 띄게
'결제하기' 버튼은 결제를 유도하는 매우 중요한 버튼이에요.
중요성을 강조하기 위해 버튼의 크기를 키웠어요.
그리고 시선의 흐름이 컬러를 따라 자연스럽게 이동할 수 있도록 컬러를 변경했어요.
▼ 개선 전 ▼ 개선 후
③ 영역별 구분을 명확하게
입력이 필요한 영역은 다른 영역과 배경 색을 다르게 하여 역할을 명확히 구분했어요.
▼ 개선 전 ▼ 개선 후
④ 트렌디한 디자인과 효과적인 가독성
1) 기존의 박스 안에 박스 형태의 영역을 최소화했어요.
중요한 정보들이 막힘없이 더 잘 보이게 되었어요.
2) 금액 정보는 컬러와 굵기에 포인트를 줬어요.
구매자는 쉽게 중요 정보를 확인할 수 있어요.
▼ 개선 전 ▼ 개선 후
■ 참고 사항
- 새로운 CSS 파일을 생성하여 사용 중인 몰은 몰에서 커스터마이징한 스타일이 유지되어요.
이번에 개편된 디자인은 form_onetouch.css를 사용 중인 몰에 적용되어요.
(자세히 알아보기▶)
- 스마트디자인 주문서를 원터치 주문서로 전환하는 방법은 아래 링크에서 확인해 주세요.
■ 디자인 가이드 안내
원터치 주문서의 개편된 디자인은 자동으로 적용되어요.
다만, 쿠폰 팝업 등 몇 가지 영역은 디자인 가이드를 직접 적용해야 해요.
- PC 쇼핑몰 디자인 가이드
※ 이 기능은 순차 배포이므로, 쇼핑몰마다 적용 시기가 약간 다를 수 있어요.
카페24 는 편리한 쇼핑몰 운영을 위해 기능 업데이트를 지속적으로 진행하고 있어요.
더 좋은 서비스를 제공하기 위해 노력할게요.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해 주세요. [문의하기]