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

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

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

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

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

컬러

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

폰트

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

메인

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

서브

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

모바일 편집

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

메인 비주얼

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

그 외 서브

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

마치며

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

Fitto 템플릿 살펴보기

Mood

Main&Sub