탐정일지 공식 사이트

앱을 설치하기 전에 '어떤 게임인지'를 한 번에 보여 주는 사이트입니다. 무겁고 차분한 시네마틱 미스터리를 방향으로 잡고, 따뜻한 엄버 블랙 위에 샴페인 골드를 가는 선으로만 썼습니다. 넓은 면을 단색으로 칠하지 않고 램프 빛과 사선 빛줄기, 흐르는 안개, 필름 그레인을 겹쳐 어둠의 결을 만들었습니다.

홈은 한 화면씩 넘어갑니다. 브라우저의 scroll-snap 은 트랙패드 관성과 다투며 덜컹거려서, 휠과 키보드, 터치 스와이프를 직접 받아 정해진 곡선으로 다음 화면까지 옮기도록 만들었습니다.

Next.js App Router 의 서버 컴포넌트를 바탕으로 설계해, S3 와 CloudFront 위에서 가볍고 빠른 정적 사이트로 서비스합니다. API 연동이나 서버 렌더링이 필요해지면 구조를 바꾸지 않고 그대로 확장할 수 있습니다.

앱과 동일하게 한국어·영어·일본어를 지원합니다. 언어별 주소와 구조화 데이터를 갖춰 검색엔진에 잘 드러나는 구조를 잡았습니다.