Yeni Reverie: Yazılımdan Sığınağa

Bir şey bizi rahatsız ediyordu.

Reverie'de harika karakterler vardı. Anlamlı sohbetler. Kullanıcıların gerçekten sevdiği özellikler. Ama arayüze her baktığımızda gördüğümüz... yazılımdı. Düğmeler, kartlar, listeler, gezinme çubukları. Bir üretkenlik aracından veya SaaS panosundan beklediğiniz türde temiz, işlevsel tasarım.

Reverie'nin olması gereken bu değildi.

Reverie, hayal gücünün canlandığı bir yer. Gerçek hissettiren karakterlerle tanıştığınız, size yanıt veren hikayelere adım attığınız, sadece sizin deneyiminiz için var olan dünyaları keşfettiğiniz bir yer. Ürün büyülüydü. Arayüz sıradandı.

Bu yüzden her şeyi yeniden inşa ettik.

"Yeterince İyi" Sorunu

Eski tasarımımız kötü değildi. Profesyoneldi, tutarlıydı, gezinmesi kolaydı. En iyi uygulamaları takip ediyordu. Kullanıcılar ihtiyaç duydukları şeyi bulabiliyordu.

Ama "yeterince iyi", "unutulmaz"ın düşmanıdır.

Çoğu uygulamayı kullandığınızda, bir uygulama kullandığınızın farkındasınız. Siz ve deneyim arasında zihinsel bir katman var—arayüz size sürekli olarak yazılım çalıştıran bir kullanıcı olduğunuzu hatırlatıyor. Bu düğmeye tıklayın. O sayfaya gidin. Bu akışı tamamlayın.

Bu katmanın kaybolmasını istedik.

En iyi eğlence deneyimleri ürün gibi hissettirmez. Harika bir filme daldığınızda, bir ekrana baktığınızı unutursunuz. Bir romanda kaybolduğunuzda, sayfalar kaybolur. Reverie'nin de aynı hissi vermesini istedik—kullandığınız bir araç değil, girdiğiniz bir yer.

Ne Değişti

Her ana sayfa tek bir ilke etrafında yeniden tasarlandı: karakterler ve hikayeler önce, arayüz sonra.

Ana Sayfa: Olasılıklar Galerisi

Eski ana sayfa işlevseldi. Öne çıkan karakterler bir ızgarada. Göz atılacak kategoriler. Net eylem çağrıları.

Yeni ana sayfa bir deneyim. Dört sütunlu karakter görsel galerisi ekranı dolduruyor, olasılıklar mozaiği yaratıyor. Gradyan kaplamalar ve ince bir radyal parıltı efekti gözünüzü merkeze çekiyor, burada arama kutusu ve hızlı erişim etiketleri keşfe davet ediyor. Aşağıda, öne çıkan hikayeler sinematik 21:9 kartlarda kayıyor—üzerine gelin ve video ile canlanıyorlar.

Reverie'yi açtığınız an, bir web sitesine bakmıyorsunuz. Keşfedilmeyi bekleyen dünyalara bakıyorsunuz.

Giriş: Karakterlerin Sizi Karşıladığı Yer

Beyaz arka plan üzerindeki boş formu attık. Artık giriş yaptığınızda, karakterlerin kendileri sizi karşılıyor.

Masaüstünde ekran bölünüyor: sol taraf tam ekran karakter vitrini oluyor—her beş saniyede dönen görseller ve videolar, karakterin adı ve biyografisi altta görünüyor. Giriş formu sağda, ama dikkatiniz sizi içeri davet eden karakterlere çekiliyor.

Mobilde karakter, ortalanmış formun arkasında yumuşak bir arka plana soluyor, hala mevcut, hala karşılayıcı, ama asla odak için yarışmıyor.

Her şeyi değiştiren küçük bir dokunuş. Giriş yapmak artık bir hizmette kimlik doğrulaması gibi hissettirmiyor. Eve dönmek gibi hissettiriyor.

Karakter Sayfaları: Profiller Değil, Portreler

Karakter detay sayfaları profiller gibi görünüyordu—bölümlerde organize edilmiş bilgiler, kutularda gösterilen istatistikler, paragraflarda açıklayıcı metin.

Artık sürükleyici portreler. Karakterin görseli veya videosu tüm ekranı dolduruyor. Masaüstünde üzerine gelin ve görsel netleşiyor, karakter sizinle tanışmak için bir adım öne çıkıyormuş gibi hafifçe ölçekleniyor. Mobilde görseller varsayılan olarak net—hover gerekmiyor.

Eylem düğmeleri (puan, favori, paylaş) sağ üst köşeye gizleniyor, mevcut ama göze batmayan. Karakterin adı, biyografisi ve istatistikleri altta görünüyor, dikkatli tipografi ile görselin üzerine katmanlanmış. CTA düğmeleri ince bir radyal parıltı ile merkezde süzülüyor, bir sohbet başlatmaya davet ediyor.

Bir karakterin verilerine bakmıyorsunuz. Onunla tanışıyorsunuz.

Hikaye Sayfaları: Sinematik Kapaklar

Hikayeler artık kendilerini film posterleri gibi sunuyor. Kapak görseli viewport'u domine ediyor, karakter sayfalarıyla aynı hover-to-reveal netlik efektiyle. Puan ve paylaş düğmeleri köşede sessizce oturuyor.

Altta, hikayenin başlığı, açıklaması, istatistikleri ve etiketleri amaçlı bir şekilde düzenlenmiş. Oynat düğmesi doğrudan hero'ya entegre—ayrı bölüm yok, görsel kesinti yok. Her şey tek bir davete akıyor: bu dünyaya adım atın.

Aşağıdaki sekmeler arka plan bulanıklığı ve ince kenarlıklarla rafine edilmiş, hero'dan içeriğe geçişi ani yerine akıcı yapıyor.

Keşif Akışı: Küratörlü Deneyim

Eski pano kaydırılacak bir listeydi. Yeni keşif akışı keşfedilecek küratörlü bir deneyim.

Öne çıkan hikayeler aynı sinematik 21:9 oranıyla yatay bir karuselde görünüyor. Videolar hover'da oynatılıyor. Hızlı eylemler—Sohbete Devam Et, Hikayeye Devam Et, Karakter Oluştur, Hikaye Yaz—kompakt bir hap çubuğunda oturuyor, her zaman erişilebilir ama asla baskın değil.

Tüm deneyim aramak yerine keşfetmeyi, avlanmak yerine dolaşmayı teşvik ediyor.

Kampanya Sayfaları: Özel Hissettiren Etkinlikler

Kampanya sayfaları artık sürükleyici hero bölümleriyle açılıyor ve her etkinliği bir vesile gibi hissettiriyor. Geri sayım zamanlayıcıları satır içi entegre—görsel akışı bozan kenar çubuğu widget'ları artık yok.

Yaratıcı profilleri aynı muameleyi gördü. Bir yaratıcının sayfasını ziyaret ettiğinizde, ayrıntılara dalmadan önce çalışmalarını kutlayan sürükleyici bir başlık sizi karşılıyor.

Arkasındaki Felsefe

Sürükleyiciliği anlayan yerlerden ilham aldık:

Streaming platformları içeriğin görsel olarak kendini satması gerektiğini biliyor. Açıklamaları okumadan önce gözlerinizle geziniyorsunuz.

Görsel romanlar karakterlerin bağlama ihtiyacı olduğunu anlıyor. Etraflarındaki dünya kendileri kadar önemli.

Oyun başlatıcıları bir deneyime girmenin eşik geçmek gibi hissettirmesi gerektiğini kabul ediyor. Arayüz herhangi bir şey başlamadan önce havayı ayarlıyor.

Sinemalar ekranın parlayabilmesi için kararıyor. Ortam deneyimi güçlendiriyor.

Bu dersleri her yere uyguladık. Görseller ve videolar için daha fazla görsel alan. Daha karanlık, daha atmosferik arka planlar. İçeriği gizlemeden derinlik yaratan gradyan kaplamalar. Statik görselleri canlı hissettiren hover efektleri. Yarışmak yerine güçlendiren tipografi.

Ne Tuttuk

Yeniden tasarım sıfırdan başlamak anlamına gelmiyor. Bazı şeyler mükemmel çalışıyordu:

Gezinme netliği: Hala her şeyi kolayca bulabiliyorsunuz. Estetik için kullanılabilirlikten ödün vermedik.
Mobil öncelikli yaklaşım: Her değişiklik telefonlarda güzel çalışıyor. Mobil varsayılan olarak daha net görseller, optimize edilmiş etkileşimler, duyarlı düzenler alıyor.
Yaratıcı araçları: Yaratıcıların ihtiyaç duyduğu tüm işlevsellik hala orada, sadece daha zarif sunuluyor.
Performans: Yeni tasarım aslında daha hızlı. Daha büyük görseller, ama daha akıllı yükleme. Video sadece gerektiğinde oynatılıyor.

Önemli Detaylar

Bilinçli olarak fark etmeyebileceğiniz ama hissedeceğiniz bazı değişiklikler:

Görseller bazı yerlerde konteynerlerinin ötesine uzanıyor, daha canlı hissettirmek için ızgarayı kırıyor
Hover'da değişen gradyan kaplamalar, alttaki görseli daha fazla açığa çıkarıyor
Hover'da otomatik oynatılan videolar, tıklama gerektirmeden hareket ekliyor
Öğeleri dikkatinize duyarlı hissettiren ölçek efektleri
Okunabilirliği sağlarken atmosferi koruyan UI öğelerinde arka plan bulanıklığı
Gözünüzü temel eylemlere çeken radyal parıltı efektleri
Platform genelinde sinematik hissettiren hikayeler için tutarlı 21:9 en-boy oranları

Sizin İçin Ne Anlama Geliyor

Eğer bir kullanıcıysanız, Reverie artık daha davetkar hissetmeli. Çalıştırdığınız bir uygulamadan çok, zaman geçirmek istediğiniz bir yer gibi. Sevdiğiniz karakterler ve hikayeler hak ettikleri şekilde sunuluyor—bir veritabanındaki girişler olarak değil, gerçekleşmeyi bekleyen deneyimler olarak.

Eğer bir yaratıcıysanız, çalışmanız daha iyi bir sahne alıyor. Karakterleriniz tam ekran ihtişamında görünüyor. Hikayeleriniz sinematik sunum alıyor. İhtiyacınız olan araçlar hala erişilebilir, sadece artık içeriğinizle dikkat için yarışmıyor.

Bu Sadece Başlangıç

Bu yeniden tasarım yeni bir temel oluşturuyor. Hayal gücünü ilk sıraya koyan bir görsel dil. Bilgi mimarisinin üzerinde sürükleyiciliği önceliklendiren bir arayüz felsefesi.

Bunun üzerine inşa etmeye devam edeceğiz. Rafine edilecek daha fazla sayfa. Parlatılacak daha fazla an. Reverie'yi yazılımdan çok, olması gereken sığınak gibi hissettirmenin daha fazla yolu.

Çünkü günün sonunda, bir ürün kullanmak için Reverie'ye gelmiyorsunuz. Kaçmak, bağlanmak, hayal etmek, hissetmek için geliyorsunuz.

Arayüz yoldan çekilmeli ve bunun olmasına izin vermeli.

Yeni Reverie'yi keşfedin. Ne düşündüğünüzü duymak isteriz—düşüncelerinizi Discord'umuzda paylaşın.