디자인 샘플

디코랩이 제작한 프리랜서 웹 개발자 홈페이지 디자인 샘플입니다. 서가람은 가상의 인물이며 작업물·경력·금액은 실제가 아닙니다. 이 디자인의 저작권은 디코랩에 있으며, 무단으로 복제하거나 사용하면 민·형사상 책임을 물을 수 있습니다. 다른 디자인 샘플 보기

HEAD → main a1f3c09

안녕하세요, 웹 개발자 서가람입니다

동네 가게와 막 시작한 팀의 홈페이지를 혼자서 처음부터 끝까지 만들어요. 소개 화면부터 예약 받기, 사장님이 직접 고치는 관리자 화면까지요.

예약 버튼 엄지 닿는 자리에!
$ git log --oneline
  1. f0d2b77 의뢰하기 v1.0
  2. 2f8b7d0 프로젝트 가늠해 보기
  3. e52f1b8 최근 작업 세 가지
  4. a1f3c09 안녕하세요

HEAD → main 4b7e2d1

저는 이런 일을 해요

회사에서 쇼핑몰과 예약 서비스를 만들다가, 지금은 혼자 일하는 웹 개발자예요. 기획부터 화면, 서버, 오픈 뒤 관리까지 한 사람이 맡으니 처음 통화한 사람과 끝까지 이야기하면 돼요.

제가 잘하는 건 거창한 서비스보다 사장님 하루가 조금 편해지는 화면이에요. 전화로 받던 예약을 손님이 직접 고르게 하고, 엑셀로 세던 회원권을 버튼 하나로 줄이는 일 같은 거요.

맡지 않는 일 앱스토어에 올리는 앱, 상품이 수천 개인 큰 쇼핑몰은 저보다 팀이 있는 곳이 잘 맞아요. 그럴 때는 솔직하게 말씀드려요.

README.md
이름
서가람 (가상 인물)
일하는 곳
[작업실 지역 입력] · 화상 미팅 가능
주로 만드는 것
소개 사이트, 예약, 관리자 화면
경력
[경력·이전 회사 입력]
한 번에 맡는 일
두 건까지 — 답장이 늦어지지 않게요

HEAD → feature/work 7c0a9e4

만들 수 있는 것 네 가지

필요한 것만 골라서 붙여요. 처음엔 소개 사이트만 열고, 예약은 나중에 더해도 돼요.

site/

소개 사이트

쉽게 말하면 가게 간판과 메뉴판을 인터넷에 거는 일이에요. 휴대폰에서 먼저 보기 좋게, 전화·길찾기 버튼은 엄지 닿는 자리에 두고, 네이버·카카오톡 공유 미리보기까지 맞춰요.

booking/

예약 기능

쉽게 말하면 손님이 빈 시간을 보고 직접 예약하는 화면이에요. 예약이 들어오면 사장님 휴대폰으로 알림이 가고, 전날 안내 메시지로 노쇼를 줄여요.

admin/

관리자 화면

쉽게 말하면 개발자에게 부탁하지 않고 사장님이 직접 메뉴·가격·공지·사진을 고치는 뒷방이에요. 예약 목록과 회원 명단도 여기서 봐요.

payment/

결제 연동

쉽게 말하면 예약금이나 상품값을 카드·간편결제로 받는 일이에요. 결제대행사(PG) 가입과 심사가 먼저라서, 이건 1주차부터 서류를 함께 준비해요.

HEAD → feature/work e52f1b8

최근 작업 세 가지

무엇이 바뀌었는지를 개발자들이 쓰는 「바뀐 점(diff)」 형식으로 적었어요. 빨간 줄이 전, 초록 줄이 후예요. [실제 작업물은 고객 동의 후 입력]

골목 빵집 케이크 예약 가상 예시

4주 소개 사이트 + 예약 기능

- 케이크 주문은 전화·메시지로 받아 노트에 적기
+ 손님이 픽업 날짜·시간을 직접 고름
+ 하루 전 저녁에 픽업 안내 메시지
+ 사장님은 관리자 화면에서 그날 케이크 수만 확인

1인 필라테스 회원 관리 가상 예시

5주 관리자 화면 + 예약 기능

- 회원권 남은 횟수를 엑셀로 손으로 계산
+ 수업이 끝나면 버튼 한 번으로 횟수 차감
+ 회원이 남은 횟수와 예약을 휴대폰으로 확인

막 시작한 팀의 서비스 소개 가상 예시

3주 소개 사이트 + 사전 신청 명단

- 투자자·손님에게 PDF 소개서만 보내기
+ 휴대폰에서 바로 읽히는 소개 페이지
+ 사전 신청 명단이 관리자 화면에 쌓임

HEAD → main 9d13c6a feature/work 합침

일하는 순서 — 첫 통화부터 오픈까지

따로 만든 갈래는 확인을 마친 뒤에야 본 줄기에 합쳐요. 실제 일도 그렇게 해요. 매주 금요일에 그 주까지 만든 화면을 링크로 보내 드려요.

  1. 1

    첫 통화 30분 · 무료

    가게 이야기를 듣고, 꼭 필요한 것과 나중에 해도 되는 것을 나눠요.

  2. 2

    기획서 한 장

    화면 목록, 일정, 금액을 한 장에 적어 보내 드려요. 여기에 동의하시면 계약해요.

  3. 3

    화면 시안

    휴대폰 화면부터 그려 보여 드려요. 수정은 두 번까지 금액에 들어 있어요.

  4. 4

    만들기

    기능마다 갈래를 나눠 만들고, 매주 확인용 링크로 직접 눌러 보시게 해요.

  5. 5

    테스트·사용 연습

    실제 휴대폰으로 예약·결제를 해 보고, 관리자 화면 쓰는 법을 같이 연습해요.

  6. 6

    오픈과 한 달

    도메인을 연결해 문을 열고, 오픈 뒤 한 달 동안 작은 수정은 무료로 해요.

HEAD → feature/estimate 2f8b7d0

프로젝트 가늠해 보기

만들 것과 규모, 열고 싶은 날을 고르면 주 단위 일정이 갈래 그래프로 그려져요. 금액은 예시라서 실제 견적은 첫 통화 뒤에 기획서로 드려요.

만들 것 여러 개 고를 수 있어요
규모

달력이 안 열리면 2027-01-15 처럼 적어 주세요.

가늠한 일정 약 7주

가장 빠른 오픈 2026. 12. 28.(월) 무렵

  1. 1주차 첫 통화·기획서
  2. 2주차 화면 시안
  3. 3–4주차 소개 사이트 만들기
  4. 4–5주차 예약 기능 만들기
  5. 6주차 테스트·사용 연습
  6. 7주차 오픈

    예시 비용 부가세 별도

    400만 – 700만 원

    작업물 양과 자료 준비 상태에 따라 달라지는 예시 범위예요. 도메인·호스팅·문자 발송비는 따로예요.

    연락 방법 보기

    HEAD → main b60e4a3

    비용과 유지보수 기준

    아래 금액은 모두 예시예요(부가세 별도). 기획서에 화면 목록과 함께 확정 금액을 적어 드려요.

    항목별 예시 비용
    항목예시 비용들어 있는 것
    site/ 소개 사이트150만 – 400만 원규모에 따라. 휴대폰 화면 먼저, 검색·공유 미리보기 설정
    booking/ 예약 기능150만 – 300만 원빈 시간 보여 주기, 예약 알림, 전날 안내 메시지 연결
    admin/ 관리자 화면150만 – 300만 원메뉴·가격·공지·사진 고치기, 예약·회원 목록
    payment/ 결제 연동80만 – 150만 원결제대행사 가입 서류 안내, 결제·환불 처리

    나눠 내기

    계약할 때 30%, 시안 확정 뒤 40%, 오픈하는 날 30%.

    오픈 뒤

    한 달 동안 작은 수정은 무료. 그 뒤로는 월 유지보수(예시 월 10만 원부터) 또는 필요할 때 건별로요.

    내 것으로 남는 것

    도메인·호스팅은 사장님 이름으로 가입하고, 다 만든 코드도 넘겨 드려요.

    HEAD → main c3a9f15 feature/estimate 합침

    자주 묻는 질문 정리

    그래서 한 번에 두 건까지만 맡아요. 코드와 서버 정보는 처음부터 사장님 계정에 두고, 다른 개발자가 이어받을 수 있게 정리 문서도 같이 드려요.

    꼭 바꾸지 않아도 돼요. 지금 쓰는 예약 서비스로 바로 가는 버튼만 두는 게 나을 때도 많아요. 첫 통화 때 비용과 편한 점을 같이 비교해 드려요.

    관리자 화면을 넣으면 직접 고칠 수 있어요. 소개 사이트만 만든 경우에는 한 달 무료 수정 기간 뒤 건별이나 월 유지보수로 고쳐 드려요.

    시안 수정은 두 번까지 금액에 들어 있어요. 방향 자체를 바꿔야 하면 그 단계에서 멈추고, 그때까지 한 작업만 정산해요.

    서가람은 디자인 샘플을 위한 가상의 인물이고, 작업물·금액·일정도 예시예요. 실제 프로필과 작업물, 금액 기준을 넣어 다시 만들어요.

    HEAD → main tag: v1.0 f0d2b77

    의뢰하기

    가늠해 본 문장이 있으면 붙여서 보내 주세요. 없어도 괜찮아요. "이런 걸 하고 싶은데요" 한 줄이면 충분해요.

    $ git status 지금 일정
    지금 하는 일
    1건 (12월 초 오픈 예정)
    새로 받을 수 있는 일
    11월 시작 1건
    다음 빈자리
    [일정 입력]

    맡은 일이 끝나기 전에는 새 일을 늘리지 않아요.