[기술] [New Template] 일상을 녹여내는 템플릿, Elog

2020-09-08


안녕하세요. 아임웹 UX팀 디자이너 강진현입니다.
일상을 녹여내는 템플릿, Elog를 소개해 드리겠습니다.


일상을 녹여내는 템플릿

블로그 보다는 탄탄하고 전문 소호몰 보다는 가벼운 쇼핑몰 제작을 원하는 분들이 많으시죠. 일상에 녹아있는 자신만의 매력을 발산하여 자연스럽게 판매로 이어지는 경우가 많은 요즘 입니다. 차곡차곡 쌓아온 일상들은 신뢰와 공감을 끌어내고, 그 어떤 상품 상세소개 보다 강력하게 상품의 가치를 전달하게 되죠. E-log는 일상의 공유와 정감있고 신뢰가는 상품소개를 모두 잡은 쇼핑몰 템플릿 입니다.




블로그와 쇼핑몰을 동시에 표현하다

Elog는 전체적으로 미니멀한 레이아웃 구성을 취하고 있습니다.
상품과 일상적인 글에 집중될 수 있도록 많은 디자인 요소를 배제하였고, 블로그 처럼 지극히 일상적인 부분도 아카이빙을 겸하며, 자연스럽게 온라인 판매로 이루어지는 템플릿입니다.

▴ 일상에 상품이 녹아있는 메인 페이지와 상품 리스트



다양한 구성들

메인

  • 아임웹에서는 다양한 링크타입을 제공합니다. 그 중 [최신상품]은 가장 최신에 등록된 상품의 상세페이지로 링크되는 방식입니다. Elog는 메인의 [메뉴 설정]을 통해 링크타입을 [최신상품]으로 설정하여 '메인'이 곧 상품 상세페이지가 됩니다.



쇼핑

  • 쇼핑 상세페이지 B타입은 상품가격, 구매하기 버튼 등 구매에 필수적인 요소들이 하단에 고정되어 있습니다. 덕분에 기존의 상품 정보가 노출되던 영역의 자유도가 높아졌습니다. Elog의 상품 상세페이지가 일반적인 상품 상세페이지와는 달리 블로그처럼 보일 수 있는 이유입니다.
  • 메인 페이지가 바로 상품 상세페이지로 링크되기 때문에 메인디자인은 글로벌 메뉴 > 상품 상세페이지에서의 디자인 설정을 따릅니다.

▴ A타입

▴ B타입


컬러

  • 화이트, 진한 그레이 컬러가 웹사이트에 주로 적용되었습니다. 폰트 컬러는 지한 그레이 컬러(#363636)를 기준으로 톤을 맞추어 짙은 컬러와 연한 컬러를 대비시켰습니다.
#363636
#676767
#ffffff

폰트

  • (영문) 제목, 본문 폰트 : 깔끔한 느낌을 주기 위해 본문, 제목 폰트를 통일하여 폰트의 굵기를 통한 강조로 사용 (Vegur)
  • (한글) 제목, 본문 폰트 : 영문 폰트의 깔끔한 고딕 느낌을 살려 나눔 바른 고딕 폰트를 선택


그 외 주의사항

  • 메인 페이지에 최신상품 링크가 연동되어 있기 때문에, 메인 구성 디자인은 글로벌 메뉴 상품 상세페이지를 수정해주셔야 합니다.
  • 그 외 위젯 여백들이 모바일 편집에서 재조정 되었습니다.



마치며

일상이 녹아 있는 쇼핑몰 템플릿 elog, 재치 있는 필력을 통하여 나만의 일상을 보여주는 블로그와 쇼핑몰 판매에 도전하고 싶으신 분들께 elog를 적극적으로 추천해드립니다.

Elog 템플릿 살펴보기




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  개인정보책임자: 박재완