뭔가가 우리를 괴롭혔습니다.
Reverie에는 훌륭한 캐릭터들이 있었습니다. 의미 있는 대화. 사용자들이 정말 좋아하는 기능들. 하지만 인터페이스를 볼 때마다 우리가 본 것은... 소프트웨어였습니다. 버튼, 카드, 목록, 내비게이션 바. 생산성 도구나 SaaS 대시보드에서 기대하는 그런 깔끔하고 기능적인 디자인.
그것은 Reverie가 되어야 할 모습이 아니었습니다.
Reverie는 상상력이 살아 숨쉬는 곳입니다. 진짜처럼 느껴지는 캐릭터를 만나고, 당신에게 반응하는 스토리에 들어가고, 당신의 경험만을 위해 존재하는 세계를 탐험하는 곳. 제품은 마법 같았습니다. 인터페이스는 평범했습니다.
그래서 모든 것을 다시 만들었습니다.
"충분히 좋음"의 문제
우리의 이전 디자인은 나쁘지 않았습니다. 전문적이고, 일관되고, 탐색하기 쉬웠습니다. 모범 사례를 따랐습니다. 사용자들은 필요한 것을 찾을 수 있었습니다.
하지만 "충분히 좋음"은 "기억에 남음"의 적입니다.
대부분의 앱을 사용할 때, 당신은 앱을 사용하고 있다는 것을 인식합니다. 당신과 경험 사이에 정신적 레이어가 있습니다—인터페이스가 끊임없이 당신이 소프트웨어를 작동시키는 사용자라는 것을 상기시킵니다. 이 버튼을 클릭하세요. 그 페이지로 이동하세요. 이 플로우를 완료하세요.
우리는 그 레이어가 사라지기를 원했습니다.
최고의 엔터테인먼트 경험은 제품처럼 느껴지지 않습니다. 훌륭한 영화에 빠져들 때, 화면을 보고 있다는 것을 잊습니다. 소설에 빠져들 때, 페이지가 사라집니다. Reverie도 같은 느낌이 되기를 원했습니다—사용하는 도구가 아니라 들어가는 장소로.
무엇이 바뀌었나
모든 주요 페이지가 하나의 원칙으로 재디자인되었습니다: 캐릭터와 스토리가 먼저, 인터페이스는 그 다음.
홈: 가능성의 갤러리
이전 홈페이지는 기능적이었습니다. 그리드에 주목 캐릭터. 탐색할 카테고리. 명확한 행동 유도.
새로운 홈페이지는 경험입니다. 캐릭터 이미지의 4열 갤러리가 화면을 채우며 가능성의 모자이크를 만듭니다. 그라데이션 오버레이와 미묘한 방사형 글로우 효과가 검색 상자와 빠른 접근 태그가 탐색을 초대하는 중앙으로 시선을 끕니다. 아래에는 주목 스토리가 시네마틱한 21:9 카드로 스크롤됩니다—호버하면 비디오로 살아납니다.
Reverie를 여는 순간, 당신은 웹사이트를 보고 있는 것이 아닙니다. 탐험을 기다리는 세계를 보고 있습니다.
로그인: 캐릭터가 환영하는 곳
흰 배경의 빈 폼을 버렸습니다. 이제 로그인할 때, 캐릭터 자체가 당신을 맞이합니다.
데스크톱에서 화면이 분할됩니다: 왼쪽이 풀 블리드 캐릭터 쇼케이스가 됩니다—이미지와 비디오가 5초마다 회전하고, 캐릭터의 이름과 바이오가 하단에 나타납니다. 로그인 폼은 오른쪽에 있지만, 당신의 주의는 들어오도록 초대하는 캐릭터에게 끌립니다.
모바일에서 캐릭터는 중앙 정렬된 폼 뒤의 부드러운 배경으로 페이드됩니다. 여전히 존재하고, 여전히 환영하지만, 포커스를 두고 경쟁하지 않습니다.
모든 것을 바꾸는 작은 터치입니다. 로그인이 더 이상 서비스 인증처럼 느껴지지 않습니다. 집에 돌아온 느낌입니다.
캐릭터 페이지: 프로필이 아닌 초상화
캐릭터 상세 페이지는 프로필처럼 보였습니다—섹션으로 정리된 정보, 박스에 표시된 통계, 단락의 설명 텍스트.
이제 몰입형 초상화입니다. 캐릭터의 이미지나 비디오가 전체 화면을 채웁니다. 데스크톱에서 호버하면 이미지가 더 선명해지고, 캐릭터가 당신을 만나기 위해 앞으로 나서는 것처럼 약간 스케일됩니다. 모바일에서는 이미지가 기본적으로 선명합니다—호버 불필요.
액션 버튼(평가, 즐겨찾기, 공유)은 오른쪽 상단 모서리에 숨어 있습니다. 존재하지만 방해가 되지 않습니다. 캐릭터의 이름, 바이오, 통계가 하단에 나타나고, 신중한 타이포그래피로 이미지 위에 레이어됩니다. CTA 버튼은 미묘한 방사형 글로우와 함께 중앙에 떠 있으며, 대화를 시작하도록 초대합니다.
캐릭터의 데이터를 보고 있는 것이 아닙니다. 그들을 만나고 있습니다.
스토리 페이지: 시네마틱 커버
스토리는 이제 영화 포스터처럼 자신을 표현합니다. 커버 이미지가 뷰포트를 지배하며, 캐릭터 페이지와 같은 호버-투-리빌 선명도 효과가 있습니다. 평가와 공유 버튼은 조용히 모서리에 앉아 있습니다.
하단에는 스토리의 제목, 설명, 통계, 태그가 목적을 가지고 배치됩니다. 재생 버튼은 히어로에 직접 통합됩니다—별도의 섹션 없음, 시각적 끊김 없음. 모든 것이 하나의 초대로 흐릅니다: 이 세계로 들어오세요.
아래 탭은 배경 블러와 미묘한 테두리로 세련되게 다듬어져, 히어로에서 콘텐츠로의 전환이 갑작스럽지 않고 매끄럽게 느껴집니다.
디스커버리 피드: 큐레이팅된 경험
이전 대시보드는 스크롤하는 목록이었습니다. 새로운 디스커버리 피드는 탐험하는 큐레이팅된 경험입니다.
주목 스토리가 동일한 시네마틱 21:9 비율의 가로 캐러셀에 나타납니다. 호버하면 비디오가 재생됩니다. 빠른 액션—채팅 계속, 스토리 계속, 캐릭터 생성, 스토리 작성—은 컴팩트한 필 바에 있으며, 항상 접근 가능하지만 지배적이지 않습니다.
전체 경험이 검색보다 발견을, 사냥보다 방랑을 장려합니다.
캠페인 페이지: 특별하게 느껴지는 이벤트
캠페인 페이지는 이제 몰입형 히어로 섹션으로 열리며, 모든 이벤트가 특별한 기회처럼 느껴지게 합니다. 카운트다운 타이머가 인라인으로 통합됩니다—시각적 흐름을 방해하는 사이드바 위젯이 더 이상 없습니다.
크리에이터 프로필도 같은 처리를 받았습니다. 크리에이터의 페이지를 방문하면, 상세 내용에 들어가기 전에 그들의 작품을 축하하는 몰입형 헤더가 맞이합니다.
그 뒤의 철학
몰입을 이해하는 장소에서 영감을 받았습니다:
스트리밍 플랫폼은 콘텐츠가 시각적으로 팔려야 한다는 것을 압니다. 설명을 읽기 전에 눈으로 탐색합니다.
비주얼 노벨은 캐릭터에게 맥락이 필요하다는 것을 이해합니다. 그들을 둘러싼 세계가 그들 자체만큼 중요합니다.
게임 런처는 경험에 들어가는 것이 문턱을 넘는 것처럼 느껴져야 한다는 것을 인식합니다. 인터페이스가 무언가가 시작되기 전에 분위기를 설정합니다.
영화관은 스크린이 빛날 수 있도록 어두워집니다. 환경이 경험을 증폭시킵니다.
이 교훈을 모든 곳에 적용했습니다. 이미지와 비디오를 위한 더 많은 시각적 공간. 더 어둡고 분위기 있는 배경. 콘텐츠를 숨기지 않으면서 깊이를 만드는 그라데이션 오버레이. 정적 이미지를 살아있게 느끼게 하는 호버 효과. 경쟁하지 않고 강화하는 타이포그래피.
유지한 것
리디자인이 처음부터 시작하는 것을 의미하지 않습니다. 완벽하게 작동하는 것들이 있었습니다:
- 내비게이션 명확성: 여전히 모든 것을 쉽게 찾을 수 있습니다. 미학을 위해 사용성을 희생하지 않았습니다.
- 모바일 우선 접근: 모든 변경이 휴대폰에서 아름답게 작동합니다. 모바일은 기본적으로 더 선명한 이미지, 최적화된 인터랙션, 반응형 레이아웃을 얻습니다.
- 크리에이터 도구: 크리에이터에게 필요한 모든 기능이 여전히 있습니다. 더 우아하게 제시될 뿐입니다.
- 성능: 새 디자인이 실제로 더 빠릅니다. 더 큰 이미지지만 더 스마트한 로딩. 비디오는 필요할 때만 재생됩니다.
중요한 디테일
의식적으로 알아차리지 못할 수도 있지만 느낄 변화들:
- 이미지가 일부 장소에서 컨테이너를 넘어 확장되어, 그리드를 깨고 더 살아있게 느껴집니다
- 호버할 때 변화하는 그라데이션 오버레이, 아래 이미지를 더 많이 드러냅니다
- 호버할 때 자동 재생되는 비디오, 클릭 없이 움직임을 추가합니다
- 요소가 당신의 주의에 반응하게 느끼게 하는 스케일 효과
- 가독성을 보장하면서 분위기를 유지하는 UI 요소의 배경 블러
- 주요 액션으로 시선을 끄는 방사형 글로우 효과
- 플랫폼 전체에서 시네마틱하게 느껴지는 일관된 21:9 종횡비
이것이 당신에게 의미하는 것
당신이 사용자라면, Reverie가 이제 더 초대하는 느낌이어야 합니다. 조작하는 앱보다 시간을 보내고 싶은 장소처럼. 사랑하는 캐릭터와 스토리가 그들이 마땅히 받아야 할 방식으로 제시됩니다—데이터베이스의 항목이 아니라 일어나기를 기다리는 경험으로.
당신이 크리에이터라면, 당신의 작품이 더 좋은 무대를 얻습니다. 캐릭터가 풀스크린 영광으로 나타납니다. 스토리가 시네마틱한 프레젠테이션을 얻습니다. 필요한 도구가 여전히 접근 가능하지만, 더 이상 콘텐츠와 주목을 두고 경쟁하지 않습니다.
이것은 시작일 뿐
이 리디자인은 새로운 기반을 확립합니다. 상상력을 첫 번째로 두는 비주얼 언어. 정보 아키텍처보다 몰입을 우선시하는 인터페이스 철학.
이것 위에 계속 구축할 것입니다. 세련하게 할 페이지가 더 있습니다. 다듬을 순간이 더 있습니다. Reverie를 소프트웨어보다 안식처처럼 느끼게 할 더 많은 방법이 있습니다.
결국, 당신은 제품을 사용하러 Reverie에 오지 않습니다. 탈출하고, 연결하고, 상상하고, 느끼러 옵니다.
인터페이스는 비켜서서 그것이 일어나도록 해야 합니다.
새로운 Reverie를 탐험하세요. 어떻게 생각하시는지 듣고 싶습니다—Discord에서 생각을 공유해 주세요.
역동적인 AI 대화를 경험할 준비가 되셨나요?
이미 Reverie에서 무한한 개성과 매력적인 상호작용을 탐색하고 있는 수천 명의 사용자들과 함께하세요.