Web Design · Fitness & Coaching
High-Impact Landing Page for a Strength Gym
강렬한 브랜드 인상과 코칭 신뢰, 멤버십 선택을 하나의 전환 흐름으로 연결한 피트니스 랜딩 페이지.
Concept Project — HUMAGENT LAB의 웹사이트 구축 역량을 보여주기 위해 자체 기획한 프로젝트입니다.
Strength · Conditioning
Earn your
strength.
08+
Years
12
Coaches
900+
Members
96%
Retention
Industry
Strength Gym · Personal Training
Project Scope
Conversion Strategy · UX/UI · Responsive Development
ART DIRECTION
브랜드의 성격이 화면에서 느껴지도록
깊은 블랙, 강한 대문자 타이포그래피와 라임 포인트를 사용하고, 어두운 히어로에서 밝은 정보 섹션으로 전환해 강도와 명료함을 함께 표현했습니다.
Core page system
CONCEPT BACKGROUND
왜 이 웹사이트를 설계했는가
전문 코칭을 제공하는 독립 피트니스 센터가 단순 시설 소개를 넘어 훈련 철학과 코치의 전문성을 전달하고, 첫 체험 신청까지 자연스럽게 연결해야 한다는 과제를 바탕으로 자체 기획했습니다.
이 프로젝트는 실제 고객 의뢰나 가상의 성과 사례가 아닙니다. 특정 고객을 전제로 문제를 꾸미지 않고, 해당 업종에서 유효할 수 있는 제작 접근을 탐구했습니다.
OBJECTIVES
목표
- 첫 화면에서 훈련 철학과 차별점을 즉시 전달
- 코치와 프로그램에 대한 신뢰를 체계적으로 형성
- 멤버십 비교에서 체험 신청까지의 마찰 축소
APPROACH
접근 방식
- 01강한 브랜드 문장 → 성과 지표 → 코칭 방식 → 팀 → 멤버십 순서로 정보 구조 설계
- 02월간·연간 멤버십 전환과 모바일 탐색을 접근 가능한 인터랙션으로 구현
- 03원본 레퍼런스의 CC BY 4.0 라이선스를 존중해 FORGE 브랜드와 이미지 자산을 독자적으로 제작
DELIVERABLES
제작 결과물
전환 중심 랜딩 구조
반응형 UX/UI
코치 갤러리
멤버십 비교
체험 신청 CTA
오리지널 이미지
Next.js 구현
MAKING PROCESS
디자인 및 제작 과정
- 01
Position
훈련 철학과 고객이 선택해야 할 이유를 하나의 메시지로 정리했습니다.
- 02
Intensify
타이포그래피, 사진과 대비를 사용해 브랜드의 강도를 시각화했습니다.
- 03
Convert
코치 신뢰와 멤버십 선택이 체험 신청으로 이어지도록 구현했습니다.
YOUR PROJECT
다음 프로젝트는 당신의 목표에서 시작합니다.
아직 범위가 명확하지 않아도 괜찮습니다. 목표와 현재 상황을 알려주시면 가장 적합한 시작점을 함께 찾겠습니다.