Нас дещо непокоїло.
У Reverie були чудові персонажі. Змістовні розмови. Функції, які користувачі щиро любили. Але щоразу, коли ми дивилися на інтерфейс, ми бачили... програму. Кнопки, картки, списки, навігаційні панелі. Такий охайний, функціональний дизайн, якого очікуєш від інструмента для продуктивності чи SaaS-панелі керування.
А Reverie мав бути зовсім не таким.
Reverie — це місце, де оживає уява. Де ти зустрічаєш персонажів, які здаються справжніми, поринаєш в історії, що відгукуються на твої дії, досліджуєш світи, які існують лише для тебе. Продукт був чарівним. Інтерфейс — буденним.
Тож ми перебудували все.
Проблема з «достатньо добре»
Наш старий дизайн не був поганим. Він був професійним, послідовним, у ньому було легко орієнтуватися. Він відповідав найкращим практикам. Користувачі знаходили те, що їм було потрібно.
Але «достатньо добре» — ворог незабутнього.
Коли користуєшся більшістю застосунків, ти усвідомлюєш, що користуєшся застосунком. Між тобою і враженням є ментальний шар — інтерфейс постійно нагадує, що ти користувач, який керує програмою. Натисни цю кнопку. Перейди на ту сторінку. Пройди цей сценарій.
Ми хотіли, щоб цей шар зник.
Найкращі розваги не відчуваються як продукти. Коли тебе захоплює чудовий фільм, ти забуваєш, що дивишся на екран. Коли зачитуєшся романом, сторінки зникають. Ми хотіли, щоб Reverie відчувався так само — як місце, куди ти входиш, а не інструмент, яким користуєшся.
Що змінилося
Кожну важливу сторінку перероблено навколо одного принципу: спершу персонажі й історії, а інтерфейс — потім.
Головна: галерея можливостей
Стара головна сторінка була функціональною. Рекомендовані персонажі в сітці. Категорії для перегляду. Чіткі заклики до дії.
Нова головна сторінка — це враження. Галерея зображень персонажів у чотири колонки заповнює екран, створюючи мозаїку можливостей. Градієнтні накладання й ледь помітне радіальне сяйво притягують погляд до центру, де поле пошуку й теги швидкого доступу запрошують до дослідження. Нижче прокручуються рекомендовані історії в кінематографічних картках зі співвідношенням сторін 21:9 — наведи на них курсор, і вони оживають у відео.
Щойно ти потрапляєш у Reverie, ти дивишся не на вебсайт. Ти дивишся на світи, які чекають, щоб їх дослідили.
Вхід: тут тебе вітають персонажі
Ми викинули порожню форму на білому тлі. Тепер, коли ти входиш, тебе вітають самі персонажі.
На комп'ютері екран ділиться навпіл: ліва частина перетворюється на вітрину персонажів на всю площу — зображення й відео змінюються кожні п'ять секунд, а внизу з'являються ім'я та біографія кожного персонажа. Форма входу розташована праворуч, але твою увагу притягують персонажі, які запрошують тебе всередину.
На мобільних пристроях персонаж м'яко розчиняється у фоні за формою по центру — він усе ще поруч, усе ще вітає тебе, але ніколи не відволікає від головного.
Це дрібниця, яка змінює все. Вхід більше не відчувається як автентифікація в сервісі. Він відчувається як повернення додому.
Сторінки персонажів: портрети, а не профілі
Раніше сторінки персонажів виглядали як профілі — інформація, впорядкована за розділами, статистика в блоках, опис в абзацах.
Тепер це портрети із зануренням. Зображення чи відео персонажа заповнює весь екран. Наведи курсор на комп'ютері — і зображення стане чіткішим і трохи збільшиться, ніби персонаж робить крок назустріч. На мобільних зображення чіткі за замовчуванням — наводити нічого не потрібно.
Кнопки дій (оцінка, обране, поширення) сховані у верхньому правому куті — вони на місці, але не нав'язливі. Ім'я персонажа, біографія та статистика з'являються внизу, поверх зображення, з ретельно продуманою типографікою. Кнопки заклику до дії розташовані по центру з ледь помітним радіальним сяйвом і запрошують почати розмову.
Ти не переглядаєш дані персонажа. Ти з ним знайомишся.
Сторінки історій: кінематографічні обкладинки
Тепер історії подаються як кіноафіші. Обкладинка займає весь видимий простір і має той самий ефект проявлення чіткості під час наведення, що й сторінки персонажів. Кнопки оцінки й поширення тихо розташувалися в кутку.
Унизу назва історії, опис, статистика й теги розміщені з чіткою метою. Кнопку запуску вбудовано просто в головний блок — без окремого розділу, без візуального розриву. Усе веде до єдиного запрошення: увійди в цей світ.
Вкладки нижче отримали розмиття фону й делікатні рамки, тож перехід від головного блоку до вмісту відчувається плавним, а не різким.
Стрічка «Огляд»: добірка, яку хочеться досліджувати
Стара панель керування була списком, який ти гортав. Нова стрічка «Огляд» — це ретельно дібрана добірка, яку ти досліджуєш.
Рекомендовані історії з'являються в горизонтальній каруселі з тим самим кінематографічним співвідношенням 21:9. Відео відтворюються під час наведення. Швидкі дії — «Продовжити чат», «Продовжити історію», «Створити персонажа», «Написати історію» — зібрані в компактній панелі-«пігулці»: завжди під рукою, але ніколи не домінують.
Увесь досвід заохочує до відкриттів, а не до пошуку, до блукання, а не до полювання.
Кампанії: події, які відчуваються особливими
Сторінки кампаній тепер відкриваються головними блоками із зануренням, завдяки яким кожна подія відчувається як справжня нагода. Таймери зворотного відліку вбудовано просто в текст — більше ніяких віджетів на бічній панелі, що розривають візуальний потік.
Профілі авторів отримали таке саме оновлення. Коли ти відкриваєш сторінку автора, тебе зустрічає захопливий заголовний блок, який вшановує його роботу, перш ніж перейти до подробиць.
Філософія, що стоїть за цим
Ми надихалися місцями, які розуміються на зануренні:
Стримінгові платформи знають, що вміст має продавати себе візуально. Ти переглядаєш очима, перш ніж читати описи.
Візуальні новели розуміють, що персонажам потрібен контекст. Світ навколо них важить не менше, ніж те, ким вони є.
Ігрові лаунчери визнають, що вхід у враження має відчуватися як перетин порогу. Інтерфейс задає настрій ще до того, як щось почнеться.
Кінотеатри вимикають світло, щоб засяяв екран. Оточення підсилює враження.
Ми застосували ці уроки всюди. Більше візуального простору для зображень і відео. Темніші, атмосферніші фони. Градієнтні накладання, що створюють глибину, не приховуючи вмісту. Ефекти наведення, завдяки яким статичні зображення оживають. Типографіка, яка підсилює, а не конкурує.
Що ми залишили
Редизайн не означає почати все з нуля. Деякі речі працювали ідеально:
- Зрозуміла навігація: ти й далі легко знаходиш усе потрібне. Ми не пожертвували зручністю заради естетики.
- Підхід «спершу мобільні»: кожна зміна чудово працює на телефонах, де перебуває більшість користувачів. Мобільна версія отримує чіткіші зображення за замовчуванням, оптимізовані взаємодії та адаптивні макети.
- Інструменти для авторів: увесь функціонал, потрібний авторам, нікуди не зник — просто тепер він поданий елегантніше.
- Продуктивність: новий дизайн насправді швидший. Більші зображення, але розумніше завантаження. Відео відтворюється лише тоді, коли це потрібно.
Деталі, які мають значення
Деякі зміни ти, можливо, не помітиш свідомо, але відчуєш:
- Зображення подекуди виходять за межі своїх контейнерів, ламаючи сітку, щоб усе виглядало живішим
- Градієнтні накладання, що зміщуються під час наведення й відкривають більше зображення під ними
- Відео, що автоматично відтворюються під час наведення, додаючи руху без потреби клікати
- Ефекти масштабування, завдяки яким елементи ніби відгукуються на твою увагу
- Розмиття фону під елементами інтерфейсу, яке зберігає атмосферу й водночас забезпечує читабельність
- Ефекти радіального сяйва, що притягують погляд до ключових дій
- Однакове співвідношення сторін 21:9 для історій, яке відчувається кінематографічно на всій платформі
Що це означає для тебе
Якщо ти користувач, Reverie тепер має здаватися привітнішим. Більше схожим на місце, де хочеться проводити час, і менше — на застосунок, яким ти керуєш. Персонажі й історії, які ти любиш, подаються так, як вони того заслуговують, — не як записи в базі даних, а як враження, що чекають на тебе.
Якщо ти автор, твоя робота отримує кращу сцену. Твої персонажі постають у всій красі на весь екран. Твої історії отримують кінематографічну подачу. Потрібні тобі інструменти й далі доступні, просто вони не відбирають увагу в твого контенту.
Це лише початок
Цей редизайн закладає нову основу. Візуальну мову, яка ставить уяву на перше місце. Філософію інтерфейсу, у якій занурення важливіше за інформаційну архітектуру.
Ми й далі розвиватимемо це. Ще більше сторінок для вдосконалення. Ще більше моментів для шліфування. Ще більше способів зробити так, щоб Reverie відчувався менше як програма і більше як прихисток, яким він і має бути.
Бо зрештою ти приходиш у Reverie не для того, щоб користуватися продуктом. Ти приходиш, щоб утекти від буденності, знайти зв'язок, уявляти, відчувати.
Інтерфейс має не заважати й дати цьому статися.
Досліди новий Reverie. Нам дуже цікаво, що ти думаєш, — поділися враженнями в нашому Discord.