포트폴리오›파인세라믹연구소

포트폴리오 · 제조 · 연구소

파인세라믹연구소

컴퓨터 없이 휴대폰만 쓰시는 대표님이, 금액과 시공 실적을 직접 고치는 제조 연구소 홈페이지입니다.

사이트 열어보기 ↗ 무료 진단 신청

업종: 제조 · 연구소 · 서울 구로구
범위: 홈페이지 + 관리자 페이지
제작비: 40만원 (정가 89만원 · 오픈 기념 할인)
기간: 7일(영업일로 4일)
오픈: 2026년 10월 7일

한눈에

파인세라믹연구소는 액상 시멘트 독성 제거제를 만드는 서울 구로구의 연구소입니다. 전화로 문의를 주셨고, 메일 없이 문자와 메신저로만 진행했습니다.

7일착수에서 오픈까지 (영업일로 4일)

10장고객이 보는 화면

10장대표님이 쓰는 관리 화면

48가지오픈 전에 돌린 점검

의뢰 배경

처음에는 이랬습니다

2026년 9월 28일, 문의를 받고 저희가 직접 찾아본 것입니다.

상호로 검색해도 홈페이지 · 블로그 · 지도 어디에도 나오지 않았습니다.
제품 설명은 종이 카탈로그에만 있었습니다. 처음 듣는 분께 보여 드릴 곳이 없었습니다.
시공 금액 · 시공 순서 · 상담 방법을 전화로 일일이 설명하셔야 했습니다.

목표

그래서 세 가지를 정했습니다

검색하면 나오게

상호를 검색한 분이 가장 먼저 닿는 곳을 만듭니다. 종이 카탈로그에만 있던 설명을 홈페이지로 옮깁니다.

금액과 순서를 먼저

얼마인지, 어떻게 시공하는지, 어디로 연락하는지를 첫 화면에서 알 수 있게 합니다.

휴대폰만으로 운영

대표님은 컴퓨터를 쓰지 않으십니다. 보는 화면도, 고치는 화면도 휴대폰이 기준입니다.

만든 방법

이렇게 풀었습니다

휴대폰 화면부터 그렸습니다

보통은 PC 화면을 먼저 그리고 줄입니다. 이곳은 거꾸로, 화면 설계부터 휴대폰판을 먼저 그렸습니다.

관리 화면도 휴대폰이 기준입니다

글자는 크게, 누르는 곳은 넓게. 아래에 메뉴 넷을 고정하고, 새 상담 수를 첫 화면에 크게 두었습니다.

카탈로그 내용 그대로

받은 카탈로그와 시험 성적서에 있는 내용만 옮겼습니다. 없는 숫자나 문장을 지어 넣지 않았습니다.

금액은 한 곳만 고치면

평당 금액을 바꾸면 첫 화면 · 시공 안내 · 상담 문의 · 휴대폰 메뉴, 네 곳이 한 번에 바뀝니다.

상담이 오면 휴대폰이 울립니다

상담이 들어오면 대표님 휴대폰에 알림이 갑니다. 관리 화면은 휴대폰 홈 화면에 아이콘으로 두었습니다.

로고도 새로

간판에 쓰시던 표지를 그대로 살려 홈페이지용 로고로 다시 그렸습니다.

화면

PC 화면

지금 열려 있는 사이트를 2026년 10월 12일에 찍은 것입니다.

파인세라믹연구소 제품 소개 화면 — **제품 소개** 무엇으로 만들고 어디에 쓰는지

파인세라믹연구소 효과와 시험 화면 — **효과와 시험** 시험 성적서의 숫자를 표와 그림으로

화면

휴대폰 화면

손님 대부분은 휴대폰으로 봅니다. 휴대폰 화면을 따로 값 받지 않고 같이 만듭니다.

파인세라믹연구소 첫 화면 화면 — **첫 화면** 아래에 전화 · 문자 · 상담 남기기

파인세라믹연구소 시험 숫자 화면 — **시험 숫자** 기준과 결과를 나란히

파인세라믹연구소 입주자께 드리는 말 화면 — **입주자께 드리는 말** 대표님이 쓰신 글 그대로

파인세라믹연구소 상담 문의 화면 — **상담 문의** 평형별 금액이 먼저

관리자 페이지

대표님이 직접 고치는 화면

금액 · 실적 · 글 · 사진을 저희에게 맡기지 않고 직접 바꾸십니다. 실제 관리 화면에는 손님 상담이 들어 있어, 확정한 시안 그림으로 보여 드립니다.

파인세라믹연구소 처음 화면 — 처음 새 상담 수를 크게, 자주 쓰는 셋을 바로

파인세라믹연구소 금액 · 할인 화면 — **금액 · 할인** 고치면 네 곳이 한 번에 바뀝니다

파인세라믹연구소 시공 실적 화면 — **시공 실적** 더하고, 차례를 바꾸고

파인세라믹연구소 페이지 글 · 사진 화면 — **페이지 글 · 사진** 구역마다 글과 사진을 직접

진행 과정

문의에서 오픈까지

착수 2026년 10월 1일 · 오픈 2026년 10월 7일 — 7일(영업일로 4일)

9월 28일
문의 · 진단 리포트

전화로 문의를 받고, 그날 검색해 본 결과를 진단 리포트로 정리해 확정 견적서와 함께 문자로 보내 드렸습니다.
9월 30일
계약 · 착수금

범위 · 금액 · 일정 · 사례 공개 조건을 적은 계약서에 서명했습니다. 카탈로그와 실적 자료를 받았습니다.
10월 1일 · 착수
기획 문서

요구사항 정의서(27항목) · 메뉴구조도 · 기능정의서 · 화면설계서 23장 · 일정표를 만들었습니다.
10월 1일 ~ 2일
첫 화면 시안 · 확정

첫 화면 시안을 여러 안으로 내고, 하나로 정한 뒤 나머지 화면을 같은 결로 그렸습니다.
10월 3일
관리 화면 · 개발 · 점검

관리 화면 시안 10장, 개발, 서버 설치를 마치고 미리보기 주소에 올렸습니다. 점검 시나리오 48가지를 돌렸습니다.
10월 4일
실제 주소 연결 · 안내서

도메인을 연결하고, 실제 휴대폰에서 나온 것들을 고쳤습니다. 관리 화면 쓰는 법을 10쪽 안내서로 드렸습니다.
10월 5일 ~ 6일
요청 반영

「시공계약 안내를 따로 보여 달라」는 요청으로 메뉴 하나를 새로 만들고, 문구 요청을 반영했습니다.
10월 7일
오픈

검색을 열었습니다. 만나서 관리 화면을 대표님 휴대폰 홈 화면에 올려 드리고 쓰는 법을 함께 해 봤습니다.

진행 과정 8단계 보기

드린 것

화면만 드리지 않습니다

무엇을 만들기로 했는지 문서로 먼저 맞추고 시작합니다. 이 건에서 드린 문서입니다.

진단 리포트문의한 날, 검색 결과를 보고 고칠 것 셋
확정 견적서 · 계약서범위 · 금액 · 일정 · 조건
요구사항 정의서고객 화면 19 · 관리 화면 8 항목
메뉴구조도홈과 하위 메뉴
기능정의서화면마다 무엇이 어떻게 도는지
화면설계서23장 — 휴대폰 · PC · 관리 화면
일정표우리 몫과 고객 차례를 한 장에
시안고객 화면 · 관리 화면
점검 기록시나리오 48가지와 결과
관리 화면 안내서10쪽 — 휴대폰 화면 그대로

결과

전과 후

만들기 전 2026년 9월 28일 확인

예전 홈페이지가 없었습니다

상호로 검색해도 홈페이지 · 블로그 · 지도 어디에도 나오지 않았습니다.
제품 설명은 종이 카탈로그에만 있었습니다. 처음 듣는 분께 보여 드릴 곳이 없었습니다.
시공 금액 · 시공 순서 · 상담 방법을 전화로 일일이 설명하셔야 했습니다.

파인세라믹연구소 만든 뒤 홈페이지 화면 — **만든 뒤** 2026년 10월 12일 확인

오픈한 뒤

오픈 뒤 들어온 요청(로고를 간판처럼 선명하게, 홈에서 구역 순서 바꾸기)을 반영했습니다.
도메인과 서버는 처음부터 고객 명의 계정에 두었습니다. 저희와 계약이 끝나도 그대로 쓰실 수 있습니다.
오픈 뒤에도 매주 · 매달 보고서를 드리고 있습니다.

오픈 기념 할인으로 만든 곳이고, 사례 공개가 그 할인의 조건이었습니다. 대표님 동의를 받아 올렸습니다. 금액과 기간은 계약서 그대로입니다.

다른 사례 보기 요금 보기

먼저 무료 진단부터 받아 보세요

상호와 업종만 보내주시면 지금 상태를 보고 고칠 것 3가지를 정리해 하루 안에 보내 드립니다.
받아보고 끝내셔도 됩니다.

무료 진단 신청 요금 먼저 보기