Petty – Chat With Pet
Petty – Chat With Pet için evcil hayvanla sohbet konseptini tek bir mikrofon ekranında toplayan React Native mobil uygulamasını ve Framer tanıtım sitesini tasarladık ve geliştirdik.
- Petty, kullanıcının evcil hayvanıyla ses üzerinden sohbet etmesini kurgulayan bir mobil uygulama konsepti.
- Ana ekran tek bir mikrofon butonu etrafında kuruldu: dokun ve konuşmaya başla.
- Human ve Dog etiketli yön seçici ile sohbet akışı İngilizce arayüzde sade tutuldu.
- React Native ile geliştirildi; Get Pro butonuyla premium katman ilk ekrandan erişilebilir.
- Tanıtım sitesi Framer üzerinde hazırlandı; tasarım ve full stack geliştirme Loun Studio'ya ait.
Zorluk
Evcil hayvanla sohbet fikri eğlenceli ama riskli bir konsept. Akış birkaç adıma yayıldığında şaka kısa sürede yoruyor, arayüz kalabalıklaştığında ise uygulama ciddiyetini yitiriyor. Petty için hedef, kullanıcının uygulamayı açtığı anda ne yapacağını anlaması ve ilk denemeyi saniyeler içinde tamamlamasıydı.
İkinci zorluk yön kavramıydı. Kullanıcı kendi sesini evcil hayvanına mı iletiyor, yoksa hayvanın sesini mi anlamlandırıyor; bu ayrımın tek bir hareketle yapılabilmesi gerekiyordu. Premium katmanı da bu sadeliği bozmadan, ilk ekranda görünür tutmak istedik.
Yaklaşım
Ana ekranı tek bir öğeye indirgedik: sarı zemin üzerinde büyük, yuvarlak bir mikrofon butonu. Üstte Talk With Your Pet başlığı ve tek satırlık bir yönerge var; başka hiçbir şey dikkati dağıtmıyor. Marka rengi olan sarıyı hem arka planda hem etkileşim noktalarında kullanarak arayüzü tek bakışta tanınır kıldık.
Yön seçimini ekranın altına, Human ve Dog etiketli iki seçenek ve aralarındaki değiştirme ikonuyla çözdük; hemen altında ikinci bir seçim satırı yer alıyor. Get Pro butonunu sol üst köşeye yerleştirerek premium teklifi akışın önüne koymadan görünür tuttuk. Uygulamayı React Native ile, İngilizce arayüzle geliştirdik ve tanıtım sitesini Framer üzerinde kurduk.
Sonuç
Petty artık açıldığı anda ne vaat ettiğini söyleyen bir uygulama. Kullanıcı mikrofona dokunuyor, konuşuyor ve yönü tek hareketle değiştiriyor; öğrenilecek bir menü ya da ayar ekranı yok. Sarı ve beyaz ağırlıklı palet, konseptin oyuncu tonunu premium bir görünümle dengeliyor.
Tek kod tabanı sayesinde ürün geliştikçe yeni özellikler aynı yapı üzerine eklenebiliyor. Framer tanıtım sitesi ise mağaza dışında da uygulamanın ne olduğunu sade bir şekilde anlatıyor. Loun Studio olarak Petty’de arayüz tasarımı ve full stack geliştirmeyi uçtan uca üstlendik.