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

2019. 01. 16

blog cover image


안녕하세요. 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 템플릿 살펴보기