01
홈페이지
브랜드, 회사, 가게의 첫인상을 짓습니다.
1화면2반응형3검색과 공유
- 휴대폰 · PC 반응형 디자인
- 원페이지, 여러 페이지
- 국문과 영문
- 사진 · 영상 연출, 3D 렌더
- 네이버 · 구글 검색 등록
- 카카오톡 공유 미리보기
Design & development studio
보이는 화면부터,보이지 않는 시스템까지.
디자이너와 개발자가 처음부터 함께 일합니다. 홈페이지부터 예약과 결제, 관리자, 맞춤 기능까지 한 팀이 상담에서 운영까지 맡습니다.
업종마다처음부터 따로.
같은 틀에 사진만 바꾼 사이트는 없습니다. 14곳 모두 가상의 가게로 지은 컨셉 작업입니다. 사이트 보기를 누르면 PC와 모바일 화면을 바꿔 가며 직접 써 보실 수 있습니다.
그 밖의 작업
누르면 PC · 모바일로 열립니다상호 · 가격 · 후기는 예시입니다. 사진과 영상은 상업용으로 쓸 수 있는 소스만 썼고, 3D는 직접 모델링하고 렌더했습니다.
Case study 여울재, 양평 독채 스테이
전화로 묻던 요금을달력이 답합니다.
독채 두 채를 가정하고 지은 컨셉 작업입니다. 예약 사이트 수수료 없이 공식 홈페이지에서 바로 예약을 받는 흐름을 처음부터 끝까지 만들었습니다.
- 문제날짜마다 요금이 달라 손님은 전화로 묻고, 답을 기다리다 예약 사이트로 넘어갑니다.
- 규칙주중, 주말, 성수기 요금과 마감일, 연박 할인, 추가 인원을 규칙 하나로 정리했습니다.
- 화면날짜를 고르면 마감일을 건너 요금이 계산되고, 인원과 조식을 더한 합계가 바로 나옵니다.
- 운영실제로 열 때는 예약 요청이 사장님 휴대폰으로 바로 알림이 가고, 요금표는 관리 화면에서 바꿉니다.
그리는 데서 멈추지 않고돌아가게 만듭니다.
사이트 하나는 여러 겹입니다. 맨 위는 손님이 보는 화면이고, 그 아래에 요금 규칙, 알림, 관리 화면처럼 보이지 않는 쪽이 있습니다. 필요한 만큼만 고르시면 되고, 견적은 범위를 정한 뒤 항목별로 드립니다.
02
예약 · 쇼핑몰
날짜를 고르고, 옵션을 담고, 결제까지.
1예약 화면2요금 규칙3알림
- 예약 달력과 마감 관리
- 요일 · 성수기 요금 규칙
- 옵션과 장바구니
- 카드 · 간편결제 연동
- 주문 · 예약 알림
- 회원과 쿠폰
03
맞춤 개발
업무에 맞춘 기능과 관리 화면.
1관리 화면2코드3연동
- 관리자 페이지
- 견적 · 가격 계산기
- 회원과 권한
- 외부 서비스 연동
- 재고와 납기 계산
- 사내 업무 도구
04
운영 · 관리
열고 난 다음이 더 깁니다.
1사이트2점검3수정 요청
- 도메인 · 호스팅 관리
- 보안 인증서와 백업
- 메시지로 받는 수정 요청
- 속도 · 검색 점검
- 방문 통계
- 기존 사이트 리뉴얼
오픈 뒤 3개월은 무상으로 고치고, 호스팅과 보안 인증서 1년이 들어갑니다.
그림 속 가게와 숫자는 포트폴리오의 가상 작업에서 가져온 예시입니다.
직접 바꿔 보세요
사장님이 바꾸면화면이 바로 바뀝니다.
관리 화면은 가게에 필요한 것만 만듭니다. 왼쪽 값을 바꾸면 오른쪽 휴대폰 화면이 따라 바뀝니다. 체험용이라 실제로 저장되지는 않습니다.
관리자 결 헤어체험용
GYEOL영업 중
레이어드 컷
이번 주 토요일은 오후 4시까지 엽니다.
예약하기
손님이 보는 화면
보이지 않는 쪽에서
하는 일
- 예약 · 주문날짜, 재고, 마감 규칙을 코드로 정리
- 결제카드와 간편결제 연동, 취소와 환불 처리
- 알림문의 · 예약이 들어오면 휴대폰으로 바로
- 관리자가격, 공지, 사진을 사장님이 직접
- 연동지도, 메시지, 외부 서비스 API
- 속도 · 보안빠른 서버(CDN), 보안 인증서, 개인정보 최소 수집
견적서보다화면이 먼저입니다.
계약 전에 첫 화면을 실제로 움직이게 지어 보여 드립니다. 보신 다음에 범위와 견적을 정하고, 마음에 들지 않으면 거기서 끝내셔도 됩니다.
-
01상담30분 통화
무엇을 팔고 누가 오는지, 지금 가장 아쉬운 점을 여쭙니다.
-
02먼저 짓기3일 안
첫 화면과 핵심 기능 하나를 실제로 지어 링크로 보내 드립니다.
-
03범위와 견적보신 다음
페이지, 기능, 일정, 금액을 한 장으로 정합니다.
-
04디자인과 개발2–4주부터
디자이너와 개발자가 첫 주부터 같이 짓습니다. 기능이 붙으면 일정을 함께 정합니다.
-
05오픈과 운영그다음
검색 등록과 공유 미리보기까지 맞춰 열고, 수정은 메시지로 받습니다.
오픈할 때
기본으로
상담한 사람이직접 만듭니다.
중간에 담당자가 바뀌지 않습니다. 디자인과 개발을 나눠 맡은 두 사람이 처음부터 같은 대화방에서 듣고, 오픈한 뒤에도 같은 사람이 답합니다.
종인개발 · 기획
상담부터 구조를 짜고, 예약 · 결제 · 관리자 같은 보이지 않는 쪽을 만듭니다.
여울재 사이트사장님, 종인, 민준
사장님
예약 문의가 전화로만 와서 자꾸 놓쳐요.
종인 · 개발
날짜를 고르면 요금이 바로 나오게 하고, 예약 요청은 휴대폰 알림으로 보내 드릴게요.
민준 · 디자인
첫 화면은 아침 물안개 사진으로 열어 볼게요. 3일 안에 링크 드리겠습니다.
사장님
좋아요. 휴대폰으로 먼저 볼게요.
대화는 예시입니다.
민준디자인 · 시안
업종을 조사해 첫 화면을 그리고, 사진과 글자를 마지막까지 다듬습니다.
자주 묻는 것
운영 퀀트웍스
비용은 어떻게 정해지나요?+
페이지 수, 기능, 일정에 따라 달라집니다. 상담에서 범위를 정한 뒤 항목별로 나눈 견적을 드립니다.
계약 전에 시안을 볼 수 있나요?+
네. 상담 뒤 3일 안에 첫 화면을 실제로 움직이게 지어 링크로 보내 드립니다. 계약 전 시안은 비용이 없습니다.
디자인만, 또는 개발만 맡길 수 있나요?+
됩니다. 이미 있는 디자인으로 개발만 하거나, 지금 쓰는 사이트에 예약이나 관리 기능만 더하는 일도 합니다.
사진이 없어도 되나요?+
휴대폰으로 찍은 사진이면 충분합니다. 모자란 장면은 상업용으로 쓸 수 있는 사진을 골라 출처까지 정리해 드립니다.
오픈한 뒤 수정은요?+
오픈 후 3개월은 무상으로 고칩니다. 그 뒤에는 월 관리나 건별 수정 중에서 고르실 수 있습니다.
도메인과 소스는 누구 것인가요?+
모두 맡기신 분 명의입니다. 원하시면 사이트 파일 전체를 넘겨 드립니다.
무엇을만들까요?
아직 정리되지 않아도 괜찮습니다. 남겨 주시면 영업일 1일 안에 연락드리고, 통화 뒤 3일 안에 첫 화면을 보내 드립니다.
문의를 받았습니다.
영업일 1일 안에 번호로 연락드리겠습니다.