HAEDAP
AI Product Builder Studio
프론트엔드 기반으로 웹서비스, 자동화, 게임과 인터랙티브 경험을 만듭니다
Built by 박상훈 · Frontend Engineer
HAEDAP
AI Product Builder Studio
프론트엔드 기반으로 웹서비스, 자동화, 게임과 인터랙티브 경험을 만듭니다
Built by 박상훈 · Frontend Engineer
탐험해보세요
막막한 시작에 필요한 건더 많은 장식보다 명확한 방향입니다
HAEDAP은 박상훈이 만든 AI Product Builder Studio입니다. 보기 좋은 화면을 넘어 실제로 작동하고, 자동화되고, 배포되는 결과물을 만듭니다.
제품 탐사
흩어진 아이디어와 기술 조각을 사용자 흐름, 화면, 기능 단위로 정리해 작동하는 첫 버전으로 만듭니다.
흐름 자동화
반복되는 입력, 정리, 전달 과정을 진단하고 AI와 코드가 대신 움직일 수 있는 구조로 바꿉니다.
인터랙션 구현
정적인 소개 페이지에 머물지 않고 스크롤, 마우스, 애니메이션, 게임형 경험으로 직접 만져지는 화면을 만듭니다.
무엇을만들 수 있는지
HAEDAP은 웹사이트 제작소보다 넓은 범위의 빌드 스튜디오입니다. 아이디어를 기능, 자동화, 인터랙션이 있는 실제 결과물로 바꿉니다.
웹서비스 빌드
아이디어를 화면, 상태, 데이터 흐름이 있는 실제 웹서비스 형태로 설계하고 구현합니다.
AI 자동화
반복 업무, 콘텐츠 생성, 데이터 정리처럼 사람이 계속 붙잡고 있던 흐름을 AI와 코드로 줄입니다.
게임 · 인터랙티브
스크롤, 마우스, 물리감, 애니메이션을 활용해 보는 데서 끝나지 않는 경험을 만듭니다.
프론트엔드 구현
Next.js, React, 애니메이션, 배포까지 제품이 실제로 열리고 움직이는 마지막 지점까지 책임집니다.
만든 것으로 증명합니다
지금은 프론트엔드 쇼케이스 중심입니다. 여기에 웹서비스, 자동화, 게임형 인터랙션까지 HAEDAP의 빌드 로그를 계속 더합니다.
아이디어는이렇게 제품이 됩니다
HAEDAP은 큰 기획서보다 작동하는 첫 버전을 먼저 봅니다. 만들고, 배포하고, 실제 사용 흐름을 기준으로 다듬습니다.
문제 정의
무엇을 만들지보다 먼저 왜 필요한지, 어떤 반복과 병목을 줄일지 정리합니다.
제품 구조 설계
화면, 사용자 흐름, 데이터, AI 활용 지점을 나눠 작게 만들 수 있는 단위로 쪼갭니다.
프론트엔드 구현
React와 Next.js 기반으로 빠르게 화면을 만들고, 필요한 인터랙션과 API 흐름을 연결합니다.
자동화 연결
AI 호출, 폼, 알림, 데이터 처리처럼 제품이 혼자 일해야 하는 부분을 붙입니다.
배포와 개선
실제로 접근 가능한 상태로 배포하고, 사용하면서 보이는 문제를 다음 버전으로 개선합니다.
HAEDAP을이해하기 위한 질문
웹사이트 제작소에서 AI Product Builder Studio로 방향을 넓혔습니다.
HAEDAP은 에이전시인가요?
HAEDAP은 박상훈이 운영하는 개인 빌드 스튜디오입니다. 외주 제작소라기보다 웹서비스, 자동화, 인터랙티브 제품을 직접 만들고 실험하는 공간에 가깝습니다.
어떤 작업을 맡길 수 있나요?
프론트엔드 중심 웹서비스, AI 자동화, 랜딩/쇼케이스, 인터랙티브 페이지, 작은 게임형 경험처럼 화면과 기능이 함께 필요한 작업에 잘 맞습니다.
디자인만 하나요, 개발까지 하나요?
기획, 화면 설계, 프론트엔드 구현, 배포까지 직접 다룹니다. 필요한 경우 AI API나 자동화 흐름도 제품 안에 연결합니다.
현재 템플릿들은 어떤 의미인가요?
기존 홈페이지 샘플은 사라지는 자산이 아니라 프론트엔드 구현력과 인터랙션 감각을 보여주는 증거입니다. 앞으로 웹서비스, 자동화, 게임형 프로젝트 사례를 더해 넓혀갈 예정입니다.
빌드 문의
만들고 싶은 제품, 자동화, 인터랙션 방향을 남겨주시면 빠르게 답변드리겠습니다.
