홈페이지를 만드는 게 아니라사업을 보여주는 방식을설계합니다.
업종과 고객, 가진 자료가 다르면 첫 화면부터 섹션 순서, 사진을 쓰는 방식, 움직임까지 달라야 합니다. 사업 정보만 알려 주세요. 사업을 분석해 방향을 정하고, 디자인해서 공개까지 진행합니다.
- 149,000원부터VAT 포함
- 모바일 최적화PC · 태블릿 · 모바일
- 월 관리비 없음제작비 한 번
설명보다 결과를
먼저 보세요.
실제 제작과 같은 방식으로 만든 제작 예시입니다. 실제 업체가 아니며, 사진은 참고용 이미지입니다.
사업을 읽고, 방향을 정하고,
디자인하고, 만듭니다.
검은 화면은 제작 예시 한 곳을 실제 주문과 같은 방식으로 만들 때 남은 설계 기록입니다.
- 01BUSINESS사업을 읽는다
- 02DIRECTION방향을 정한다
- 03DESIGN디자인한다
- 04BUILD만들고 공개한다
- 01BUSINESS · 사업을 읽는다STEP 01
사업 정보 전달
업종, 상호, 서비스, 연락처처럼 필요한 정보를 알려 주세요. 모르는 칸은 비워도 됩니다.
받은 사업 정보
- 업종CCTV·통신 설비
- 상호바른시스템
- 사업 분야CCTV 설치, 출입 통제, 네트워크 배선
- 사진4장
인증·자격 3건사례·실적 3건연혁 2건진행 절차 4건자주 묻는 질문 답변 3건 - STEP 02
사업 분석
무엇을 파는지, 누가 찾는지, 고객이 연락하기 전에 무엇을 먼저 확인하는지 정리합니다.
사업 분석
- 사업 형태B2B 시공·설치
- 찾는 사람공사·설치를 맡길 기업·건물 관리 담당자와 사장님
- 목표견적 문의
고객이 먼저 확인하는 것
- 무슨 공사·설치를 하는가?
- 비슷한 현장을 해 봤는가?
- 자격·면허가 있는가?
- 어떻게 진행되고 견적은 어떻게 받는가?
- 02DIRECTION · 방향을 정한다STEP 03
설계 원리 고르기
좋은 웹사이트들이 쓰는 설계 원리 가운데 이 사업에 맞는 것을 골라 섞습니다. 특정 사이트를 베끼지 않고 원리만 씁니다.
고른 설계 원리 · 7개
- 같은 업종 · 신뢰제조·시공 — 납품·시공 실적형
- 같은 업종 · 버튼·전환시공 — 견적 전환형
- 디자인 · 정보 구조가로로 넘기는 이야기
- 브랜드 · 사진사진 에디토리얼
- 디자인 · 사진아트 디렉션 레이아웃
원리마다 맡는 부분이 다릅니다. 한 사이트를 베끼지 않고 원리만 섞어 레이아웃 패턴 '가로 이야기'을 골랐습니다.
- STEP 04
페이지 구성
고른 원리로 레이아웃 패턴을 정하고 메뉴 구조, 섹션 순서와 모양을 정합니다. 자료가 없는 화면은 만들지 않습니다.
레이아웃 패턴 · 가로 이야기
홈시공 사례사업 분야회사 소개인증·자격진행 절차문의홈 화면 순서
- 시공 사례
- 자격·면허
- 사업 분야
- 진행 절차
- 자주 묻는 질문
- 03DESIGN · 디자인한다STEP 05
디자인 방향
업종 성격과 사진·자료의 양에 맞춰 디자인 콘셉트, 여백, 글자 크기, 움직임을 정합니다. 같은 업종끼리 겹치지 않게 비교합니다.
디자인 콘셉트
현장·실적 중심
- 첫 화면숫자 중심 (받은 자료로 센 숫자만)
- 헤더로고 + 메뉴 + 전화번호
- 여백 · 모서리보통 · 각진 모서리
- 모션떠오름 · 마스크 · 페이드
현장·실적 중심이미지 포트폴리오기술·산업형점수가 높은 콘셉트 순서 — 같은 업종 예시와 너무 비슷하면 다음 순위로 바꿉니다.
- 04BUILD · 만들고 공개한다STEP 06
디자인 · 제작
PC와 모바일에 맞게 화면을 만듭니다. 알려 주신 전화번호·주소·가격은 그대로 넣고, 없는 정보는 지어내지 않습니다.
제작
- 화면PC · 모바일 · 7개 화면
- 주 버튼견적 문의
- 모바일하단 고정 버튼 · 사진 비율 4/3
- 빠진 정보없음 — 지어내지 않고 비워 둠
- STEP 07
점검 · 공개
화면·링크·모바일을 점검하고, 요금제에 따라 디자인을 한 번 더 다듬어 실제 주소로 공개합니다. 받아 보시고 고칠 점을 알려 주시면 반영합니다.
이 예시의 디자인 점검
- 판정통과
- 스스로 다듬은 점없음
- 같은 업종 예시와 겹침0% (기준 72% 미만)
모든 주문 공개 전 자동 점검
- 모바일 화면 설정 · 큰 제목 하나
- 깨진 링크 · 없는 사진
- 동작 줄이기 설정 대응
- 요금제 범위 안의 기능만
같은 틀에 상호만
바꾸지 않습니다.
흔한 템플릿은 어느 업종이든 같은 순서와 같은 크기의 블록을 씁니다. 오른쪽은 제작 예시 한 곳의 실제 홈 화면을 위에서 아래로 읽어 옮긴 것입니다.
- 큰 사진 + 한 줄 문구
- 서비스 카드 세 장
- 회사 소개
- 특징 아이콘 세 개
- 사진 격자
- 문의
어느 업종이든 같은 순서, 같은 크기, 같은 카드. 상호와 사진만 바뀝니다.
- 첫 화면 · 대형 이미지 + 짧은 문구좌우 나눔
- 매장 소개사진 고정 · 글만 흐름
- 대표 메뉴대표 셋
- 사진사진 격자
- 이용 안내제목·내용 좌우
- 오시는 길
- 문의 · 마무리
느린볶음 로스터리 · 카페 제작 예시 (PREMIUM) — 배치 패턴 ‘고정 사진 이야기’, 디자인 ‘따뜻한 사람 중심’, 모션 ‘고급 연출’. 이 예시 열어 보기 →
업종이 같아도
경험은 달라야 합니다.
같은 세무사무소·카페·제조업이라도 고객, 목적, 자료, 사진이 다르면 섹션 순서와 첫 화면, 디자인이 달라집니다. 아래는 사업 성격이 다른 가상 업체를 실제 주문과 같은 방식으로 만든 제작 예시입니다.
- 디자인
- 따뜻한 사람 중심
- 배치 패턴
- 전환 중심
- 첫 화면
- 글자 중심
- 유형
- 신뢰·전문성형 · 6개 화면
- 업무 분야
- 진행 절차
- 자주 묻는 질문
- 상담 원칙
- 사무소 소개
설계 원리: 전문 서비스 — 상담 전환형, 전문 서비스 — 부티크 에디토리얼, 브랜드 이야기 스크롤
- 디자인
- 정보 중심 전문형
- 배치 패턴
- 글자 우선
- 첫 화면
- 글자 중심
- 유형
- 신뢰·전문성형 · 7개 화면
- 업무 분야
- 전문가 소개
- 진행 절차
- 자주 묻는 질문
- 상담 원칙
- 매장 소개
설계 원리: 전문 서비스 — 상담 전환형, 전문 서비스 — 전문가 신뢰형, 전문 서비스 — 부티크 에디토리얼
- 디자인
- 조용한 에디토리얼
- 배치 패턴
- 글자 우선
- 첫 화면
- 큰 문장 하나 (글자 우선)
- 유형
- 신뢰·전문성형 · 7개 화면
- 상담 원칙
- 사무소 소개
- 업무 분야
- 전문가 소개
- 진행 절차
- 자주 묻는 질문
설계 원리: 전문 서비스 — 상담 전환형, 전문 서비스 — 전문가 신뢰형, 전문 서비스 — 부티크 에디토리얼
- 디자인
- 따뜻한 사람 중심
- 배치 패턴
- 고정 사진 이야기
- 첫 화면
- 대형 이미지 + 짧은 문구
- 유형
- 예약·방문형 · 5개 화면
- 매장 소개
- 대표 메뉴
- 메뉴
- 사진
- 이용 안내
- 오시는 길
설계 원리: 동네 매장 — 방문 결정형, 메뉴 사진 중심 — 비주얼 메뉴형, 로스터리·브랜드 매장 — 이야기형
- 디자인
- 따뜻한 사람 중심
- 배치 패턴
- 사진 먼저
- 첫 화면
- 대형 이미지 + 짧은 문구
- 유형
- 예약·방문형 · 5개 화면
- 대표 메뉴
- 메뉴
- 매장 소개
- 이용 안내
- 오시는 길
설계 원리: 동네 매장 — 방문 결정형, 메뉴 사진 중심 — 비주얼 메뉴형, 첫 화면 결정 정보
- 디자인
- 따뜻한 사람 중심
- 배치 패턴
- 전환 중심
- 첫 화면
- 대형 이미지 + 짧은 문구
- 유형
- 예약·방문형 · 한 페이지
- 대표 메뉴
- 메뉴
- 이용 안내
- 오시는 길
- 매장 소개
- 사진
설계 원리: 동네 매장 — 방문 결정형
- 디자인
- 기술·산업형
- 배치 패턴
- 글자 우선
- 첫 화면
- 큰 문장 하나 (글자 우선)
- 유형
- 회사형 · 7개 화면
- 회사 소개
- 제품
- 생산설비
- 인증
- 진행 절차
설계 원리: 제조 — 사양·설비형, 증거 먼저, 여백 중심 미니멀
- 디자인
- 모던 기업형
- 배치 패턴
- 기업형
- 첫 화면
- 글자 중심
- 유형
- 회사형 · 5개 화면
- 제품
- 연혁
- 인증
- 회사 소개
- 납품 분야
설계 원리: 제조 — 기업 신뢰형, 제조 — 사양·설비형, 큰 문장 첫 화면
- 디자인
- 기술·산업형
- 배치 패턴
- 가로 이야기
- 첫 화면
- 숫자 중심 (받은 자료로 센 숫자만)
- 유형
- 프로젝트·실적형 · 7개 화면
- 납품 실적
- 인증
- 연혁
- 제품
- 진행 절차
- 회사 소개
설계 원리: 제조·시공 — 납품·시공 실적형, 가로로 넘기는 이야기, 매거진 레이아웃
작은 가게부터
전문기업까지
카페나 음식점뿐 아니라 제조업, 전기·통신, 설비, 건설, 전문 서비스처럼 사업 내용을 제대로 보여 줘야 하는 기업 홈페이지도 만듭니다.
기업 홈페이지는 홍보만이 아니라, 거래처가 먼저 확인하는 신뢰 페이지입니다.
- 회사 소개
- 주요 제품
- 주요 서비스
- 납품·사업 분야
- 인증 (보유하신 것만)
- 회사 연혁
- 문의
- 오시는 길
업종별 홈페이지 제작 안내
홈페이지 제작 비용도
처음부터 공개합니다.
표시된 금액은 모두 VAT 포함 최종 금액입니다. 요금제마다 설계의 깊이가 다릅니다.
-
BASIC빠르게 갖추기기본 홈페이지를 빠르게 갖추는 상품이런 분께메뉴·연락처·위치를 한 페이지로 깔끔하게 보여 주면 되는 작은 가게149,000원VAT 포함
- 한 페이지 홈페이지 (업종에 맞춘 기본 구성)
- 사업 정보로 소개 문구 작성
- 업종별 기본 디자인
- 모바일 반응형
- 연락처·주소 정보
- 기본 검색엔진 정보 설정
- 빠진 핵심 자료 안내
- 디자인·카피 수정 1회
- 자료 수정 3회
-
STANDARD사업에 맞춰 만들기내 사업에 맞춰 구성하는 홈페이지이런 분께메뉴·소개·사진·문의를 여러 화면으로 나눠 보여 주고 싶은 가게·학원·사무소299,000원VAT 포함
- 사업 분석으로 정한 홈페이지 구조 (제품형·실적형·기술형 등)
- 중요한 내용부터 보이는 페이지 구성 (최대 6페이지)
- 사업에 맞춘 첫 화면과 문의·예약 버튼
- 사업 전략을 반영한 소개·서비스 문구
- 고른 분위기에 맞춘 색과 디자인 방향
- 모바일 반응형
- SNS·예약 링크 연결
- 기본 검색엔진 설정
- 디자인·카피 수정 1회
- 자료 수정 5회
-
PREMIUM사업 전략까지 반영사업과 고객을 분석해 설계하는 전략형 홈페이지이런 분께실적·인증·진행 절차까지 보여 주며 거래처와 고객을 설득해야 하는 기업·전문 서비스499,000원VAT 포함
- STANDARD의 사업 분석 구성 전부
- 고객 분석 — 누가 보고, 무엇을 믿고, 왜 문의하는지
- 고객이 확인하는 순서대로 짠 홈 화면 (최대 7페이지)
- 핵심 내용 바로 뒤 문의 안내 등 문의로 이어지는 화면 배치
- 고객 분석을 반영하고 한 번 더 다듬은 문구
- 고른 분위기에 맞춘 색과 디자인 방향
- 모바일 반응형
- SNS·예약 링크 연결
- 기본 검색엔진 설정
- 디자인·카피 수정 2회
- 자료 수정 8회
-
CUSTOM복잡한 기능이나 맞춤형 개발별도 상담상담 후 별도 견적 · 홈페이지 카드 결제 대상 아님
- 쇼핑몰·회원·예약 등 기능 개발
- 페이지가 많은 기업 사이트
- 기존 사이트 이전
- 견적·계약 조건은 상담으로 따로 확정
직접 만드는 것과 무엇이 다를까요?
| 무료 빌더 | 직접 제작 | 오늘의 홈페이지 | |
|---|---|---|---|
| 직접 해야 하는 일 | 많음 | 많음 | 사업 정보 전달 |
| 디자인 | 템플릿 직접 선택 | 직접 구성 | 업종에 맞춰 제작 |
| 모바일 화면 | 직접 확인 | 직접 확인 | 기본 포함 |
| 소개 문구 작성 | 직접 | 직접 | 제작 과정에서 작성 |
| 공개(배포) | 직접 | 직접 | 대신 진행 |
| 비용 | 낮음 (시간이 듦) | 시간·노력 | 149,000원부터 (VAT 포함) |
자주 묻는 질문
무료 홈페이지 빌더와 무엇이 다른가요?
무료 빌더는 템플릿 고르기부터 글쓰기, 사진 배치, 모바일 확인, 공개까지 직접 하셔야 합니다. 오늘의 홈페이지는 사업 정보만 받아서 구성과 문구, 디자인, 모바일 화면, 공개까지 진행합니다. 사장님은 결과를 보고 고칠 점만 알려 주시면 됩니다.
홈페이지를 만들려면 무엇을 준비해야 하나요?
업종, 상호, 이메일만 있으면 시작할 수 있습니다. 주요 서비스·메뉴와 가격, 전화, 주소, 영업시간, 로고, 사진이 있으면 더 알찬 홈페이지가 됩니다. 무엇이 비었는지는 상담 페이지에서 알려 드립니다. 신청하면 상담 페이지가 바로 열리고, 같은 링크를 메일로도 보내 드립니다.
템플릿에 상호만 바꿔 넣는 건가요?
아닙니다. 사업 분석으로 고객과 목적을 정리하고, 좋은 웹사이트들이 쓰는 설계 원리 가운데 사업에 맞는 것을 골라 섞어 레이아웃 패턴(15종)을 고릅니다. 그에 따라 섹션 순서·섹션 모양·첫 화면·디자인이 달라지고, 이미 만든 같은 업종 사이트와 너무 비슷하면 다른 패턴으로 다시 설계합니다. 다른 사이트의 화면이나 문구를 베끼지 않고, 주문마다 실제 사이트를 새로 조사하지도 않습니다 — 정리해 둔 설계 원리만 씁니다.
순서를 바꾸거나 섹션을 빼 달라고 할 수 있나요?
네. 상담 페이지 수정 목록에 '사진을 맨 위로', '자주 묻는 질문은 빼 주세요'처럼 적어 주시면 다시 만들 때 그대로 반영합니다. 색·글꼴처럼 자동으로 반영하기 어려운 요청은 담당자가 확인합니다.
사업자등록증이 없어도 제작할 수 있나요?
네. 신청과 제작에 사업자등록증이 필요하지 않습니다. 개업 준비 중이거나 개인으로 활동하시는 경우에도 신청할 수 있습니다.