[기술] [New Template] 베이직한 디자인과 심플한 구성의 쇼핑 템플릿, THE SOAP COMPANY

2019-01-16 16:42

안녕하세요. UX팀 디자이너 김은별입니다.
깔끔하고 베이직한 쇼핑 템플릿, THE SOAP COMPANY를 소개해 드리겠습니다.


활용하기 쉬운 위젯 구성

아임웹을 사용하는데에 있어서 디자인모드는 가장 유용하지만, 또 처음 다가가기에는 낯설 수 있습니다.
THE SOAP COMPANY 템플릿은 가장 간단한 위젯인 이미지, 텍스트 위젯만으로 이루어진 구성으로  누구나 쉽게 접근할 수 있습니다. 내 브랜드를 소개할 수 있는 소개글과 이미지들만 준비되어 있다면, 쉽게 나만의 사이트로 재탄생 시킬 수 있습니다.


베이직한 디자인과 시원한 섹션

THE SOAP COMPANY는 베이직 디자인과 시원시원한 섹션으로 구성되어 사용자가 보다 쉽게 사용하실 수 있습니다.

컬러

  • 브랜드의 특성을 살린 따듯하고 깨끗한 컬러사용

폰트

  • (영문) 제목/본문 폰트: 모던하고, 부드러운 서체 (Droid Serif)를 사용해 브랜드의 따듯한 느낌을 연출
  • (한글) 제목/본문 폰트: 가독성이 높은 고딕(본고딕)으로 선택

메인

  • 풀스크린으로 내 브랜드를 대표하는 상품의 이미지가 한눈에 보일 수 있도록 노출
  • 브랜드 주력상품으로 빠르게 갈 수 있는 버튼을 계속해서 노출함으로써 편리한 Shop 이동 유도

메뉴방식 (Menu)

  • 간결한 햄버거 메뉴로 훨씬 더 깔끔한 템플릿 활용

그 외 서브 (Our soap, Shop, Community, Contact)

  • 간단한 위젯 활용과 레이아웃으로 정확하게 내 브랜드를 소개할 수 있는 Our soap
  • 깔끔한 메뉴위젯과 큼직한 썸네일로 상품의 이미지와 구매를 빠르게 유도할 수 있는 Shop
  • 자칫 복잡하거나, 어지러울 수 있는 게시판 페이지 상위에 내비게이션 페이지를 활용한 Community
  • 텍스트 위젯과 가로선 위젯 사용만으로 필요한 정보만을 노출한 Contact



모바일 편집

THE SOAP COMPANY는 메인 페이지의 'membership benefit' 섹션과
여백 위젯만이 모바일 편집이 따로 이루어졌습니다.

메인 

  • 아이콘 활용으로 인한 모바일 편집이 반드시 필요한 섹션 'membership benefit'


그 외 서브

  • 모바일에서 볼때에 불필요한 여백위젯들 숨김처리



마치며

기본적이면서도, 심플한 내 브랜드의 가치를 빠르게 소개할 수 있는 템플릿이 필요하시다면, THE SOAP COMPANY를 사용해보세요.
THE SOAP COMPANY 템플릿 살펴보기




by. 김은별 매니저

Imweb Corp.

(주) 아임웹  l  대표: 이수모  l  본사: 서울특별시 서대문구 성산로7길 89-8 아임웹  l  사업자등록번호: 105-87-83592  l  개인정보책임자: 박재완

이용약관  l  개인정보처리방침  l  제휴문의  l  특허/인증서

 ⓒ Imweb Corp.

(주) 아임웹  l  대표: 이수모  l  본사: 서울특별시 서대문구 성산로7길 89-8 아임웹
사업자등록번호: 105-87-83592  l  개인정보책임자: 박재완