포트폴리오

퍼스트크루가
만드는 홈페이지

실제 고객 홈페이지 2곳과, 업종별로 직접 만들어 본 샘플 시안 10곳을 소개합니다. 샘플은 '샘플 시안'으로 표시합니다.

연세퍼스트 방문재활운동센터 홈페이지 PC 화면
연세퍼스트 방문재활운동센터 홈페이지 모바일 화면

방문재활운동 · 운영 중

연세퍼스트 방문재활운동센터

퍼스트크루 운영자가 직접 운영하는 방문재활운동센터의 홈페이지입니다. 프로그램 소개부터 건강 정보 게시판, 상담 문의까지 회원이 찾는 순서대로 정리했습니다.

업종
방문재활운동
제작 목적
방문재활운동 프로그램과 원장 이력, 건강 정보, 상담 문의를 한곳에서 안내
주요 기능
프로그램별 소개 페이지 · 건강 정보 게시판 · 전화·상담 문의 연결 · PC·모바일 반응형
실제 사이트 보기
미모 무브케어 홈페이지 PC 화면
미모 무브케어 홈페이지 모바일 화면

산전·산후 움직임 케어 · 운영 중

미모 무브케어

"임신부터 출산 후 회복까지, 움직임을 다시 설계합니다." 산전·산후 여성 전문 움직임 브랜드의 홈페이지입니다. 따뜻한 오프화이트 톤과 차분한 사진으로 안정감을 주고, 프로그램 → 진행 과정 → 카카오톡 상담으로 이어지게 구성했습니다. 의료기관이 아닌 운동 브랜드라는 점이 분명히 드러나도록 문구를 검수했습니다.

업종
산전·산후 움직임 케어
제작 목적
임신부터 출산 후 회복까지, 산전·산후 여성을 위한 움직임 프로그램과 전문가 교육(MIMO Academy)을 한곳에서 안내
주요 기능
산전·산후·기능 움직임 프로그램 소개 · 방문형 홈 무브케어 안내 · 전문가 교육 아카데미 · 움직임 저널(칼럼) · 카카오톡 상담 연결 · PC·모바일 반응형
실제 사이트 보기

업종별 샘플 시안

업종마다 다른 분위기로
직접 만들어 본 시안

퍼스트크루가 업종별로 직접 만든 샘플입니다. 실제 고객 사이트가 아니며, 우리 센터라면 어떤 모습일지 미리 떠올려 보는 데 참고해 주세요.

01 / 10

밸런스핏 퍼포먼스 센터 홈페이지 PC 화면
밸런스핏 퍼포먼스 센터 홈페이지 모바일 화면

SAMPLE 011:1 퍼스널 트레이닝

밸런스핏 퍼포먼스 센터샘플 시안

평가부터 시작하는 1:1 트레이닝을 짙은 청록과 라임색으로 힘 있게 보여 주는 시안

구성 자세히 보기

"Move Better, Perform Stronger." 짙은 청록 바탕에 라임색 포인트로 운동 센터의 에너지를 살린 1:1 트레이닝 센터 샘플 시안입니다. 첫 화면에서 '평가부터 시작하는 맞춤 운동'이라는 방식을 먼저 보여 주고, 프로그램 → 진행 과정 → 차별점 → 후기 → 상담 예약으로 자연스럽게 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 목적별 프로그램 4종과 가격 안내
  • 평가 → 계획 → 1:1 트레이닝 → 재평가 진행 과정
  • 센터 차별점·회원 후기·자주 묻는 질문
  • 전화 상담 예약 버튼(모든 화면 고정)
  • 연락처·운영 시간·오시는 길
  • PC·모바일 반응형
샘플 사이트 보기
온유 요가 스튜디오 홈페이지 PC 화면
온유 요가 스튜디오 홈페이지 모바일 화면

SAMPLE 02소규모·1:1 요가

온유 요가 스튜디오샘플 시안

크림빛 바탕과 둥근 해 모양으로 숨 고르는 여유를 담은 소규모 요가 스튜디오 시안

구성 자세히 보기

"FIND YOUR BALANCE — 몸의 균형을 찾고, 마음의 여유를 채우는 공간." 크림빛 아이보리 바탕에 테라코타색 포인트와 은은한 해 모양으로 요가의 차분한 호흡을 표현한 소규모 요가 스튜디오 샘플 시안입니다. 첫 화면에서 스튜디오의 분위기를 먼저 느끼게 하고, 철학 → 프로그램과 가격 → 후기 → 방문 안내 → 첫 방문 체험 예약 문의로 자연스럽게 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • Breathe·Balance·Rest 철학 소개
  • 프로그램 5종과 가격(1:1·소그룹·임산부 요가·첫 방문 체험 등)
  • 숫자로 보는 스튜디오
  • 회원 후기·자주 묻는 질문
  • 운영 시간·오시는 길
  • 예약 문의 버튼(모든 화면 고정)
  • PC·모바일 반응형
샘플 사이트 보기
루미에 웰니스 스튜디오 홈페이지 PC 화면
루미에 웰니스 스튜디오 홈페이지 모바일 화면

SAMPLE 03기구 필라테스·웰니스

루미에 웰니스 스튜디오샘플 시안

오프화이트 여백과 짙은 올리브 그린으로 차분하게 정돈한 프라이빗 필라테스 스튜디오 시안

구성 자세히 보기

"MOVE BETTER. FEEL LIGHTER. — 더 많이 움직이는 것보다, 더 잘 움직이는 경험." 따뜻한 오프화이트 바탕에 짙은 올리브 그린 포인트, 넉넉한 여백과 굵은 영문 타이포로 조용하고 고급스러운 분위기를 만든 기구 필라테스·웰니스 스튜디오 샘플 시안입니다. 처음 온 방문자가 "나에게 맞는 수업"을 직접 골라 보게 하고, 프로그램과 가격 → 후기 → 공간 → 첫 방문 체험 예약으로 자연스럽게 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 나에게 맞는 수업 찾기(몸 상태·강도 선택형 안내)
  • 프로그램 6종과 가격(1:1·리포머 그룹·모빌리티 등)
  • 숫자로 보는 스튜디오
  • 회원 후기·자주 묻는 질문
  • 첫 방문 체험·회차 패키지 안내
  • 오시는 길
  • PC·모바일 반응형
샘플 사이트 보기
펄스데이 웰니스 클럽 홈페이지 PC 화면
펄스데이 웰니스 클럽 홈페이지 모바일 화면

SAMPLE 04그룹 피트니스·웰니스 클럽

펄스데이 웰니스 클럽샘플 시안

짙은 네이비 퍼플 위에 심박 라인과 오렌지 포인트로 에너지를 살린 어반 그룹 피트니스 클럽 시안

구성 자세히 보기

"MOVE YOUR BODY, BRIGHTEN YOUR DAY. — 움직이는 즐거움이 일상의 에너지가 되는 곳." 짙은 네이비 퍼플 바탕에 오렌지·코랄 그라데이션과 심박 라인 그래픽을 더해, 음악과 함께 움직이는 클럽의 활기를 첫 화면부터 느끼게 만든 그룹 피트니스·웰니스 클럽 샘플 시안입니다. 댄스 피트니스·리듬 복싱·펑셔널 서킷·저강도 유산소·리커버리 스트레칭을 강도와 시간표로 비교해 고르고, 첫 방문 스타터 클래스 예약까지 한 흐름으로 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 나에게 맞는 클래스 찾기(선택형 안내)
  • 프로그램 5종 강도 한눈에 비교
  • 요일별 운영 시간표(지금 시각 표시)
  • 첫 방문 스타터 클래스 안내
  • 1회·10회·20회 패키지 가격
  • 자주 묻는 질문·오시는 길
  • PC·모바일 반응형
샘플 사이트 보기
아르코브 슬립 라운지 홈페이지 PC 화면
아르코브 슬립 라운지 홈페이지 모바일 화면

SAMPLE 05수면·휴식 웰니스 라운지

아르코브 슬립 라운지샘플 시안

깊은 남청색과 은은한 라벤더, 세리프 영문 타이포로 고요함을 담은 프리미엄 휴식 라운지 시안

구성 자세히 보기

"REST DEEPLY. LIVE FULLY. — 하루의 속도를 잠시 늦추는 곳." 깊은 남청색 바탕에 라벤더 포인트와 세리프 영문 제목, 넓은 여백으로 도시 속 조용한 휴식 공간의 분위기를 만든 수면·휴식 웰니스 라운지 샘플 시안입니다. 상단 예약 바에서 프로그램과 시간을 고르면 가격이 바로 보이고, 시그니처 프로그램·시간대별 안내·멤버십을 거쳐 첫 방문 웰컴 리추얼 예약까지 한 흐름으로 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 상단 예약 바(프로그램·시간 고르면 가격 바로 표시)
  • 시그니처 프로그램 6종과 가격
  • 시간대별 휴식 안내 타임라인
  • 멤버십 3종(월 이용권)
  • 첫 방문 웰컴 리추얼 구성 강조
  • 후기·오시는 길·예약 안내
  • PC·모바일 반응형
샘플 사이트 보기
모스데이 보태니컬 클럽 홈페이지 PC 화면
모스데이 보태니컬 클럽 홈페이지 모바일 화면

SAMPLE 06보태니컬 웰니스·가드닝 스튜디오

모스데이 보태니컬 클럽샘플 시안

흙과 나무를 닮은 짙은 갈색 위에 잎사귀가 천천히 떨어지는, 쉼이 있는 가드닝 스튜디오 시안

구성 자세히 보기

"GROW SLOW, FEEL MORE. — 초록을 돌보는 시간, 나를 돌보는 일상." 흙과 나무를 닮은 짙은 갈색 바탕에 잎사귀가 천천히 흩날리는 첫 화면으로, 도심 속에서 식물과 함께 쉬어 가는 공간의 분위기를 만든 보태니컬 웰니스·가드닝 스튜디오 샘플 시안입니다. 테라리움·분갈이·마인드풀 가드닝·계절 정원 워크숍·1:1 플랜트 코칭을 시간·인원·가격으로 비교해 고르고, 첫 방문 클래스 예약과 기업 단체 워크숍 문의까지 한 흐름으로 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 클래스 6종 시간·인원·가격 한눈에
  • 계절 탭으로 바뀌는 시즌 가든 워크숍
  • 첫 방문 클래스(가벼운 첫 체험) 강조
  • 기업·단체 웰니스 워크숍(B2B) 안내
  • 대표 디렉터 소개·후기
  • 예약·오시는 길 안내
  • PC·모바일 반응형
샘플 사이트 보기
루네아 헤드스파 홈페이지 PC 화면
루네아 헤드스파 홈페이지 모바일 화면

SAMPLE 07헤드스파·두피 웰니스

루네아 헤드스파샘플 시안

짙은 웜 차콜과 모카 브라운, 굵은 타이포로 조용한 고급스러움을 담은 1:1 프라이빗 헤드스파 시안

구성 자세히 보기

"PAUSE. BREATHE. RENEW. — 하루의 무게를 내려놓는 가장 부드러운 시간." 짙은 웜 차콜 바탕에 모카 브라운 포인트와 굵은 한글 제목으로, 은은한 조명 아래 쉬어 가는 프라이빗 헤드스파의 분위기를 만든 헤드스파·두피 웰니스 샘플 시안입니다. 아로마 헤드스파·스칼프 케어·헤드&넥 스파 등 6가지 프로그램을 시간과 가격으로 비교하고, 5단계 케어 과정과 공간을 본 뒤 첫 방문 웰컴 스파 예약까지 한 흐름으로 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 시그니처 프로그램 6종 시간·가격·회차권
  • 두피 체크부터 마무리까지 5단계 케어 과정
  • 대표원장 소개·공간 3곳 소개
  • 첫 방문 웰컴 스파(50분) 강조
  • 요일별 운영 시간·예약 안내
  • PC·모바일 반응형
샘플 사이트 보기
포우밸런스 펫 웰니스 홈페이지 PC 화면
포우밸런스 펫 웰니스 홈페이지 모바일 화면

SAMPLE 08반려견 웰니스 센터

포우밸런스 펫 웰니스샘플 시안

따뜻한 크림색 바탕에 세이지 그린과 테라코타로 편안함을 살린 반려견 웰니스 센터 시안

구성 자세히 보기

"HAPPY PAWS, HEALTHY DAYS. — 우리 아이의 건강한 하루, 행복한 움직임에서 시작됩니다." 따뜻한 크림색 바탕에 세이지 그린과 테라코타 포인트, 발자국 그래픽으로 보호자가 편안하게 둘러볼 수 있게 만든 반려견 웰니스 센터 샘플 시안입니다. 1:1 도그 피트니스·소그룹 노즈워크·펫 스파·데이케어·퍼피 클래스를 가격과 회차권으로 비교하고, 보호자 후기와 이용 안내를 거쳐 첫 방문 웰컴 케어 상담 예약까지 한 흐름으로 이어지게 구성했습니다. 동물병원 진료와 구분되는 비의료 웰니스 서비스임을 분명히 적었습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 도그 피트니스·노즈워크·펫 스파·데이케어 등 프로그램과 회차권 가격
  • 움직임·탐색·휴식 균형 안내
  • 보호자 후기 넘겨 보기
  • 첫 방문 웰컴 케어 29,000원 강조
  • 빠른 메뉴(상담 예약·첫 방문·가격·오시는 길)
  • 비의료 웰니스 서비스 안내
  • PC·모바일 반응형
샘플 사이트 보기
노을숨 요가 하우스 홈페이지 PC 화면
노을숨 요가 하우스 홈페이지 모바일 화면

SAMPLE 09소그룹·1:1 요가·명상 스튜디오

노을숨 요가 하우스샘플 시안

노을빛 피치·크림 톤과 해 지는 그래픽으로 저녁의 고요함을 담은 요가·명상 스튜디오 시안

구성 자세히 보기

"하루의 끝에, 나를 다시 만나는 시간." 노을빛 피치와 크림 톤, 해가 지는 물결 그래픽으로 저녁의 고요한 쉼을 표현한 소그룹·1:1 요가·명상 스튜디오 샘플 시안입니다. 모닝 하타·선셋 빈야사·딥 릴렉스 인 요가·사운드 배스 & 명상·프라이빗 1:1을 시작 가격과 함께 소개하고, 아침·저녁 루틴, 대표원장, 회원 후기를 거쳐 첫 방문 웰컴 요가 예약까지 한 흐름으로 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 모닝 하타·선셋 빈야사·인 요가·사운드 배스 등 수업 6종과 시작 가격
  • 아침·저녁 루틴 제안
  • 첫 방문 웰컴 요가(상담 후 수업 추천) 강조
  • 대표원장 소개·회원 후기·자주 묻는 질문
  • 화면 옆 예약 바로가기, 모바일 아래 고정 메뉴
  • PC·모바일 반응형
샘플 사이트 보기
무브온 필라테스 홈페이지 PC 화면
무브온 필라테스 홈페이지 모바일 화면

SAMPLE 101:1·소그룹 기구 필라테스

무브온 필라테스샘플 시안

짙은 차콜 바탕에 코발트 블루 포인트, 굵은 영문 제목으로 세련된 인상을 준 기구 필라테스 시안

구성 자세히 보기

"MOVE BETTER. FEEL STRONGER. — 움직임이 달라지면, 일상의 자신감도 달라집니다." 짙은 차콜 바탕에 코발트 블루 포인트와 굵은 영문 제목으로 세련되고 프리미엄한 인상을 준 기구 필라테스 센터 샘플 시안입니다. 첫 화면에서 센터 위치·수업 방식·운영 시간·체험 가격을 한 문단으로 정리해 검색과 AI가 읽기 쉽게 했고, 프로그램 소개와 회차권 가격표, 회원 후기를 거쳐 첫 방문 체험 예약으로 이어지게 구성했습니다. 퍼스트크루가 업종별로 직접 만든 샘플이며 실제 고객 사이트가 아닙니다.

  • 프라이빗 1:1·리포머 그룹·바레·코어 밸런스·듀엣 프로그램
  • 1회·10회·20회 회차권 가격표
  • 첫 방문 체험(그룹 25,000원·1:1 49,000원) 강조
  • 요일별 운영 시간표
  • 화면 옆 빠른 메뉴(첫 방문 체험·가격·오시는 길·자주 묻는 질문)
  • PC·모바일 반응형
샘플 사이트 보기

옆으로 밀거나 화살표를 눌러 다음 샘플을 볼 수 있어요

다음 사례의 주인공이
되어 주세요.

업종과 원하는 분위기, 참고하고 싶은 홈페이지를 알려 주시면 구성안을 먼저 제안해 드립니다.

금액부터 보고 싶다면 온라인 견적 내기 →

무료 상담 신청