A
원페이지 브랜드형
한 번에 알리고, 바로 연락받는 한 페이지.
이런 가게에
새로 문을 연 가게, 기간이 정해진 행사와 이벤트, 청첩장·초대장처럼 한 번에 알려야 할 때.
포함
- 기획·카피·아트 디렉션
- 스크롤 한 흐름의 한 페이지
- 전화·카톡·지도 바로가기
- 공유 미리보기(OG)
(03) — Services
한 장짜리 랜딩이 아닙니다. 가게가 온라인에서 일하는 전부.
메뉴와 가격, 진료시간, 예약과 주문, 공지와 후기, 오시는 길까지. 손님이 가게에 오기 전에 묻는 질문에 홈페이지가 먼저 답하도록, 기획부터 오픈 후 관리까지 한 팀이 맡습니다.
(01) — Scope
홈페이지 하나에 열한 가지 일이 들어갑니다.
보기 좋은 첫 화면은 시작일 뿐입니다. 손님이 묻기 전에 답하는 구조, 사장님 말투로 쓴 문장, 휴대폰에서 바로 누르는 버튼까지 — 무엇을 만드는지 숨김없이 펼쳐 둡니다.
항목을 누르면 자세한 내용과 실제 화면이 열립니다.
-
손님이 전화로 묻던 질문을 모아 메뉴 구조(사이트맵)를 짜고, 페이지마다 들어갈 문장을 업종의 말투로 씁니다. 사장님께는 가격·시간·메뉴 같은 사실과 가게 이야기만 여쭙습니다.
받으시는 것
- 사이트맵(메뉴 구조)
- 페이지별 문안
- 첫 화면 핵심 문장
“얼굴을 먼저 읽고, 가위는 그다음에 듭니다.” 살롱 드 모노 · 메인실제 화면 보기 ↗ -
업종과 동네, 손님층에 맞춰 색과 서체, 사진의 빛과 색감을 정합니다. 정한 원칙은 디자인 가이드로 정리해 모든 페이지에 같은 기준으로 적용합니다.
받으시는 것
- 컬러 팔레트
- 서체 조합
- 사진 톤 가이드
- 화로정한우 숯불구이Song Myung · Hahmlet
- 햇살가득어린이집어린이집Jua · Gaegu
- 법무법인 청명법률사무소Noto Serif KR · Newsreader
- 마실마켓 5주년이벤트 페이지Bagel Fat One
비즈에이블 오리지널 네 곳의 실제 팔레트와 서체40개 팔레트 전부 보기 → -
메인에만 공들이고 나머지를 복사해 붙이지 않습니다. 공지 목록과 상세, 글쓰기, 예약 완료 화면까지 페이지마다 역할에 맞게 설계합니다. 비즈에이블 오리지널은 한 곳당 평균 17페이지입니다.
받으시는 것
- 전 페이지 디자인
- 헤더·푸터·버튼 공통 규칙
- 완료·안내 화면
여백요가 · 메인 전체 — 올려 두면 끝까지 내려갑니다실제 화면 보기 ↗ -
손님 대부분은 휴대폰으로, 카카오톡이나 네이버에서 링크를 눌러 들어옵니다. 그래서 390px 폭에서 먼저 완성하고 태블릿과 PC로 넓힙니다. 전화·카톡·예약 버튼은 엄지가 닿는 아래쪽에 둡니다.
받으시는 것
- 휴대폰·태블릿·PC 반응형
- 모바일 하단 고정 버튼
- 44px 이상 터치 영역
도토리소아청소년과 · 한가득마트 — 모바일 메인휴대폰으로 열어 보기 ↗ -
예약은 날짜·시간·인원을, 주문은 옵션·수량·합계를, 문의는 꼭 필요한 항목만 묻습니다. 잘못 입력하면 그 자리에서 한국어로 알려줍니다. 실제 접수와 결제를 어디에 연결할지는 상담에서 정합니다.
받으시는 것
- 예약·주문·문의 화면
- 입력 확인과 완료 안내
- 개인정보 수집·이용 동의
맑은숲내과의원 · 검진·진료 예약 (4단계)실제 화면 보기 ↗ -
휴진 공지, 이벤트 소식, 손님 후기가 쌓이는 곳입니다. 분류 탭과 검색, 맨 위 고정 공지, 새 글 표시, 글쓰기 화면까지 갖춰 운영하기 쉽게 만듭니다.
받으시는 것
- 목록·상세·글쓰기 화면
- 분류·검색·페이지 나누기
- 고정 공지와 새 글 표시
올곧수학학원 · 공지사항실제 화면 보기 ↗ -
아이디·비밀번호 로그인, 카카오·네이버 간편 로그인 버튼, ‘전체 동의’가 한 번에 되는 약관 화면을 만듭니다. 실제 회원 관리와 간편 로그인 연동 범위는 상담에서 정합니다.
받으시는 것
- 로그인·회원가입 화면
- 간편 로그인 버튼
- 약관 전체 동의
간편 로그인 화면 구성 — 카카오 #FEE500 · 네이버 #03C75A온유치과 로그인 화면 ↗ -
오픈 기념, 명절, 연말처럼 기간이 정해진 소식을 한 페이지로 만듭니다. 남은 시간 카운트다운, 쿠폰 받기, 참여 방법을 한 흐름으로 보여줍니다.
받으시는 것
- 이벤트 페이지
- 카운트다운·쿠폰 화면
- 이벤트 공유 이미지
마실마켓 5주년 생일 대잔치 · 이벤트 메인실제 화면 보기 ↗ -
지도 캡처 대신 가게 주변을 직접 그린 약도를 넣습니다. 지하철 출구와 버스, 주차 안내를 함께 적고, 네이버 지도·카카오맵 버튼으로 바로 길 찾기를 엽니다.
받으시는 것
- 직접 그린 약도
- 대중교통·주차 안내
- 지도 앱 바로가기
해밀안과의원 · 진료시간과 오시는 길실제 화면 보기 ↗ -
페이지마다 제목과 설명을 따로 쓰고, 카카오톡이나 문자로 링크를 보냈을 때 뜨는 공유 이미지를 만듭니다. 네이버 서치어드바이저와 구글 서치 콘솔 등록도 도와드립니다. 검색 순위는 약속하지 않습니다.
받으시는 것
- 페이지별 제목·설명
- 공유 이미지(OG)·파비콘
- 검색 등록 지원
밀과결 메인 페이지의 실제 공유 제목·설명으로 그린 카카오톡 미리보기실제 화면 보기 ↗ -
휴진 공지, 메뉴·가격 변경, 시즌 배너 교체처럼 가게가 움직이면 홈페이지도 따라 움직여야 합니다. 어떤 일을 어떤 방식으로 맡기실지는 오픈 전에 함께 정합니다.
받으시는 것
- 내용 수정·업데이트
- 공지·배너 교체
- 직접 고치는 방법 안내
- 10월한글날 휴진 안내 공지
- 11월수능 끝, 겨울 시즌 이벤트 배너
- 12월연말 영업시간 변경
- 1월새해 메뉴·가격 반영
- 2월설 연휴 휴무 안내
가게의 한 해에 홈페이지가 바뀌어야 하는 순간들관리 범위 상담하기 →
(02) — By industry
병원엔 비급여 진료비, 고깃집엔 원산지 표시.
업종마다 손님이 반드시 찾는 정보와 꼭 지켜야 하는 표시가 있습니다. 40개 업종을 직접 만들며 정리한 필수 화면입니다. 모든 항목은 오리지널의 실제 페이지로 열립니다.
Clinic & Care
병원·의료
환자는 진료 전에 시간과 비용, 그리고 의사를 먼저 확인합니다.
- 01
- 02
- 03
- 04
Food & Retail
음식·리테일
손님은 가기 전에 메뉴와 가격, 그리고 자리부터 봅니다.
- 01
- 02
- 03
- 04
Local Services
생활 서비스
맡기기 전에 가격과 결과물, 그리고 가능한 날짜부터 확인합니다.
- 01
- 02
- 03
- 04
Events & Culture
이벤트·문화
날짜가 정해진 일은, 날짜부터 고를 수 있게 합니다.
- 01
- 02
- 03
- 04
Fitness & Wellness
운동·웰니스
등록 전에 시간표와 가격, 그리고 첫 수업을 확인합니다.
- 01
- 02
- 03
- 04
Education & Care
교육·보육
학부모는 비용과 시간표, 그리고 소통하는 방식을 확인합니다.
- 01
- 02
- 03
- 04
Professional
전문 서비스
맡기기 전에, 누가 어떤 일을 해 왔는지부터 봅니다.
- 01
- 02
- 03
- 04
(03) — Engagements
큰 홈페이지가 늘 정답은 아닙니다.
알릴 것이 하나면 한 페이지로, 설명할 것이 많으면 여러 페이지로, 예약과 주문이 핵심이면 그 화면부터. 가게가 하는 일에 맞는 크기를 함께 정합니다.
B
브랜드 사이트형
10페이지 내외와 게시판, 가게의 이야기와 정보를 차곡차곡.
이런 가게에
설명할 것이 많은 병원·학원·전문 서비스, 단골이 다시 찾아와 소식을 확인하는 동네 가게.
포함
- 소개·서비스·오시는 길 등 10페이지 내외
- 공지사항·후기 게시판
- 진료시간표·가격표 등 업종 필수 정보
- 상담 버튼과 모바일 하단 바
대표 오리지널
C
예약·커머스형
손님이 홈페이지에서 바로 움직이게. 예약·주문 화면과 연동 협의.
이런 가게에
예약이 곧 매일의 일인 숙박·병원·클래스, 택배와 선물 주문을 받는 가게.
포함
- 브랜드 사이트형의 구성 전부
- 날짜·옵션·수량·합계가 있는 예약·주문 화면
- 회원가입·로그인 화면
- 네이버 예약·PG 등 연동 범위 상담
대표 오리지널
견적은 페이지 수·기능·일정을 듣고
상담 후 안내드립니다. 상담과 견적은 무료입니다.
(04) — Always included
보이지 않는 곳까지 기본으로 들어갑니다.
어떤 유형을 고르셔도 빠지지 않는 것들입니다. 손님 눈에 잘 띄지 않지만, 없으면 바로 티가 나는 일들이죠.
- 01
반응형 검수
모든 페이지를 휴대폰과 PC 폭에서, 메인은 태블릿 폭까지 확인합니다.
- 02
파비콘·공유 이미지
브라우저 탭 아이콘과 카톡·문자 공유 미리보기.
- 03
기본 검색 메타
페이지마다 다른 제목과 설명.
- 04
접근성 기준
글자 대비, 키보드 포커스, 이미지 대체 텍스트.
- 05
이미지 최적화
WebP 변환과 크기 조절로 가볍게.
- 06
개인정보처리방침 페이지
문의·예약 양식에 맞춘 수집·이용 동의와 함께.
- 07
한국어 줄바꿈
단어가 중간에서 끊기지 않게, 제목은 균형 있게.
- 08
끊긴 링크 0
모든 메뉴와 버튼이 실제 페이지로 이어집니다.
- 09
플로팅 상담 버튼
카카오톡·전화·맨 위로, 모바일은 하단 고정 바.
- 10
지도 앱 바로가기
네이버 지도·카카오맵에서 바로 길 찾기.
Integrations연동에 관하여
예약·주문 화면은 저희가 만듭니다. 실제 결제·예약 접수·메시지 발송은 네이버 예약, 카카오톡 채널, PG(전자결제) 같은 외부 서비스와 연결해야 움직입니다. 어디까지 연동할지는 상담 후 함께 정합니다.
(05) — Start here
무엇이 필요한지 몰라도 괜찮습니다.
업종과 가게 이야기만 들려주세요. 필요한 화면과 범위를 정리해 견적과 함께 안내드립니다. 상담과 견적은 무료입니다.