[New template] 개성있는 피트니스 템플릿, Fitto

2019. 03. 28


안녕하세요. UX팀 디자이너 김은별입니다.
피트니스 센터 템플릿 Fitto를 소개해 드리겠습니다.



강조와 생동감을 주는 레이아웃

나의 브랜드의 개성을 살리기 위한 템플릿으로, 메인페이지에서의 자칫 지루할 수 있는 섹션 구성에서
배경이미지 고정 효과와 적절한 브랜드 컬러 활용으로 생동감을 주는 레이아웃입니다.




브랜드컬러를 활용한 디자인

나의 브랜드 컬러를 적극 활용하여 웹사이트 전체가 조화로울 수 있도록 연출 한 디자인입니다.

컬러

  • 전달하고자하는 텍스트와 이미지가 강조될 수 있게 백그라운드는 어두운 컬러 사용 (#383838)
  • 강조와 세련됨을 동시에 가지고 있는 레드 계열 컬러사용  (#f5343d)

폰트

  • (영문) 제목 폰트 : 강조와 템플릿의 특징을 잘 살린 폰트(Bebaskai) 선택
  • (한글,영어) 본문 폰트:  제목폰트의 강조로 인해 자칫 가독성이 떨어질 수 있음으로 본문 폰트는 본고딕, Lato 사용

메인

  • 어두운 백그라운드 컬러와 브랜드컬러 활용
  • 배경이미지 고정으로, 생동감 있는 웹 사이트 구성

서브

  • 흑백 지도 위젯 설정으로 웹사이트 분위기와 어울리도록 연출 Contact us
  • 간결한 갤러리 위젯만으로 내 브랜드 이미지 소개 Gallery





모바일 편집

Fitto는 모바일에서도 완성도 있는 웹사이트가 될 수 있도록 몇 가지 모바일 편집이 따로 이루어졌습니다.

메인 비주얼

  • 웹사이트의 얼굴이 될 수 있는 메인 비주얼은 모바일 섹션을 추가하여 재편집 했습니다.

그 외 서브

  • Our program 은 아이콘 섹션만 따로 모바일 편집이 이루어졌습니다.
  • 그 외 위젯 여백들이 모바일 편집에서 재조정 되었습니다.





마치며

개성넘치고, 생동감있는 템플릿을 원하신다면 Fitto 템플릿을 사용해보세요 ;-)

Fitto 템플릿 살펴보기