(04) — Studio

“주차 돼요?” 그 대답, 이제 홈페이지가 합니다.

잘 만든 홈페이지는
사장님 대신 설명합니다.

비즈에이블은 손님이 전화로 묻던 질문을 첫 화면과 메뉴 구조로 옮기는 웹 스튜디오입니다. 40개 업종의 홈페이지를 직접 만들며 다섯 가지 원칙과 여섯 단계의 일하는 방식을 세웠습니다.

Focus
작은 가게의 홈페이지
Originals
40개 업종
Pages
688개 페이지
Templates
0개

(01) — Principles

다섯 가지는 타협하지 않습니다.

예쁜 홈페이지는 많습니다. 손님을 움직이는 홈페이지는 드뭅니다. 그 차이를 만드는 원칙들이고, 아래의 증거는 모두 오리지널의 실제 화면입니다.

업종의 언어로 씁니다.

치과는 안심을, 고깃집은 불맛을, 학원은 성적보다 과정을 말해야 합니다. 같은 문장 틀에 업종 이름만 바꿔 끼우지 않습니다. 손님이 실제로 쓰는 말과 사장님의 말투를 먼저 찾습니다.

모바일을 먼저 그립니다.

손님 대부분은 휴대폰으로, 카카오톡 대화창에서 링크를 눌러 들어옵니다. 그래서 390px 화면을 먼저 완성합니다. 전화·카톡·예약처럼 가장 자주 누르는 버튼은 엄지가 닿는 화면 아래에 고정합니다.

688개 페이지 모두 휴대폰 폭에서 따로 검수했습니다.

도토리소아청소년과 모바일 메인 화면. 하단 고정 바에 전화·카톡 상담·오시는 길·모바일 접수
정진태권도 모바일 메인 화면. 하단 고정 바에 전화·카톡 상담·무료 체험 신청
밀과결 모바일 메인 화면. 하단 고정 바에 전화·빵 시간·오시는 길·케이크 예약
엄지가 닿는 곳 — 전화 · 카톡 · 예약
도토리소아청소년과의원 — 메인
도토리소아청소년과 메인 첫 화면. 미사강변 소아청소년과라는 소개, 365일 진료·밤 9시까지·미사역 도보 4분 정보, 모바일 접수하기 버튼
도토리소아청소년과의원 · 메인 첫 화면 실제 화면 보기 ↗

첫 화면,
3초 안에 답합니다.

처음 들어온 손님은 속으로 세 가지를 묻습니다. 무엇을 하는 곳인지, 어디에 있는지, 왜 여기여야 하는지. 첫 화면에서 그 답과 다음에 누를 버튼까지 보이게 설계합니다.

  1. 무엇미사강변, 우리 동네 소아청소년과
  2. 왜365일 진료 · 평일 밤 9시까지
  3. 어디미사역 2번 출구, 도보 4분
  4. 다음 행동모바일 접수하기

모든 버튼은
어딘가로 갑니다.

‘준비 중’ 페이지나 눌러도 반응 없는 버튼은 손님을 떠나게 합니다. 메뉴와 버튼, 게시글 하나까지 실제 페이지로 이어지게 만들고, 문을 열기 전에 모든 링크를 확인합니다.

온유치과의원 안의 내부 링크
1,653
오리지널 40곳 전체
5만 6천여 개
끊긴 링크
0
온유치과의원 사이트맵 · 18페이지아무 곳이나 눌러 보세요. 전부 실제 페이지로 열립니다.

사진보다
정보가 설득합니다.

멋진 사진은 눈길을 끌지만, 발걸음을 움직이는 건 정보입니다. 진료시간과 점심시간, 휴진일, 가격, 주차 — 손님이 망설이는 이유를 정보로 먼저 지웁니다.

  • 점심시간 13:00–14:00
  • 일요일·공휴일 휴진
  • 진료 시 주차 2시간 무료
  • 대전 1호선 시청역 3번 출구
해밀안과의원 진료시간과 오시는 길. 요일별 진료시간, 점심시간 13:00–14:00, 일요일·공휴일 휴진, 직접 그린 약도와 지하철·버스·주차 안내
해밀안과의원 · 진료시간과 오시는 길 실제 화면 보기 ↗

(02) — Lessons from 40

40개를 만들며 배운 것

가게마다 색이 다릅니다.

비즈에이블 오리지널 40곳의 실제 팔레트입니다. 같은 조합은 하나도 없습니다. 템플릿에 색만 바꿔 끼우지 않았다는 가장 정직한 증거입니다.

팔레트
40
서로 다른 색
187
겹치는 조합
0
템플릿
0

(03) — Process

어디까지 왔는지, 늘 화면으로 보여드립니다.

여섯 단계마다 사장님이 받으시는 것과 정하실 것이 분명합니다. 기간은 범위에 따라 달라서, 상담 때 단계별 일정표로 안내드립니다.

  1. 01 Consult

    상담

    가게 이야기와 업종, 지금 쓰는 채널(네이버 플레이스·인스타그램·카카오톡 채널), 꼭 필요한 기능을 듣습니다.

    받으시는 것

    • 필요한 화면 목록
    • 제작 범위와 견적
    • 단계별 일정표

    정하실 것

    • 제작 유형과 범위
    • 시작 시점
  2. 02 Plan

    기획 사이트맵·카피

    손님이 묻는 질문을 기준으로 메뉴 구조를 짜고, 페이지마다 들어갈 문장을 업종의 말투로 씁니다.

    받으시는 것

    • 사이트맵(메뉴 구조)
    • 페이지별 문안 초안

    정하실 것

    • 메뉴 구성
    • 가격·시간 같은 사실 확인
  3. 03 Direction

    아트 디렉션

    색과 서체, 사진의 톤을 정하고 첫 화면을 먼저 디자인해 방향을 맞춥니다. 사진이 없다면 준비 방법도 이때 안내드립니다.

    받으시는 것

    • 색·서체·사진 톤
    • 첫 화면 디자인
    • 사진 준비 안내

    정하실 것

    • 디자인 방향
  4. 04 Design & Build

    디자인·개발

    정한 방향으로 전 페이지를 디자인하고 바로 실제 화면으로 만듭니다. 그림 파일이 아니라 휴대폰으로 눌러 보는 화면으로 확인하십니다.

    받으시는 것

    • 눌러 보는 화면 링크
    • 페이지별 진행 공유

    정하실 것

    • 페이지별 수정 의견
  5. 05 Quality check

    전 페이지 검수 PC·모바일

    모든 페이지를 휴대폰과 PC 폭에서, 메인은 태블릿 폭까지 열어 화면 넘침, 링크, 글자 대비, 줄바꿈을 하나씩 확인합니다.

    받으시는 것

    • 폭별 검수 결과
    • 수정 반영본

    정하실 것

    • 최종 확인
  6. 06 Launch

    오픈·관리

    도메인을 연결하고 검색 등록과 공유 미리보기를 확인한 뒤 문을 엽니다. 이후 관리는 정해 둔 범위대로 이어집니다.

    받으시는 것

    • 도메인 연결
    • 검색 등록 지원
    • 관리 방법 안내

    정하실 것

    • 오픈 날짜
    • 이후 관리 범위

(04) — Quality bar

‘대충 괜찮다’는 기준이 아닙니다.

오리지널 40곳을 만들며 세운 검수 기준입니다. 사장님의 홈페이지도 같은 기준으로 확인합니다.

688

개 페이지오리지널 40곳의 모든 페이지

1,416

개 화면 검수전 페이지 PC·모바일, 메인은 태블릿까지

  • 0

    가로 넘침검수한 모든 화면에서 옆으로 밀림 없이

  • 0

    깨진 링크모든 메뉴·버튼·게시글이 실제 페이지로

  • 44px

    터치 영역엄지로 눌러도 빗나가지 않는 최소 크기

  • AA

    본문 대비이 페이지 본문 5.6 : 1 이상(AA 4.5 : 1 기준)

한국어 줄바꿈 · keep-all

한국어는 글자 단위로 줄이 바뀌기 쉽습니다. 모든 문장은 단어 단위로 줄을 바꾸고, 제목은 줄마다 길이를 맞춥니다.

(05) — FAQ

자주 묻는 질문, 먼저 답해 둡니다.

여기에 없는 질문은 카카오톡으로 편하게 물어보세요. 상담과 견적은 무료입니다.

카카오톡으로 상담하기
01제작 기간은 얼마나 걸리나요?

페이지 수와 기능, 자료가 준비된 정도에 따라 달라집니다. 상담 때 단계별 일정표를 만들어드리고, 그 일정표대로 진행 상황을 화면으로 공유합니다.

02비용은 얼마인가요?

정해 둔 가격표는 없습니다. 페이지 수·기능·일정을 듣고 범위를 정리한 뒤 견적을 안내드립니다. 상담과 견적은 무료이고, 견적을 받으셨다고 진행하셔야 하는 것도 아닙니다.

03가게 사진이 없어요.

괜찮습니다. 휴대폰으로 찍는 방법과 필요한 장면 목록을 안내드리고, 사진이 부족한 자리는 일러스트·패턴·타이포그래피로 설계합니다. 전문 촬영이 필요한지도 상담에서 함께 판단합니다.

04홈페이지에 들어갈 문구도 써 주나요?

네. 기획과 카피라이팅이 제작 범위에 들어 있습니다. 사장님께는 가격·시간·메뉴 같은 사실과 가게 이야기만 여쭙고, 문장은 업종의 말투에 맞춰 저희가 씁니다.

05마음에 드는 오리지널처럼 만들 수 있나요?

그 디자인을 출발점으로 삼을 수 있습니다. 다만 그대로 복사하지 않고, 우리 가게의 업종과 동네, 손님에 맞게 색과 구성, 문장을 다시 설계합니다.

오리지널 40곳 보기 →

06도메인과 호스팅은 어떻게 하나요?

이미 쓰시는 도메인이 있으면 그대로 연결하고, 없으면 구입부터 함께 안내합니다. 도메인과 호스팅은 사장님 명의로 두시기를 권합니다. 방식과 비용은 상담 때 정리해드립니다.

07수정은 어떻게 요청하나요?

기획·디자인·개발 단계마다 실제 화면을 보여드리고 의견을 받습니다. 말로 설명하기 어려운 부분은 화면을 캡처해 표시해 보내주셔도 됩니다. 수정 범위와 횟수는 상담 때 함께 정합니다.

08네이버 검색에 나오나요?

네이버 서치어드바이저와 구글 서치 콘솔 등록을 도와드리고, 페이지별 제목·설명과 공유 미리보기를 설정합니다. 다만 검색 순위는 누구도 보장할 수 없기에 약속하지 않습니다.

09예약·결제가 실제로 되나요?

예약·주문 화면은 저희가 디자인하고 만듭니다. 실제 결제나 예약 접수, 알림 발송은 네이버 예약·카카오톡 채널·PG(전자결제) 같은 외부 서비스와 연결해야 하므로, 어디까지 연동할지 상담 후 정합니다.

10오픈한 뒤에도 관리해 주나요?

공지 등록, 메뉴·가격 변경, 시즌 배너 교체 같은 관리를 도와드립니다. 어떤 일을 어떤 방식으로 맡기실지는 오픈 전에 함께 정합니다.

(06) — Your turn

질문 하나로 시작해도 됩니다.

“우리 가게도 이렇게 될까요?”

그 질문이면 충분합니다. 필요한 화면과 범위를 정리해 답해드립니다. 상담과 견적은 무료입니다.

카카오톡 상담