Skip to content
Role
기획 · 디자인 · 개발 (1인)
Team
1인
With
Merz Akademie, 슈투트가르트
Period
2025.11 – 2026.01
Tools
Next.js, React, p5.js, CSS

믿음을 만드는 인터페이스에 관한 전시 웹

Synthetic Vision Fund

요약

“Invest in Synthetic Visionaries.” 진짜처럼 보이는 절차를 따라가다 보면, 무엇이 우리를 믿게 만들었는지가 드러납니다.

38명
가상의 창업자

각자의 인터뷰 기사와 지표

3단계
쓸수록 무너지는 상태

정상 → 이미지 변형 → 시스템 붕괴

0건
기록되는 행동

모든 단계는 되돌릴 수 있는 연기

전시 웹 – 콘셉트 · 브랜딩 · UI · 프런트엔드 · 생성 그래픽

첫 화면 – Invest in Synthetic Visionaries
1 / 7
첫 화면 – Invest in Synthetic Visionaries

개요

Synthetic Vision Fund는 오늘의 스타트업과 벤처 투자 문화가 쓰는 언어, 인터페이스, 절차를 그대로 따라 하는 가상의 AI 투자 플랫폼입니다. 기사를 읽고, 투자 버튼을 누르고, 결제 화면을 지나 확인 화면을 받는 익숙한 동작을 그대로 재현해, 마치 제대로 된 금융 시스템에 참여한 것 같은 착각을 만듭니다. 이 작업이 겨냥하는 것은 기술로서의 AI가 아니라, 인터페이스와 용어와 디자인 관습이 어떻게 신뢰를 만들어 내는가입니다.

핵심 결정

  1. 01비판을 말하지 않고, 절차를 그대로 재현한다

    설명하는 순간 관객은 관찰자가 됩니다. 같은 동작을 직접 해 봐야 자기 믿음이 드러납니다.

    읽기 → 투자 금액 고르기 → 결제 → 확인 화면까지, 실제 서비스의 흐름을 빠짐없이 만들었습니다.

  2. 02쓸수록 무너지게 한다

    처음부터 이상하면 아무도 믿지 않고, 끝까지 멀쩡하면 아무 일도 일어나지 않습니다.

    결제를 마칠 때마다 상태가 한 단계 올라갑니다. 1단계는 정상, 2단계는 이미지가 변하고, 3단계에서는 창이 닫을수록 늘어나며 “연결이 불안정합니다. 새로고침하지 마세요”가 뜹니다.

  3. 03기다리게 만든다

    진짜 서비스는 데이터를 불러오는 동안 기다리게 합니다. 그 기다림이 진짜라는 신호가 됩니다.

    모든 화면에 1.5초의 스켈레톤 로딩을 일부러 넣었습니다.

  4. 04로고와 로딩과 배경이 같은 코드에서 나온다

    브랜드가 그럴듯해 보이는 이유의 절반은 반복입니다.

    p5.js로 그린 방사형 애니메이션 하나를 로고, 푸터 패턴, 로딩 표시에 함께 씁니다.

  5. 05아무것도 기록하지 않는다

    전시장에서 관객의 선택이 남으면, 그것은 더 이상 연기가 아닙니다.

    행동과 결과를 저장하지 않고, Shift+R을 3초 누르면 상태가 처음으로 돌아갑니다.

회고

  • 가장 설득력 있는 장치는 화려함이 아니라 관습이었다. 익숙한 순서와 익숙한 단어가 대부분의 신뢰를 만들었습니다.
  • 남은 일 – 전시 기록(관객이 어디까지 갔는지)은 남기지 않기로 했기 때문에, 반응은 현장 관찰로만 남습니다.