요즘 AI 웹사이트들이 다 똑같아 보여서 Myst 스타일의 포트폴리오 사이트를 직접 만들었습니다
I built a Myst-style portfolio site because I'm tired of every AI website looking the same
핵심 요약
획일적인 AI 웹사이트 디자인에 질려 Myst 게임 스타일의 독창적인 포트폴리오 사이트를 제작한 사례.
- 디자인 차별화 — 획일적인 AI 웹사이트 디자인에서 벗어나 Myst 게임 스타일의 독특한 인터페이스 구현
- 제작 도구 활용 — Claude Design과 ChatGPT Image, Veo 3.1을 조합해 3일 만에 완성
- 상호작용 요소 — 클릭 가능한 레버와 책장 등 게임처럼 탐험하고 이스터 에그를 찾는 재미 제공
- 커뮤니티 반응 — 독창적인 시도에 대한 호평과 제작 과정에 대한 높은 관심
최근 업무 프로젝트를 위해 Claude Code와 함께 새로운 Claude Design을 실험하던 중, 문득 예전의 답답함이 떠올랐습니다. 요즘 AI 웹사이트들은 하나같이 다 똑같아 보인다는 점이죠. 똑같은 그리드, 똑같은 폰트, 똑같은 다크 모드 토글까지. 버튼이 진짜 물리적인 버튼처럼 보이고, 방문자를 판매로 유도하는 게 목적이 아니라 그저 존재하는 것만으로도 의미가 있었던 초기 인터넷 시절이 그리워졌습니다.
그래서 Claude로 그런 사이트를 만들 수 있을지 고민하기 시작했습니다. 처음에는 실제 같은 물체를 생성하는 작은 실험으로 시작했지만, 금세 더 큰 규모로 발전했습니다. 제가 가장 좋아하는 게임 중 하나인 Myst(혹은 포인트 앤 클릭 퍼즐 게임인 Riven이나 Tricky Doors를 좋아하신다면 아실 겁니다)처럼 보이고 작동하는 웹사이트를 만들기로 한 거죠. 저에게 이 게임들의 매력은 아름다운 세계를 돌아다니며 이것저것 클릭해보고 "좋아... 이 레버는 대체 무슨 역할을 하는 거지?", "이 책장을 클릭하면 무슨 일이 일어날까?"라고 생각하는 데 있습니다.
그 아이디어를 가지고 Claude와 함께 작업했습니다. ChatGPT Image로 방 자체를 생성하고, Veo 3.1로 작은 루프 애니메이션 효과를 넣었더니 3일 만에 새로운 포트폴리오 사이트가 완성되었습니다.
사이트를 둘러보고 이스터 에그를 찾을 수 있는지 확인해보세요. 피드백 주시면 감사하겠습니다. 감사합니다!
