소식

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


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


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

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




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

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

컬러

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

폰트

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

메인

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

서브

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




모바일 편집

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

메인 비주얼

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

그 외 서브

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




마치며

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

Fitto 템플릿 살펴보기



목록으로

고객지원 안내

사용이 어렵거나 기술문의, 기능 요청이 있을 경우 언제든지 문의주세요. 무료 고객의 경우 문의 내용에 따라 답변이 지연될 수 있습니다.

문의하기

아직 아임웹이 익숙하지 않으신가요? 아임웹 기초부터 쇼핑몰 세팅까지 동영상으로 배워보세요.
아임웹 사용자를 위한 기초 강의와 소상공인 및 초기 사업자를 위한 다양한 교육을 만나보세요.

아임웹 디자이너가 되어주세요!

개인 디자이너, 1인 기업을 위한 아임웹 디자이너 프로그램

리셀러/디자이너 신청

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.

115.6K

누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.

297

일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.

1.2K

전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 채널, 엑심베이 공식파트너입니다.