기업·브랜드 홈페이지
회사 소개, 사업 영역, 실적, 오시는 길까지. 첫인상과 신뢰를 잡는 공식 웹사이트를 제작합니다.
WEB · BRAND · CONVERSION
PAGELAB
기능랩 체험 무료상담 WEB AGENCY
Selected Work
HAIR RE.CO
살롱 웹사이트
서산 성연 미용실 헤어리코. 풀스크린 히어로, 원장·디자이너 스타일 갤러리, 서비스비용·예약 CTA까지 전환 중심으로 구성했습니다.
사이트 보기
Services
무엇을 만들어 드리나요
화면만 예쁘게 그리는 작업이 아닙니다. 목적에 맞는 메시지·동선·문의 창구까지 한 세트로 설계합니다.
전환형 랜딩페이지
광고·이벤트·신규 서비스를 위한 한 장형 페이지. CTA와 설득 구조를 전환 중심으로 배치합니다.
견적·문의·예약 폼
전화·카톡·폼을 목적에 맞게 구성해, 방문자가 망설이지 않고 바로 연락할 수 있게 만듭니다.
기존 사이트 리뉴얼
낡은 디자인·느린 속도·모바일 불편을 개선하고, 문의가 늘도록 구조와 카피를 재정비합니다.
Feature Lab
말로만 하지 않습니다.
여기서 바로 눌러보세요
아래는 미리보기입니다. 각 기능을 더 자세히 체험하려면 전체 화면 체험관으로 이동하세요.
0구현 가능 기능+
0모바일 최적화 %
0상담 응답 목표(h)
0전담 제작자
다크 / 라이트 모드
브랜드에 맞는 테마 전환. 방문자가 직접 바꿀 수도 있습니다.
탭 / 카테고리 UI
서비스·상품·FAQ를 탭으로 깔끔하게 나눕니다.
회사 소개·사업·문의까지 신뢰형 구조
광고 유입 → CTA → 전환에 맞춘 한 장형
카테고리·상세·장바구니 연동형 구성
모달 · 토스트 알림
이벤트 팝업, 확인창, 완료 알림까지 커스텀 가능합니다.
반응형 미리보기
PC · 태블릿 · 모바일 프레임으로 레이아웃을 확인합니다.
갤러리 · 라이트박스
클릭하면 크게 보는 포트폴리오/제품 갤러리. 이미지를 눌러보세요.
Before / After 슬라이더
리뉴얼 전후 비교. 핸들을 좌우로 드래그하세요.
캐러셀 / 후기 슬라이드
후기·상품·배너를 자동/수동으로 넘깁니다.
필터형 포트폴리오
업종/유형별로 작품을 걸러 보여주는 UI입니다.
제조 기업 소개
광고 랜딩 A
카페 브랜드
공장 설비 안내
이벤트 신청 페이지
학원 상담 사이트
실시간 견적 계산기
옵션을 고르면 대략 금액이 바로 나옵니다. 고객 사이트에도 동일하게 넣을 수 있습니다.
실시간 폼 검증
잘못된 입력을 바로 알려 이탈을 줄입니다.
진행률 · 스킬 바
프로젝트 진행률, 역량 표시 등에 사용합니다.
지도 연동
오시는 길, 지점 안내. 카카오/네이버/구글 지도 모두 가능합니다.
유틸 위젯
복사 버튼, 컬러 칩, 툴팁 등 작은 UX도 챙깁니다.
버튼을 눌러 기능을 확인해 보세요.
자세히 체험 →실시간 검색 필터
FAQ·상품·게시글을 타이핑과 동시에 걸러냅니다.
- 모달 팝업
- 라이트박스 갤러리
- 지도 연동
- 견적 계산기
- SEO 메타/OG
- GA4 전환 추적
- 다크모드
- 채팅 위젯
상담 채팅 위젯
카카오·자체 채팅창 형태. 우측 하단 위젯을 열어보세요.
관리자 모드 · CMS
로그인 후 게시물 수정, 상품 사진 교체, 금액 변경까지 직접 관리합니다.
의뢰 시 넣을 수 있는 기능 전체 목록
위에 데모로 보여드린 것 외에도, 필요하면 아래 기능을 조합해 넣습니다.
- 반응형 (PC/태블릿/모바일)
- 다크·라이트 테마
- 히어로 영상/이미지 슬라이드
- 패럴랙스·스크롤 모션
- 타이핑·카운터 애니메이션
- 스크롤 진행 표시
- 상단 고정 헤더
- 햄버거 모바일 메뉴
- 메가메뉴 / 드롭다운
- 탭·아코디언 FAQ
- 모달 / 팝업 / 쿠키 배너
- 토스트·스낵바 알림
- 이미지 라이트박스
- Before/After 비교
- 캐러셀·무한 마퀴
- 필터형 포트폴리오
- 실시간 검색
- 견적·예약 계산기
- 문의/견적 폼 + 검증
- 파일 첨부 UI
- 지도 (카카오/네이버/구글)
- 카카오톡 채널/채팅 버튼
- 전화 원클릭 CTA
- 유튜브/비메오 임베드
- SNS 공유 버튼
- 다국어(한/영 등)
- 게시판·공지·자료실
- 회원 로그인(필요 시)
- 결제/신청 연동(협의)
- 관리자 간단 CMS
- 기본 SEO (메타/OG/sitemap)
- 구조화 데이터(Schema)
- GA4 / GTM
- 광고 픽셀(Meta 등)
- SSL·속도 최적화
- 이미지 WebP/압축
- 접근성(키보드/ARIA)
- 브라우저 호환 점검
- 도메인·호스팅 연결
- 납품 후 수정·안정화
Process
이렇게 진행합니다
의사결정이 빠른 1:1 전담. 필요한 자료만 받으면 바로 설계에 들어갑니다.
-
01
상담·범위 확정
업종, 목표(문의·예약·소개), 참고 사이트, 희망 일정을 듣고 범위를 잡습니다.
-
02
구조·카피 설계
섹션 흐름과 핵심 문구를 먼저 확정해, 디자인 전에 설득 구조를 고정합니다.
-
03
디자인·퍼블리싱
브랜드 톤에 맞는 비주얼과 반응형 구현. 폼·지도·예약 CTA까지 한 번에 붙입니다.
-
04
검수·배포
모바일 검수, 속도·SSL·기본 SEO 정리 후 Cloudflare 등 호스팅에 올립니다.
FAQ
자주 묻는 질문
제작 기간은 얼마나 걸리나요?
랜딩은 보통 1~2주, 기업 홈페이지는 구성에 따라 2~4주 정도입니다. 자료 준비와 피드백 속도에 따라 달라집니다.
도메인·호스팅도 해주나요?
구매·연결 방법을 안내하고, 원하시면 세팅까지 도와드립니다. Cloudflare Pages 등 배포도 가능합니다.
문구·사진이 아직 없는데 가능한가요?
가능합니다. 업종 기준으로 초안 카피를 잡고, 보유하신 사진·로고가 있으면 반영합니다.
수정은 몇 번까지인가요?
계약 시 합의한 횟수(보통 1~2회 범위) 안에서 반영합니다. 대규모 구성 변경은 일정·비용이 달라질 수 있습니다.
크몽과 직접 의뢰 중 무엇이 좋나요?
둘 다 가능합니다. 이 사이트에서 직접 상담하시면 요구사항을 더 자세히 듣고 맞춤 제안이 가능합니다.
Contact
프로젝트
상담 요청
원하시는 사이트 유형, 참고 URL, 희망 일정만 적어주셔도 충분합니다. 확인 후 빠르게 연락드립니다.