디자인 지음 홈페이지 제작 사례 39곳
템플릿 없이 직접 디자인하고 코딩한 업종별 홈페이지 사례입니다. 업종별로 손님이 망설이는 이유를 먼저 찾고, 전화·예약·카카오톡 상담으로 이어지게 구성했습니다. 전국 비대면 제작, 13만원 정찰제(VAT 포함), 월 관리비 0원, 1주 완성.
1층 외식·여가
- 고깃집 · 화담숯불: 저녁마다 '지금 자리 있어요?', '단체 몇 명까지 돼요?' 묻는 전화가 몰리는데, 고기 굽느라 제대로 받기 어려웠어요. 지금 영업 중인지와 라스트오더까지 남은 시간을 바로 보여 주고, 인원별 룸 배치와 가격이 적힌 전체 메뉴, 주차·오시는 길을 한 페이지에 정리해 전화·네이버 예약으로 이었어요. 사이트 보기
- 캠핑장 · 달빛계곡: 길을 묻는 전화와 자리별 가격 문의가 하루 종일 이어지기 쉬워요. 자리별 가격을 한눈에 비교하게 하고, 찾아오는 길을 자세히 안내해 같은 질문이 반복되지 않게 했어요. 사이트 보기
- 카페 · 프레쉬프루잇: 메뉴와 주차 여부를 몰라 그냥 지나치는 손님이 많아요. 오늘의 과일과 대표 메뉴를 가격과 함께 보여 주고, 영업시간·주차 안내를 첫 화면에 담았어요. 사이트 보기
2층 미용·헬스
- 필라테스 · 필라테스 제이영(의왕 삼동, 실제 고객): 산전·산후나 통증이 있는 분들은 어디까지 움직여도 되는지 몰라서, 등록 전에 걱정부터 많이 하세요. 산전·산후, 시니어 기능 운동, 운동 재활 세 분야와 대표원장의 기능 움직임 평가부터 재평가까지 다섯 단계를 정리하고, 평가 리포트 예시와 실제 후기를 보여 주며 체험 수업 예약으로 이었어요. 사이트 보기
- 필라테스 · 꼿꼿필라테스: 남자라서, 몸이 뻣뻣해서, 점심시간밖에 없어서 필라테스는 나와 안 맞는다고 생각하는 손님이 많아요. 다들 하고 오는 고민에 하나씩 답하고, 네 가지 수업 가격과 평일 런치 40분 수업, 매달 재는 기록 카드를 보여 주며 체험 1회 예약으로 이었어요. 사이트 보기
- 헬스장 · 꾸준피트니스: 운동이 처음인 손님은 등록만 하고 혼자 방치될까 봐 헬스장 등록을 망설여요. 1주차·4주차 무료 점검 같은 다섯 가지 약속과 트레이너 소개, 층별 기구 배치, 회원권·PT 가격표를 정리해 일일권 체험으로 이었어요. 사이트 보기
- 뷰티 브랜드 · 라운: 신제품을 알릴 때 성분과 설명만 늘어놓으면, 제품이 가진 이야기와 감성이 잘 전해지지 않아요. 조향 스토리, 탑·미들·베이스 노트, 텍스처와 성분을 흐름에 따라 보여 주고, 사전 예약으로 이어지게 했어요. 사이트 보기
- 피부과 · 맑은결피부과의원: '리쥬란 얼마예요?' 묻는 문의에 상담실장이 하루 종일 묶이는데, 의료법상 후기나 전후 사진으로 실력을 보여 주기도 어려워요. 1분 문진으로 일반 진료와 미용 시술을 나눠 비급여 가격까지 바로 보여 주고, 후기 대신 전문의가 상담부터 시술까지 직접 보는 진료 방식을 앞세웠어요. 사이트 보기
- 바버샵 · 로우앤하이: 가격만 물어보고 예약까지 이어지지 않는 경우가 많아요. 서비스별 가격표와 스타일 모음을 보여 주고, 확인한 손님이 바로 예약하도록 이었어요. 사이트 보기
- 필라테스 · 미소필라테스: '허리가 아픈데 해도 되나요?' 묻는 전화가 많은데, 1:1 수업 중엔 받을 수 없어요. 허리·골반, 목·어깨처럼 고민별로 수업을 먼저 확인하게 하고, 바로 레슨 예약으로 이었어요. 사이트 보기
- 향수 브랜드 · 미네레: 향은 화면으로 맡을 수 없어서, 브랜드가 어떤 분위기인지 말로만 전하기 어려워요. 돌 하나에서 시작된 브랜드 철학과 컬렉션을 차분한 톤과 무드 컷으로 풀어, 향의 인상이 먼저 전해지게 했어요. 사이트 보기
3층 꽃·가구·브랜드
- 플라워·플랜트 · 늘숲 플라워 & 플랜트: 꽃 선물부터 실내조경, 클래스까지 하는 일이 많아서, 손님이 원하는 걸 어디서 물어야 할지 헷갈려요. 꽃·식물·클래스를 땅 위에서 뿌리까지 깊이에 따라 나눠 보여 주고, 서비스별 시작 가격과 실내조경 진행 순서를 정리해 카톡 상담으로 이었어요. 사이트 보기
- 가구점 · 결온가구: 원목 가구는 사진만으로 결과 크기를 가늠하기 어려워, 가격만 묻고 매장까지는 오지 않는 손님이 많아요. 아침 식탁·오후 소파·밤 침실처럼 하루의 장면으로 가구를 보여 주고, 가격과 맞춤 제작 사례를 함께 담아 쇼룸 방문 예약으로 이었어요. 사이트 보기
- 플라워샵 · 봄결 플라워: 꽃을 손질하는 동안에도 '얼마예요? 오늘 되나요?' 묻는 DM이 끊이지 않아요. 가격, 실제 크기, 당일 주문 마감 시간을 한 페이지에 모으고, 바로 네이버 예약으로 넘어가게 했어요. 사이트 보기
4층 수리·설비·시공
- 특수청소 · 월천환경(부산 영도구, 실제 고객): 쓰레기집이나 고독사 현장은 말을 꺼내기도 어려워서, 손님들이 어디서부터 물어야 할지 망설여요. '집 안이 너무 쌓여서 누구도 들일 수가 없어요'처럼 손님 상황을 문장으로 먼저 보여 주고, 특수청소부터 에어컨 분해세척까지 다섯 서비스와 비밀보장을 정리해 전화·사진 상담으로 이었어요. 사이트 보기
- 철거 · 바른터철거: 철거는 작업 당일 추가금이 붙을까 봐, 손님들이 여러 업체 견적을 받아 놓고도 결정을 못 해요. 상가 원상복구·마루·욕실 철거 단가 범위를 먼저 보여 주고, 공간별로 걷어내는 범위를 사진 위 빗금으로 표시해 카톡 사진 견적으로 이었어요. 사이트 보기
- 누수탐지 · 청음누수탐지: 누수는 바닥을 어디까지 깨야 할지 몰라서, 손님들이 공사비부터 걱정하며 전화를 망설여요. 계량기·보일러 압력 같은 증상별 안내와 탐지 장비를 먼저 보여 주고, 시작 가격과 못 찾으면 탐지비 0원 견적표를 정리해 긴급출동 전화로 이었어요. 사이트 보기
- 누수탐지 · 투명누수: 빌라 누수는 윗집과 아랫집 중 어디서 새는지부터 다툼이 생겨서, 손님들이 원인을 눈으로 확인하고 싶어 해요. 내시경·열화상 화면을 손님 휴대폰으로 같이 보는 탐지 방식과 정찰 견적표, 누수 보고서, 재누수 무상 보증을 정리해 사진 톡톡 상담으로 이었어요. 사이트 보기
- 집수리 · 손봄집수리: 도어락이나 수전처럼 작은 고장은 이 정도로 불러도 되나 싶어서, 손님들이 연락을 미뤄요. 현관부터 벽까지 집 안을 따라 내려가며 고장별 시작 가격을 보여 주고, 사진 견적과 출장비 무료 지역을 앞세워 톡톡 상담으로 이었어요. 사이트 보기
- 음향설비 · 소리담음향: 교회·학교 음향설비는 금액이 커서, 담당자가 업체 실적과 설계 근거부터 꼼꼼히 비교해요. 보고서 형식으로 실적과 음향·방송·영상·회의 사업 범위, 현장별 시공 기록을 정리하고, 현장 측정 견적 신청으로 이었어요. 사이트 보기
- 입주청소 · 뽀득하우스: 입주청소는 '가서 보니 오염이 심해서 추가 요금이 붙는다'는 이야기가 많아서, 손님들이 견적 전화부터 망설여요. 평당 단가 정찰제와 평수 계산기로 가격을 먼저 보여 주고, 창틀·욕실·배수구 전후 사진과 48시간 무상 A/S, 작업 순서를 정리해 전화·카톡 견적으로 이었어요. 사이트 보기
- 자동차 정비 · 든든오토케어: 정비소는 '안 해도 될 작업까지 권하지 않을까' 하는 걱정 때문에, 손님들이 차를 맡기기 전부터 망설여요. 손대기 전에 점검 사진과 견적을 먼저 보내는 원칙, 부품비·공임을 나눈 견적서와 정비 항목별 시작 가격, 무상 재점검을 정리해 전화 입고 예약과 톡톡 견적으로 이었어요. 사이트 보기
- 인테리어 · 하루집 인테리어: 인테리어는 '계약하고 나면 비용이 늘어난다', '완성 모습을 미리 알 수 없다'는 불안 때문에 상담 신청부터 미루게 돼요. 공사별 시작 가격과 자재비·인건비·철거비를 나눈 항목별 견적서, 실측 치수로 만든 3D 시안, 2년 무상 A/S를 정리해 무료 방문 실측 예약으로 이었어요. 사이트 보기
- 간판 · 오렌지애드컴퍼니(양주 고암동, 실제 고객): 조건이 매번 다른 견적 문의에 하나하나 답하느라 시간이 오래 걸렸어요. 필요한 내용을 미리 적어 보내는 견적 문의 흐름을 만들어, 문의가 정리된 상태로 도착하게 했어요. 사이트 보기
- 집수리 · 오케이집수리(포천 소흘읍, 실제 고객): '이것도 수리되나요?' 묻는 문의가 많은데, 작업 중엔 전화를 받기 힘들었어요. 수리 가능한 서비스를 한눈에 정리하고, 상담 신청과 전화 연결 버튼을 더했어요. 사이트 보기
5층 학원·요양·의료
- 한의원 · 온결한의원: 직장인은 진료 시간이 맞지 않고, 한약은 얼마인지 몰라서 한의원 방문을 미뤄요. 월·수·금 저녁 8시 야간 진료와 요일별 진료 시간, 진료 과목별 대상과 치료, 약침·한약 가격표를 정리해 네이버 예약으로 이었어요. 사이트 보기
- 방문요양센터 · 늘곁 방문요양센터: 부모님 돌봄을 처음 알아보는 가족은 등급 신청부터 비용까지 몰라서, 어디에 무엇을 물어야 할지 막막해해요. 요양보호사의 하루를 시간대별로 보여 주고, 등급 신청 4단계와 본인부담 15% 비용을 미리 안내해 무료 방문상담 신청으로 이었어요. 사이트 보기
- 사설구급차 · 중앙응급환자이송단(울산 삼산동, 실제 고객): 급하게 구급차를 찾는 분들이 많아서, 사이트에 들어오자마자 전화 연결 버튼이 잘 보였으면 했어요. 어느 화면에서든 눈에 띄는 전화 버튼을 상단과 본문 곳곳에 두고, 24시간 출동 전화와 문자·카톡 상담 번호를 나눠 안내했어요. 이송 서비스 종류와 출동 지역, 이용 절차도 한 페이지에 정리했어요. 사이트 보기
- 학원 · 포름미술학원: '아이가 뭘 배우는지 모르겠다'는 걱정 때문에 상담이 등록으로 잘 이어지지 않아요. 매주 실기 기록 공유 같은 강점을 먼저 보여 주고, 무료 실기 진단 예약으로 첫 방문을 이끌었어요. 사이트 보기
6층 서비스·기업·전문직
- 행정사 · 한울 글로벌 행정사사무소: 외국인 손님은 비자 이름도 모르고 한국어 설명도 어려워서, 어떤 업무를 맡겨야 할지부터 막막해해요. 국제결혼·초청·취업·투자·국적 업무를 상황별로 고를 수 있게 나누고, 5개 언어 상담과 출입국·외국인청까지의 거리를 첫 화면에 둔 뒤 무료 자격 진단으로 이었어요. 사이트 보기
- 행정사 · 바로 행정사사무소: 음주운전으로 면허 처분을 받은 분은 기한이 얼마나 남았는지, 다퉈 볼 수는 있는지 몰라 불안해해요. 처분일만 넣으면 남은 기한을 계산해 주고, 다섯 가지 질문으로 검토할 수 있는 절차를 알려 준 뒤 비용과 진행 사례를 공개해 전화·카톡 상담으로 이었어요. 사이트 보기
- 성당 · 새빛성당: 처음 오는 분이나 오래 쉬었던 분은 미사 시간도 모르고, 신자가 아니어도 들어가도 되는지부터 망설여요. 주일 미사 다섯 번과 오늘 다음 미사 시간을 첫 화면에 두고, 처음 오는 분·다시 시작하는 분·이사 온 분별 안내와 주차·버스 길 안내를 정리해 사무실 전화로 이었어요. 사이트 보기
- 포장이사 · 바로담이사: 이사 당일 금액이 바뀌었다는 이야기를 많이 들어서, 손님들이 견적을 받아도 쉽게 믿지 못해요. 견적 고정제와 직영 팀 같은 다섯 가지 약속을 앞세우고, 이사 종류별 시작 가격과 서비스 여섯 가지를 정리해 무료 방문 견적 상담으로 이었어요. 사이트 보기
- 세무사 · 세무회계 돋움: 처음 창업한 사장님이나 프리랜서는 세법 용어가 어려워서, 무엇을 물어야 할지도 몰라요. 신고 기간마다 자주 듣는 고민을 손님 말투로 보여 주고, 업무 분야와 숨은 환급금 조회, 수수료를 정리해 카톡 상담으로 이었어요. 사이트 보기
- 체결부품 제조 · 한결체결산업: 건설·태양광 현장은 규격과 납기가 가장 중요해서, 구매 담당자가 공장 역량부터 확인해요. 선재 입고부터 출고까지 일곱 단계 공정을 스크롤로 보여 주고, 규격표와 당일 출고 기준, 도면 견적 요청을 한 흐름으로 묶었어요. 사이트 보기
- 노무법인 · 노무법인 정연: 노무 상담은 비용과 비밀 유지가 걱정돼서, 사장님도 근로자도 첫 연락을 망설여요. 담당 노무사 직접 상담과 첫 상담 무료·비밀 보장을 앞세우고, 업무분야와 구성원, 업무사례를 정리해 상담 신청으로 이었어요. 사이트 보기
- 재고관리 서비스 · 스톡로그: 엑셀로 재고를 관리하는 회사는 새 프로그램이 복잡할까 봐 도입을 미뤄요. 엑셀 재고가 안 맞는 네 가지 상황을 먼저 짚고, 실제 대시보드 화면과 요금제, 무료 체험을 보여 줘 가입으로 이었어요. 사이트 보기
- 부동산 · 새봄집 공인중개사사무소: 전세사기 소식이 잦아지면서, 처음 집을 구하는 손님일수록 계약 자체를 불안해하고 문의를 망설여요. 직접 가 본 매물만 보여 준다는 원칙과 계약 전 등기부 무료 권리분석을 앞세우고, 아파트·첫 집·상가·토지처럼 찾는 매물별로 안내해 전화 상담 예약으로 이었어요. 사이트 보기
- 행정사 · 바른길 행정사사무소: 처분서를 받고 당황한 손님은 무엇부터 할지 몰라, 첫 상담이 설명으로 길어지기 쉬워요. 처분서 사진 한 장만 보내면 상담이 시작되게 하고, 기한과 진행 단계를 미리 안내했어요. 사이트 보기