포트폴리오용 샘플 사이트

상담 때 실물로 보여 드리기 위한 업종별 샘플입니다. 각 사이트는 6쪽이고 PC·태블릿·휴대폰에서 모두 열립니다. 업종마다 디자인을 통째로 다르게 짰습니다 — 머리말 모양부터 글꼴·색·신청 양식까지 사이트마다 따로 씁니다. 노드랩은 한·영·중·일 네 가지 언어와 다크모드를 함께 담았습니다.

※ 전부 가상의 상호·주소·전화번호입니다. 사진은 모두 직접 생성한 것이라 저작권이 우리에게 있습니다. 동영상은 Mixkit 무료 라이선스 소재로 상업적 사용이 허용되며 출처 표기 의무가 없습니다. 지도는 실제 네이버 지도 화면이며, 납품 때는 이 자리에 네이버 지도 API를 심습니다.
✉ 신청·문의 양식은 실제로 메일이 옵니다(cbr1024 계정). 단, 파일을 더블클릭해 여는 방식(file://)에서는 전송이 막힙니다. 터미널에서 bash _공통/샘플사이트/serve.sh 를 실행하신 뒤 http://127.0.0.1:8123 로 열어야 동작합니다.
01 · 피부과

seren clinic

프라이빗 피부 클리닉

여백을 크게 쓴 부티크 톤. 큰 세리프 영문 제목과 전체화면 메뉴.

6쪽 · 금액은 상담 안내 · 우측 고정 예약바
02 · 태권도

한빛태권도

동네 학원 · 연신내

밝고 활기찬 톤. 학부모가 실제로 묻는 것(정원·차량·심사)을 앞에 뒀습니다.

6쪽 · 주간 시간표 · 무료 체험 신청
03 · AI 컨설팅

노드랩 NODELAB

AI 도입 컨설팅

흑백만 씁니다. 큰 글씨와 넓은 여백. 4개 언어와 다크모드를 답니다.

24쪽 (한·영·중·일) · 다크모드 · 흑백
04 · 헬스

볼트짐 VOLT GYM

24시간 헬스 · 3개 지점

첫 화면이 전체 동영상입니다. 지점별 강사와 요금표를 실었습니다.

6쪽 · 동영상 · 지점별 강사 · 지점 지도 3장
05 · 북카페

달빛서재

낭독회·공연이 있는 문화 공간

80~90년대 인쇄물 결. 사진 위에 제목을 얹고 색을 바래게 했습니다.

6쪽 · 명조 · 간판형 머리말 · 공연 동영상
사장님 작업 중
06 · 필라테스

준비 중

별도 제작

사장님이 직접 만들고 계신 건으로 이 자리에 붙입니다.

—