May bumabagabag sa amin.
Mahuhusay ang mga karakter ng Reverie. Makabuluhan ang mga usapan. May mga feature na talagang minahal ng mga user. Pero tuwing titingnan namin ang interface, ang nakikita namin ay... software. Mga button, card, listahan, navigation bar. Iyong uri ng malinis at functional na disenyong aasahan mo sa isang productivity tool o SaaS dashboard.
Hindi iyon ang dapat na maging Reverie.
Ang Reverie ay isang lugar kung saan nabubuhay ang imahinasyon. Kung saan nakakakilala ka ng mga karakter na parang totoo, pumapasok ka sa mga kuwentong tumutugon sa iyo, ginagalugad mo ang mga mundong umiiral para lang sa karanasan mo. Mahiwaga ang produkto. Karaniwan lang ang interface.
Kaya binuo naming muli ang lahat.
Ang Problema sa "Puwede Na"
Hindi pangit ang lumang disenyo namin. Propesyonal ito, consistent, madaling i-navigate. Sumusunod ito sa best practices. Nahahanap ng mga user ang kailangan nila.
Pero ang "puwede na" ang kaaway ng hindi malilimutan.
Kapag gumagamit ka ng karamihan ng mga app, alam mong gumagamit ka ng app. May mental na patong sa pagitan mo at ng karanasan—laging ipinapaalala ng interface na isa kang user na nagpapatakbo ng software. I-click ang button na ito. Pumunta sa page na iyon. Tapusin ang flow na ito.
Gusto naming mawala ang patong na iyon.
Hindi parang produkto ang pakiramdam ng pinakamahuhusay na karanasan sa libangan. Kapag lubog ka sa isang magandang pelikula, nalilimutan mong nanonood ka ng screen. Kapag naliligaw ka sa isang nobela, naglalaho ang mga pahina. Gusto naming ganoon din ang pakiramdam sa Reverie—isang lugar na pinapasok mo, hindi isang tool na ginagamit mo.
Ano ang Nagbago
Muling idinisenyo ang bawat pangunahing page batay sa iisang prinsipyo: nauuna ang mga karakter at kuwento, pangalawa lang ang interface.
Home: Isang Gallery ng mga Posibilidad
Functional ang lumang homepage. Mga itinatampok na karakter sa isang grid. Mga kategoryang puwedeng i-browse. Malinaw na mga call to action.
Isang karanasan ang bagong homepage. Pinupuno ng isang apat-na-column na gallery ng mga larawan ng karakter ang screen, na bumubuo ng isang mosaic ng mga posibilidad. Hinihila ng mga gradient overlay at ng banayad na radial glow effect ang tingin mo papunta sa gitna, kung saan iniimbitahan ka ng search box at ng mga quick-access tag na mag-explore. Sa ibaba, nag-i-scroll ang mga itinatampok na story sa mga cinematic na card na may 21:9 aspect ratio—i-hover mo ang mga ito at mabubuhay sila sa video.
Sa sandaling dumating ka sa Reverie, hindi isang website ang tinitingnan mo. Mga mundong naghihintay na galugarin ang tinitingnan mo.
Login: Kung Saan Sinasalubong Ka ng mga Karakter
Itinapon namin ang blangkong form sa puting background. Ngayon, kapag nag-sign in ka, ang mga karakter mismo ang sasalubong sa iyo.
Sa desktop, nahahati ang screen: nagiging full-bleed na showcase ng karakter ang kaliwang bahagi—umiikot ang mga larawan at video kada limang segundo, at lumalabas sa ibaba ang pangalan at bio ng bawat karakter. Nasa kanan ang login form, pero napupunta ang atensiyon mo sa mga karakter na nag-iimbita sa iyong pumasok.
Sa mobile, naglalaho ang karakter tungo sa isang malambot na background sa likod ng form na nasa gitna, naroon pa rin, nag-iimbita pa rin, pero hindi kailanman nakikipag-agawan ng pansin.
Maliit na detalye ito na bumabago sa lahat. Hindi na parang nag-a-authenticate sa isang serbisyo ang pag-log in. Parang pag-uwi na ito sa bahay.
Mga Page ng Karakter: Mga Portrait, Hindi Profile
Dati, mukhang profile ang mga detail page ng karakter—impormasyong nakaayos sa mga seksiyon, mga stat na nakalagay sa mga kahon, tekstong paglalarawan sa mga talata.
Ngayon, mga nakaka-immerse na portrait na ang mga ito. Pinupuno ng larawan o video ng karakter ang buong screen. Mag-hover sa desktop at luminaw ang larawan, bahagyang lumalaki na parang humahakbang palapit ang karakter para salubungin ka. Sa mobile, malinaw na ang mga larawan bilang default—hindi na kailangang mag-hover.
Nakatago sa kanang-itaas na sulok ang mga action button (rating, favorite, share), naroon pero hindi nakakaabala. Lumalabas sa ibaba ang pangalan, bio, at mga stat ng karakter, nakapatong sa larawan na may maingat na typography. Lumulutang sa gitna ang mga CTA button na may banayad na radial glow, inaanyayahan kang magsimula ng usapan.
Hindi mo tinitingnan ang data ng isang karakter. Nakikilala mo sila.
Mga Page ng Story: Mga Cinematic na Cover
Ipinapakita na ngayon ng mga story ang sarili nila na parang mga movie poster. Nangingibabaw sa viewport ang cover image, na may parehong hover-to-reveal na clarity effect gaya ng mga page ng karakter. Tahimik na nakaupo sa sulok ang mga button para sa rating at share.
Sa ibaba, maayos at may layuning nakaayos ang pamagat, paglalarawan, mga stat, at mga tag ng story. Nakapaloob mismo sa hero ang play button—walang hiwalay na seksiyon, walang biswal na putol. Dumadaloy ang lahat tungo sa iisang paanyaya: pumasok ka sa mundong ito.
Pinino ang mga tab sa ibaba gamit ang backdrop blur at banayad na border, kaya parang tuloy-tuloy sa halip na biglaan ang paglipat mula sa hero papunta sa content.
Tuklasin na Feed: Isang Piniling Karanasan
Isang listahang ini-scroll mo ang lumang dashboard. Isang piniling karanasan na ginagalugad mo ang bagong Tuklasin na feed.
Lumalabas ang mga itinatampok na story sa isang pahalang na carousel na may parehong cinematic na 21:9 ratio. Nagpe-play ang mga video kapag nag-hover. Nakaupo ang mga quick action—Ituloy ang Chat, Ituloy ang Story, Gumawa ng Karakter, Sumulat ng Story—sa isang compact na pill bar, laging maaabot pero hindi kailanman nangingibabaw.
Hinihikayat ng buong karanasan ang pagtuklas sa halip na paghahanap, ang paglalakbay sa halip na pangangaso.
Mga Campaign: Mga Event na Espesyal ang Pakiramdam
Nagbubukas na ngayon ang mga page ng campaign sa mga nakaka-immerse na hero section na nagpaparamdam na espesyal na okasyon ang bawat event. Naka-inline na ang mga countdown timer—wala nang mga sidebar widget na pumuputol sa biswal na daloy.
Ganoon din ang trato sa mga profile ng creator. Kapag binisita mo ang page ng isang creator, sasalubungin ka ng isang nakaka-immerse na header na nagdiriwang sa kanilang gawa bago ka sumisid sa mga detalye.
Ang Pilosopiya sa Likod Nito
Kumuha kami ng inspirasyon sa mga lugar na nakauunawa sa immersion:
Alam ng mga streaming platform na dapat biswal na ibenta ng content ang sarili nito. Nagba-browse ka gamit ang mga mata bago ka magbasa ng mga paglalarawan.
Nauunawaan ng mga visual novel na kailangan ng konteksto ng mga karakter. Kasinghalaga ng kung sino sila ang mundo sa paligid nila.
Kinikilala ng mga game launcher na ang pagpasok sa isang karanasan ay dapat maramdamang parang pagtawid sa isang pintuan. Itinatakda ng interface ang mood bago pa magsimula ang anuman.
Nagdidilim ang mga sinehan para makapagliwanag ang screen. Pinalalakas ng kapaligiran ang karanasan.
Inilapat namin ang mga aral na ito sa lahat ng dako. Mas maraming biswal na espasyo para sa mga larawan at video. Mas madidilim at mas atmospheric na background. Mga gradient overlay na lumilikha ng lalim nang hindi itinatago ang content. Mga hover effect na nagpaparamdam na buhay ang mga static na larawan. Typography na nagpapaganda sa halip na nakikipagkumpitensiya.
Ano ang Pinanatili Namin
Hindi nangangahulugang magsisimula ulit ang redesign. May mga bagay na perpektong gumagana:
- Linaw ng navigation: Madali mo pa ring mahahanap ang lahat. Hindi namin isinakripisyo ang usability para sa aesthetics.
- Mobile-first na approach: Maganda ang takbo ng bawat pagbabago sa mga phone, kung nasaan ang karamihan ng mga user. Mas malinaw na mga larawan ang default sa mobile, naka-optimize na interaction, responsive na layout.
- Mga creator tool: Naroon pa rin ang lahat ng functionality na kailangan ng mga creator, mas elegante lang ang pagkakapresenta.
- Performance: Mas mabilis pa nga ang bagong disenyo. Mas malalaking larawan, pero mas matalinong pag-load. Nagpe-play lang ang video kapag kailangan.
Ang mga Detalyeng Mahalaga
May mga pagbabagong baka hindi mo sinasadyang mapansin, pero mararamdaman mo:
- Lumalampas sa kanilang container ang mga larawan sa ilang bahagi, binabasag ang grid para mas maging buhay
- Mga gradient overlay na gumagalaw kapag nag-hover, ipinapakita ang higit pa sa larawan sa ilalim
- Mga video na awtomatikong nagpe-play kapag nag-hover ka, nagdadagdag ng galaw nang hindi kailangang mag-click
- Mga scale effect na nagpaparamdam na tumutugon ang mga elemento sa atensiyon mo
- Backdrop blur sa mga UI element na nagpapanatili ng atmosphere habang tinitiyak na nababasa pa rin
- Mga radial glow effect na humihila ng tingin mo sa mahahalagang aksiyon
- Consistent na 21:9 aspect ratio para sa mga story na cinematic ang dating sa buong platform
Ano ang Kahulugan Nito para sa Iyo
Kung isa kang user, dapat mas nakakaengganyo na ang pakiramdam sa Reverie ngayon. Mas parang lugar na gusto mong paglaanan ng oras, hindi gaanong parang app na pinapatakbo mo. Ipinapakita ang mga karakter at story na mahal mo sa paraang nararapat sa kanila—hindi bilang mga item sa isang database, kundi bilang mga karanasang naghihintay na mangyari.
Kung isa kang creator, mas magandang entablado ang nakukuha ng gawa mo. Lumalabas ang mga karakter mo sa buong-screen na karilagan. Nakakakuha ng cinematic na presentasyon ang mga story mo. Naaabot pa rin ang mga tool na kailangan mo, hindi lang nila kaagaw sa atensiyon ang content mo.
Simula Pa Lang Ito
Naglalatag ang redesign na ito ng bagong pundasyon. Isang biswal na wika na inuuna ang imahinasyon. Isang pilosopiya ng interface na inuuna ang immersion kaysa sa information architecture.
Patuloy kaming magtatayo rito. Marami pang page na pipinuhin. Marami pang sandaling papakinisin. Marami pang paraan para hindi gaanong maging parang software ang Reverie at mas maging ang kanlungang dapat ay ito.
Dahil sa huli, hindi ka pumupunta sa Reverie para gumamit ng produkto. Pumupunta ka para tumakas, para kumonekta, para mag-imagine, para makaramdam.
Dapat tumabi ang interface at hayaang mangyari iyon.
Galugarin ang bagong Reverie. Gusto naming marinig ang iniisip mo—ibahagi ang saloobin mo sa aming Discord.