견본 사이트
사용자·관리자 화면까지 실제로 눌러지게 만듭니다.
견본 사이트를 먼저 만들고 Figma로 의견을 받습니다. 고객은 설계도가 아니라 실제로 눌러지는 화면을 보고 결정합니다.
같이 일한 곳
















지금 방식의 문제
기획
고객은 실제 화면이 아니라 설계도를 보고 결정합니다.
디자인다시 수정
그림이 입혀진 뒤에야 "이게 아닌데"가 나옵니다.
개발다시 수정
직접 눌러보면 흐름이 불편해 다시 고칩니다.
확정을 세 번 하는 사이, 일정은 밀리고 비용은 늘어납니다.
밸류랩스 방식
고객은 설계도가 아니라 실제로 눌러지는 화면을 보고 결정합니다.
STEP 01
버튼을 누르면 다음 화면으로 넘어가는 진짜 사이트를 먼저 만듭니다. 고객은 설계도를 해석하지 않고 바로 써봅니다.
STEP 02
견본 화면을 그대로 Figma 프레임으로 옮깁니다. 화면 하나하나에 바로 의견을 남길 수 있습니다.
STEP 03
써보며 불편한 곳을 기획 단계에서 찾습니다. 디자인·개발로 넘어가기 전에 대부분 정리됩니다.
견본은 직접 써보는 용도, Figma는 화면 하나하나 꼼꼼히 의견을 받는 용도라 둘을 함께 드립니다.
플랫폼처럼 경우의 수가 많은 서비스도 견본을 만들면 기획자도 놓치는 부분이 없습니다.
비교
기존 방식
설계도를 보고 확정
밸류랩스 방식 견본 사이트
눌러보고 확정
얻는 것
디자인·개발 단계 재작업이 줄어듭니다.
기획 때 실제 화면을 써보고 확정하기 때문입니다.
확정이 빨라 개발이 앞당겨집니다.
설계도를 해석하는 시간 없이 바로 착수합니다.
PPT 대신 눌러보는 화면.
투자·내부 보고·PT·입찰에서 작동하는 화면을 보여 줍니다.
기본 상품
보통 2개월 프로젝트이며, SaaS 플랫폼 · O2O · AI 결합 서비스 기준입니다.
사용자·관리자 화면까지 실제로 눌러지게 만듭니다.
견본 화면을 옮겨 화면마다 의견을 받습니다.
메뉴 구조 · 기능 정의 · 일정표
견적은 화면 수와 기능 범위를 정한 뒤 상담에서 안내합니다.
추가 선택
원하면 이어서, 둘 중 하나를 고르세요
미리 밝혀 둡니다
견본은 기획을 확정하는 화면입니다. 실제 서비스에 필요한 부분은 개발 소스(선택)에서 채웁니다.
견본 사이트(기획)
개발 소스(선택)에서 보완
검토 후 하자를 알려주시면, 밸류랩스가 AI로 수정해 드립니다.
누가 맡는지
지금 보시는 밸류랩스 사이트도 견본으로 먼저 만들고 다듬었습니다. 상담 때 견본 사이트와 Figma 파일을 직접 열어 보여드립니다.
고객 후기
앱 기획이 막막했는데, 품질은 물론 정확한 납기를 지켰고 구현될 부분과 되지 않을 부분도 미리 걸러 주었습니다. 기획 문서를 정부지원 사업계획서에 첨부해 R&D 과제도 선정됐습니다.
김준혁스타헤일로 대표가능한 부분과 불가능한 부분을 명확히 구분해 시간과 돈을 아낄 수 있었습니다. 개발자 입장이 아니라 사용자 입장에서 생각한 기획이었습니다.
김혁규미켓 대표
개발사로서 기획을 외주 맡기는 일이 어려웠는데, 사업 전반을 이해하고 요소별로 필요한 기획까지 정리해 주었습니다.
한민교(주)엠넥스 본부장
초보 요청도 말이 되는 방향으로 이끌어 주셨습니다. 연이은 추가 작업도 밸류랩스를 통해 기획할 예정입니다.
원동명큰공장 대표
1분 기획
O2O · SaaS · AI 서비스를 준비하는 대표님들이 자주 묻는 고민 10가지를, 기획 화면으로 짧게 보여 드려요.
기획 칼럼
기획자 없이 개발할 때 생기는 일과 넘길 문서
기획자 없이 개발을 시작하면 정할 일이 전부 개발 중에 쏟아집니다. 그때 생기는 일과, 개발사에 넘기기 전에 준비할 문서를 정리했습니다.
읽기
운영 중인 서비스를 고칠 때 먼저 그릴 화면
이미 돌아가는 서비스를 고칠 때는 새 화면보다 지금 화면을 먼저 그려야 합니다. 현재 화면 지도와 고칠 화면을 고르는 순서를 정리했습니다.
읽기
오픈 날짜부터 정하면 기획이 무너지는 이유
오픈 날짜를 먼저 박아 두면 기획은 그 날짜에 맞춰 잘려 나갑니다. 날짜보다 범위를 먼저 정하고, 거꾸로 일정을 세우는 순서를 정리했습니다.
읽기
견본 사이트 기획
견본 사이트 · Figma 화면설계