Nowe Reverie: Od oprogramowania do sanktuarium

Coś nas niepokoiło.

Reverie miało świetne postacie. Znaczące rozmowy. Funkcje, które użytkownicy naprawdę pokochali. Ale za każdym razem, gdy patrzyliśmy na interfejs, widzieliśmy... oprogramowanie. Przyciski, karty, listy, paski nawigacji. Ten rodzaj czystego, funkcjonalnego designu, którego oczekujesz od narzędzia produktywności lub dashboardu SaaS.

Nie tym powinno być Reverie.

Reverie to miejsce, gdzie wyobraźnia ożywa. Gdzie spotykasz postacie, które wydają się prawdziwe, wchodzisz w historie, które na ciebie odpowiadają, eksplorujesz światy, które istnieją tylko dla twojego doświadczenia. Produkt był magiczny. Interfejs był przeciętny.

Więc przebudowaliśmy wszystko.

Problem z "Wystarczająco dobrym"

Nasz stary design nie był zły. Był profesjonalny, spójny, łatwy w nawigacji. Stosował najlepsze praktyki. Użytkownicy mogli znaleźć to, czego potrzebowali.

Ale "wystarczająco dobry" jest wrogiem "niezapomnianego".

Gdy używasz większości aplikacji, jesteś świadomy, że używasz aplikacji. Jest mentalna warstwa między tobą a doświadczeniem—interfejs ciągle przypomina ci, że jesteś użytkownikiem obsługującym oprogramowanie. Kliknij ten przycisk. Przejdź do tej strony. Ukończ ten przepływ.

Chcieliśmy, żeby ta warstwa zniknęła.

Najlepsze doświadczenia rozrywkowe nie przypominają produktów. Gdy jesteś pochłonięty wspaniałym filmem, zapominasz, że patrzysz na ekran. Gdy zagubisz się w powieści, strony znikają. Chcieliśmy, żeby Reverie czuło się tak samo—miejscem, do którego wchodzisz, a nie narzędziem, którego używasz.

Co się zmieniło

Każda główna strona została przeprojektowana wokół jednej zasady: postacie i historie najpierw, interfejs potem.

Strona główna: Galeria możliwości

Stara strona główna była funkcjonalna. Wyróżnione postacie w siatce. Kategorie do przeglądania. Jasne wezwania do działania.

Nowa strona główna to doświadczenie. Czterkolumnowa galeria obrazów postaci wypełnia ekran, tworząc mozaikę możliwości. Nakładki gradientowe i subtelny efekt promieniowego blasku przyciągają wzrok do centrum, gdzie pole wyszukiwania i tagi szybkiego dostępu zapraszają do eksploracji. Poniżej, wyróżnione historie przewijają się w kinowych kartach 21:9—najedź na nie, a ożywają z wideo.

W momencie, gdy otwierasz Reverie, nie patrzysz na stronę internetową. Patrzysz na światy czekające na eksplorację.

Logowanie: Gdzie postacie cię witają

Wyrzuciliśmy pusty formularz na białym tle. Teraz, gdy się logujesz, witają cię same postacie.

Na desktopie ekran się dzieli: lewa strona staje się pełnoekranową prezentacją postaci—obrazy i filmy rotujące co pięć sekund, z imieniem i bio postaci pojawiającymi się na dole. Formularz logowania jest po prawej, ale twoja uwaga jest przyciągana do postaci zapraszających cię do środka.

Na urządzeniu mobilnym postać wtapia się w miękkie tło za wycentrowanym formularzem, wciąż obecna, wciąż zapraszająca, ale nigdy nie konkurująca o uwagę.

To mały dotyk, który zmienia wszystko. Logowanie nie przypomina już uwierzytelniania w serwisie. Przypomina powrót do domu.

Strony postaci: Portrety, nie profile

Strony szczegółów postaci wyglądały jak profile—informacje zorganizowane w sekcjach, statystyki wyświetlane w polach, tekst opisu w akapitach.

Teraz są to immersyjne portrety. Obraz lub wideo postaci wypełnia cały ekran. Najedź na desktopie, a obraz staje się wyraźniejszy, lekko się skaluje, jakby postać robiła krok naprzód, żeby cię spotkać. Na urządzeniu mobilnym obrazy są wyraźne domyślnie—nie trzeba najeżdżać.

Przyciski akcji (ocena, ulubione, udostępnij) chowają się w prawym górnym rogu, obecne, ale dyskretne. Imię, bio i statystyki postaci pojawiają się na dole, nałożone na obraz z przemyślaną typografią. Przyciski CTA unoszą się w centrum z subtelnym promieniowym blaskiem, zapraszając do rozpoczęcia rozmowy.

Nie oglądasz danych postaci. Spotykasz ją.

Strony historii: Kinowe okładki

Historie prezentują się teraz jak plakaty filmowe. Obraz okładki dominuje nad widokiem, z tym samym efektem hover-to-reveal jak strony postaci. Przyciski oceny i udostępniania siedzą cicho w rogu.

Na dole tytuł, opis, statystyki i tagi historii są ułożone z zamysłem. Przycisk odtwarzania jest zintegrowany bezpośrednio w sekcji hero—brak osobnej sekcji, brak wizualnego przerwania. Wszystko płynie ku jednemu zaproszeniu: wejdź do tego świata.

Zakładki poniżej są dopracowane z rozmyciem tła i subtelnymi obramowaniami, sprawiając, że przejście od hero do treści jest płynne, a nie nagłe.

Feed odkrywania: Kuratorowane doświadczenie

Stary dashboard był listą do przewijania. Nowy feed odkrywania to kuratorowane doświadczenie do eksploracji.

Wyróżnione historie pojawiają się w poziomej karuzeli z tym samym kinowym formatem 21:9. Filmy odtwarzają się po najechaniu. Szybkie akcje—Kontynuuj czat, Kontynuuj historię, Stwórz postać, Napisz historię—siedzą w kompaktowym pasku, zawsze dostępne, ale nigdy nie dominujące.

Całe doświadczenie zachęca do odkrywania zamiast szukania, wędrowania zamiast polowania.

Strony kampanii: Wydarzenia, które czują się wyjątkowo

Strony kampanii teraz otwierają się immersyjnymi sekcjami hero, które sprawiają, że każde wydarzenie czuje się jak okazja. Timery odliczania są zintegrowane inline—koniec z widgetami paska bocznego przerywającymi wizualny przepływ.

Profile twórców otrzymały to samo traktowanie. Gdy odwiedzasz stronę twórcy, wita cię immersyjny nagłówek celebrujący ich pracę, zanim zanurzysz się w szczegóły.

Filozofia za tym

Czerpaliśmy inspirację z miejsc, które rozumieją immersję:

Platformy streamingowe wiedzą, że treść powinna sprzedawać się wizualnie. Przeglądasz oczami, zanim przeczytasz opisy.

Visual novels rozumieją, że postacie potrzebują kontekstu. Świat wokół nich ma takie samo znaczenie jak one same.

Launchery gier uznają, że wejście w doświadczenie powinno przypominać przekroczenie progu. Interfejs ustawia nastrój, zanim cokolwiek się zacznie.

Kina ciemnieją, żeby ekran mógł świecić. Otoczenie wzmacnia doświadczenie.

Zastosowaliśmy te lekcje wszędzie. Więcej wizualnej przestrzeni dla obrazów i wideo. Ciemniejsze, bardziej atmosferyczne tła. Nakładki gradientowe tworzące głębię bez ukrywania treści. Efekty hover sprawiające, że statyczne obrazy wydają się żywe. Typografia, która wzmacnia zamiast konkurować.

Co zachowaliśmy

Przeprojektowanie nie oznacza zaczynania od zera. Niektóre rzeczy działały perfekcyjnie:

Jasność nawigacji: Wciąż możesz łatwo wszystko znaleźć. Nie poświęciliśmy użyteczności dla estetyki.
Podejście mobile-first: Każda zmiana działa pięknie na telefonach. Mobile otrzymuje domyślnie wyraźniejsze obrazy, zoptymalizowane interakcje, responsywne układy.
Narzędzia dla twórców: Wszystkie funkcje, których potrzebują twórcy, wciąż są dostępne, tylko zaprezentowane bardziej elegancko.
Wydajność: Nowy design jest faktycznie szybszy. Większe obrazy, ale mądrzejsze ładowanie. Wideo odtwarza się tylko wtedy, gdy jest potrzebne.

Szczegóły, które mają znaczenie

Niektóre zmiany możesz nie zauważyć świadomie, ale je poczujesz:

Obrazy rozciągają się poza swoje kontenery w niektórych miejscach, łamiąc siatkę, by czuć się bardziej żywe
Nakładki gradientowe, które zmieniają się przy najechaniu, odsłaniając więcej obrazu pod spodem
Filmy, które odtwarzają się automatycznie przy najechaniu, dodając ruch bez konieczności klikania
Efekty skalowania, które sprawiają, że elementy wydają się reagować na twoją uwagę
Rozmycie tła na elementach UI, które utrzymuje atmosferę, zapewniając czytelność
Efekty promieniowego blasku, które przyciągają wzrok do kluczowych akcji
Spójne proporcje 21:9 dla historii, które wyglądają kinowo na całej platformie

Co to oznacza dla ciebie

Jeśli jesteś użytkownikiem, Reverie powinno teraz czuć się bardziej zachęcająco. Bardziej jak miejsce, gdzie chcesz spędzać czas, mniej jak aplikacja, którą obsługujesz. Postacie i historie, które kochasz, są prezentowane tak, jak na to zasługują—nie jako wpisy w bazie danych, ale jako doświadczenia czekające na wydarzenie.

Jeśli jesteś twórcą, twoja praca otrzymuje lepszą scenę. Twoje postacie pojawiają się w pełnoekranowej chwale. Twoje historie otrzymują kinową prezentację. Narzędzia, których potrzebujesz, są wciąż dostępne, tylko już nie konkurują z twoją treścią o uwagę.

To dopiero początek

Ten redesign ustanawia nowy fundament. Wizualny język, który stawia wyobraźnię na pierwszym miejscu. Filozofię interfejsu, która priorytetyzuje immersję nad architekturę informacji.

Będziemy kontynuować budowanie na tym. Więcej stron do dopracowania. Więcej momentów do wypolerowania. Więcej sposobów, by Reverie czuło się mniej jak oprogramowanie, a bardziej jak sanktuarium, którym powinno być.

Bo w końcu nie przychodzisz do Reverie, żeby używać produktu. Przychodzisz, żeby uciec, połączyć się, wyobrazić sobie, poczuć.

Interfejs powinien zejść z drogi i pozwolić, żeby to się wydarzyło.

Odkryj nowe Reverie. Chcielibyśmy usłyszeć, co myślisz—podziel się swoimi przemyśleniami na naszym Discordzie.