Racoo.
Öğrenme sürecini rekabet, topluluk ve ilerleme duygusuyla yeniden kurguladık.
Racoo için öğrencilerin ders programlarını ve konu ilerlemelerini takip ederken takımlara katılabildiği, yarışabildiği ve sorularını toplulukla paylaşabildiği oyunlaştırılmış bir eğitim deneyimi tasarladık. Marka ve ürün kurgusundan tablet ile mobil UX/UI’a, React tabanlı ön yüz uygulamasına kadar projeyi bütünlüklü bir dijital ürün olarak ele aldık.
Ana sayfa
İhtiyaç.
Öğrencinin ders planını takip etmesi, tamamladığı konuları görmesi ve çalışma düzenini sürdürmesi çoğu zaman birbirinden kopuk araçlar gerektiriyordu. Racoo’nun hedefi bu görevleri tek üründe toplarken öğrenmeyi yalnızca bireysel bir takip süreci olmaktan çıkarmak; rekabet, takım duygusu ve topluluk etkileşimiyle daha canlı hâle getirmekti.
Üründe ders programı ve konu durumu gibi bilgi yoğun ekranların yanı sıra turnuvalar, yarışmalar, profil, topluluk ve soru paylaşımı gibi sosyal akışlar bulunuyordu. Tüm bu yapıların öğrenciyi yormadan, ortak bir navigasyon ve görsel dil içinde çalışması gerekiyordu.
Ürün ve deneyim yaklaşımı.
Ana deneyimi öğrencinin günlük durumunu hızlıca görebileceği bir merkez olarak kurguladık. Ders programı, yaklaşan görevler, konu ilerlemesi ve katıldığı etkinlikler ortak bir hiyerarşide toplandı. Tabletin geniş alanını özet ve ayrıntıyı birlikte sunmak için kullanırken, mobil ekranlarda en önemli görevleri öne çıkararak içerikleri yeniden önceliklendirdik.
Ders programını gün ve saat düzeninde kolay taranabilir hâle getirdik. Konu durumlarında tamamlanan, devam eden veya çalışılması gereken başlıkları görsel göstergelerle ayırarak öğrencinin ilerlemesini tek bakışta anlayabilmesini sağladık.
Genel durum
Ders programı
Oyunlaştırma ve topluluk.
Takım turnuvaları ve yarışma ekranlarında katılım, sıralama, süre ve sonuç gibi bilgileri rekabet duygusunu destekleyen açık bir yapıda sunduk. Renkleri ve durum bileşenlerini yalnızca dekoratif değil, öğrencinin etkinlik içindeki konumunu ve sonraki adımını anlatan işaretler olarak kullandık.
Topluluk alanında öğrencilerin birbirleriyle etkileşim kurabildiği, sorularını paylaşabildiği ve yanıtları takip edebildiği akışlar tasarladık. Profil ekranı ise akademik ilerleme ile sosyal katılımı aynı kişisel görünümde birleştirdi.
Tasarım sistemi ve React uygulaması.
Koyu zemin üzerinde çalışan canlı renk paletiyle Racoo’ya oyun dünyasına yaklaşan, ancak eğitim içeriğinin okunabilirliğini koruyan ayırt edici bir görsel karakter kazandırdık. Ortak tipografi, kart, durum, navigasyon ve etkileşim bileşenlerinden oluşan sistem; tablet ve telefonda tutarlı bir deneyim sağladı.
Tasarım sistemini React tabanlı ön yüz uygulamasına taşıyarak tasarım ile çalışan ürün arasındaki sürekliliği koruduk. Responsive bileşenler ve ortak ekran mantığı sayesinde farklı kullanım bağlamlarını tek ürün yapısında buluşturduk.
Arena sıralaması
Teke tek yarışma
Ortaya çıkan çalışma.
Ortaya, akademik takibi oyunlaştırma ve topluluk deneyimiyle bir araya getiren kapsamlı bir eğitim ürünü çıktı. Racoo; öğrencinin derslerini planladığı, gelişimini gördüğü, takımlarla yarıştığı ve sorularını paylaşabildiği bütünlüklü bir tablet ve mobil deneyime dönüştü.
