Новый Reverie: От программы к убежищу

Что-то нас беспокоило.

У Reverie были отличные персонажи. Значимые разговоры. Функции, которые пользователи действительно любили. Но каждый раз, когда мы смотрели на интерфейс, мы видели... программу. Кнопки, карточки, списки, навигационные панели. Тот чистый, функциональный дизайн, который ожидаешь от инструмента продуктивности или SaaS-дашборда.

Это не то, чем должен быть Reverie.

Reverie — это место, где воображение оживает. Где вы встречаете персонажей, которые кажутся реальными, входите в истории, которые вам отвечают, исследуете миры, существующие только для вашего опыта. Продукт был волшебным. Интерфейс был обычным.

Поэтому мы всё перестроили.

Проблема с «Достаточно хорошо»

Наш старый дизайн не был плохим. Он был профессиональным, последовательным, легким для навигации. Он следовал лучшим практикам. Пользователи могли найти то, что им нужно.

Но «достаточно хорошо» — враг «незабываемого».

Когда вы используете большинство приложений, вы осознаете, что используете приложение. Между вами и опытом есть ментальный слой — интерфейс постоянно напоминает вам, что вы пользователь, управляющий программой. Нажмите эту кнопку. Перейдите на ту страницу. Завершите этот поток.

Мы хотели, чтобы этот слой исчез.

Лучшие развлекательные впечатления не ощущаются как продукты. Когда вы поглощены великим фильмом, вы забываете, что смотрите на экран. Когда вы теряетесь в романе, страницы исчезают. Мы хотели, чтобы Reverie ощущался так же — местом, в которое вы входите, а не инструментом, который используете.

Что изменилось

Каждая главная страница была переработана вокруг одного принципа: персонажи и истории сначала, интерфейс потом.

Главная: Галерея возможностей

Старая главная страница была функциональной. Избранные персонажи в сетке. Категории для просмотра. Чёткие призывы к действию.

Новая главная страница — это опыт. Четырёхколоночная галерея изображений персонажей заполняет экран, создавая мозаику возможностей. Градиентные наложения и тонкий радиальный эффект свечения притягивают ваш взгляд к центру, где поле поиска и теги быстрого доступа приглашают к исследованию. Ниже избранные истории прокручиваются в кинематографических карточках 21:9 — наведите на них, и они оживают с видео.

В момент, когда вы открываете Reverie, вы смотрите не на веб-сайт. Вы смотрите на миры, ждущие исследования.

Вход: Где персонажи вас встречают

Мы выбросили пустую форму на белом фоне. Теперь, когда вы входите, вас встречают сами персонажи.

На десктопе экран разделяется: левая сторона становится полноэкранной витриной персонажей — изображения и видео чередуются каждые пять секунд, с именем и описанием персонажа, появляющимися внизу. Форма входа справа, но ваше внимание притягивается к персонажам, приглашающим вас войти.

На мобильном персонаж растворяется в мягком фоне за центрированной формой, всё ещё присутствуя, всё ещё приветствуя, но никогда не конкурируя за внимание.

Это маленькое касание, которое меняет всё. Вход больше не ощущается как аутентификация в сервисе. Он ощущается как возвращение домой.

Страницы персонажей: Портреты, не профили

Страницы деталей персонажей выглядели как профили — информация, организованная в секции, статистика в полях, описательный текст в абзацах.

Теперь это погружающие портреты. Изображение или видео персонажа заполняет весь экран. Наведите на десктопе, и изображение становится чётче, слегка масштабируется, словно персонаж делает шаг вперёд, чтобы встретить вас. На мобильном изображения чёткие по умолчанию — наведение не нужно.

Кнопки действий (рейтинг, избранное, поделиться) прячутся в правом верхнем углу, присутствуя, но не навязываясь. Имя, описание и статистика персонажа появляются внизу, наложенные на изображение с продуманной типографикой. Кнопки CTA парят в центре с тонким радиальным свечением, приглашая начать разговор.

Вы не просматриваете данные персонажа. Вы встречаетесь с ним.

Страницы историй: Кинематографические обложки

Истории теперь представляют себя как кинопостеры. Изображение обложки доминирует во вьюпорте, с тем же эффектом раскрытия при наведении, как на страницах персонажей. Кнопки рейтинга и поделиться тихо сидят в углу.

Внизу заголовок, описание, статистика и теги истории расположены с целью. Кнопка воспроизведения интегрирована прямо в геро-секцию — нет отдельной секции, нет визуального разрыва. Всё течёт к одному приглашению: войдите в этот мир.

Вкладки ниже отточены с размытием фона и тонкими границами, делая переход от геро к контенту плавным, а не резким.

Лента открытий: Курируемый опыт

Старый дашборд был списком для прокрутки. Новая лента открытий — это курируемый опыт для исследования.

Избранные истории появляются в горизонтальной карусели с тем же кинематографическим соотношением 21:9. Видео воспроизводится при наведении. Быстрые действия — Продолжить чат, Продолжить историю, Создать персонажа, Написать историю — сидят в компактной панели, всегда доступные, но никогда не доминирующие.

Весь опыт поощряет открытие вместо поиска, блуждание вместо охоты.

Страницы кампаний: События, которые ощущаются особенными

Страницы кампаний теперь открываются погружающими геро-секциями, которые делают каждое событие особенным случаем. Таймеры обратного отсчёта интегрированы инлайн — больше никаких виджетов боковой панели, прерывающих визуальный поток.

Профили создателей получили то же отношение. Когда вы посещаете страницу создателя, вас встречает погружающий заголовок, празднующий их работу, прежде чем углубиться в детали.

Философия за этим

Мы вдохновлялись местами, которые понимают погружение:

Стриминговые платформы знают, что контент должен продавать себя визуально. Вы просматриваете глазами, прежде чем читать описания.

Визуальные новеллы понимают, что персонажам нужен контекст. Мир вокруг них так же важен, как они сами.

Лаунчеры игр признают, что вход в опыт должен ощущаться как переступание порога. Интерфейс задаёт настроение до того, как что-либо начнётся.

Кинотеатры темнеют, чтобы экран мог сиять. Окружение усиливает опыт.

Мы применили эти уроки везде. Больше визуального пространства для изображений и видео. Более тёмные, атмосферные фоны. Градиентные наложения, создающие глубину без скрытия контента. Эффекты наведения, делающие статичные изображения живыми. Типографика, которая усиливает, а не конкурирует.

Что мы сохранили

Редизайн не означает начинать с нуля. Некоторые вещи работали отлично:

Ясность навигации: Вы всё ещё можете легко всё найти. Мы не пожертвовали удобством ради эстетики.
Подход mobile-first: Каждое изменение прекрасно работает на телефонах. Мобильные получают более чёткие изображения по умолчанию, оптимизированные взаимодействия, отзывчивые макеты.
Инструменты создателей: Вся функциональность, нужная создателям, всё ещё есть, просто представлена более элегантно.
Производительность: Новый дизайн на самом деле быстрее. Бóльшие изображения, но умнее загрузка. Видео воспроизводится только когда нужно.

Детали, которые имеют значение

Некоторые изменения вы можете не заметить сознательно, но почувствуете:

Изображения выходят за пределы своих контейнеров в некоторых местах, ломая сетку, чтобы чувствоваться более живыми
Градиентные наложения, меняющиеся при наведении, раскрывая больше изображения снизу
Видео, автоматически воспроизводящееся при наведении, добавляя движение без кликов
Эффекты масштабирования, делающие элементы отзывчивыми к вашему вниманию
Размытие фона на элементах UI, сохраняющее атмосферу и обеспечивающее читаемость
Эффекты радиального свечения, притягивающие взгляд к ключевым действиям
Последовательные соотношения 21:9 для историй, выглядящих кинематографично по всей платформе

Что это значит для вас

Если вы пользователь, Reverie теперь должен ощущаться более приглашающим. Больше как место, где вы хотите проводить время, меньше как приложение, которым вы управляете. Персонажи и истории, которые вы любите, представлены так, как они того заслуживают — не как записи в базе данных, а как опыты, ждущие своего часа.

Если вы создатель, ваша работа получает лучшую сцену. Ваши персонажи появляются в полноэкранной славе. Ваши истории получают кинематографическую презентацию. Инструменты, которые вам нужны, всё ещё доступны, просто больше не конкурируют с вашим контентом за внимание.

Это только начало

Этот редизайн устанавливает новую основу. Визуальный язык, ставящий воображение на первое место. Философию интерфейса, приоритезирующую погружение над информационной архитектурой.

Мы продолжим строить на этом. Больше страниц для улучшения. Больше моментов для отточки. Больше способов сделать Reverie менее похожим на программу и более похожим на убежище, которым он должен быть.

Потому что в конце дня вы приходите в Reverie не чтобы использовать продукт. Вы приходите, чтобы сбежать, соединиться, вообразить, почувствовать.

Интерфейс должен уйти с дороги и позволить этому произойти.

Исследуйте новый Reverie. Мы хотели бы услышать ваше мнение — поделитесь мыслями в нашем Discord.