[기술][New Template] 간결하고 쉬운 비지니스 테마, MULTIPLY

2018-11-09 00:30

안녕하세요. UX팀 디자이너 조지연입니다.
간결하고 쉬운 비지니스 템플릿, MULTIPLY를 소개해 드리겠습니다.


여백 그리고 디자인

많은 분들이 웹사이트 디자인을 하실 때, 지나치기 쉬운 요소가 여백의 활용이 아닐까 생각됩니다. 여백의 활용에 따라 사이트의 전반적인 느낌 (시원함 ↔ 답답함)과 가독성에 상당한 차이가 있습니다. 여백은 그저 흰 공간(배경)이 아닌 디자인의 필수 요소 중 하나입니다.

여백을 활용하면 웹 사이트의 다른 섹션들과 페이지를 둘러보는데 도움이 될 뿐만 아니라, 서로 다른 디자인 요소들을 비주얼적으로 구분할 때 효과적으로 나타낼 수 있는데요. 아임웹 디자인모드에서도 '여백'이라는 이름으로 위젯이 존재합니다. 무심히 지나칠 수 있는 여백을 활용하면 더욱 간결하고 완성도 높은 디자인을 할 수 있습니다.

지금 소개하는 MULTIPLY는 작지만 탄탄히 성장해나가고 있는 소규모 기업을 위한 템플릿입니다. 기업이 제공하는 서비스 및 작업 결과물을 메인에 노출시켜 기업이 지향하는 가치를 사용자에게 직관적으로 전달합니다.




간결하고 보다 쉽게

MULTIPLY는 간결하고 보다 쉽게 내 사이트로 활용할 수 있도록 설계되었습니다. 

컬러

  • 원목 인테리어에서 느껴지는 따뜻한 색상(#5b4c3d)을 브랜드 컬러로 사용

폰트

  • (영문) 제목/본문 폰트: 공간감을 가지고있는 서체 (Gilroy)를 사용해 가독성을 높였으며, 제목에는 자간(6px)을 주어 본문과 차별을 둠
  • (한글) 제목/본문 폰트: 크기가 작고 옅게 사용되기 때문에 가독성이 높은 고딕(본고딕)으로 선택

메인

  • 갤러리위젯을 메인슬라이드로 활용해 별도의 디자인 편집없이 사진만 변경하면 완성되도록 디자인
  • 기업의 주요 서비스 혹은 작업물을 메인에 노출함으로써 방문자에게 서비스를 직관적으로 노출

어바웃 (About)

  • 기업 소개, 서비스 소개, 연혁 등을 한 눈에 볼 수 있도록 한페이지에 노출
  • 기본 기능만으로 구성해 편집이 쉬운 레이아웃

그 외 서브 (Project, Contact, QnA)

  • Project는 이미지를 Re-sizing 하지 않고 업로드만으로 간결하게 소개 할 수 있는 디자인
  • Contact에 이용 프로세스를 함께 노출함으로써 고객이 의뢰 하기 전 궁금증을 다소 해소 할 수 있도록 유도
  • 기타 궁금한 사항은 QnA 게시판을 활용




모바일 편집

MULTIPLY는 모바일편집이 많지 않은 템플릿입니다. 다만 모바일서의 지나친 여백은 오히려 가독성을 해치는 요인이 될 수 있기 때문에 각 페이지에서 여백의 숨김처리가 있습니다.

메인 비주얼

  • MULTIPLY는 여백이 넓고 많기 때문에 모바일에서는 여백 숨김처리가 반드시 필요

메인

  • 메인의 회사소개 부분이 정렬이 어긋난 디자인이기 때문에 모바일전용 섹션 디자인 필요

그 외 서브

  • PC에서 사용된 여백위젯 일부를 모바일에서 숨김




마치며

 간결하지만 완성도 있는 기업 홈페이지가 필요하신가요? 아임웹 유저분들의 사업에 가치를 더하는 템플릿, MULTIPLY로 시작해보세요.  MULTIPLY는 사진만 변경하면 완성되는 쉬운 템플릿으로 여러분께 다가갑니다. 

MULTIPLY 템플릿 살펴보기


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