Ürün Tasarımcısı

VOLT

İstanbul’da üç salonu olan bir güç ve kondisyon kulübü için tasarladığım web sitesi konsepti. Anasayfadan üye paneline kadar 14 ekranı masaüstü ve mobil için yan yana çalıştım. Sitenin iyi bir resepsiyonun cevapladığı soruları cevaplamasını istedim: bugün ne var, kim çalıştırıyor ve nasıl başlanır.

VOLT sitesinin masaüstü ve mobil görünümü, “Train like it matters” anasayfasıyla

Genel Bakış

Çoğu spor salonu sitesi, stok fotoğraflardan oluşan bir duvar ve bir formun arkasına saklanmış bir fiyat listesinden ibaret. VOLT ise sitesini kulübün bir parçası gibi ele alıyor. Bütün sistem tek bir vurgu rengi üzerine kurulu: limon yeşili sadece o an dikkat isteyen şeyi işaretliyor; ana buton, canlı olan ders ya da o sırada kaydettiğin set gibi. Geri kalan her şey siyah, beyaz ve iki ton gri. Böylece enerjiyi fotoğraflar, hiyerarşiyi de tipografi taşıyor. Başlıklarda Bricolage Grotesque, metinlerde Geist, sayı ve etiketlerde Geist Mono kullandım.

Anasayfa

Tek bir giriş alanı ve tek bir vaat, ardından kulübün kendisi. Gülümseyen bir yabancının stok fotoğrafı yerine sayfa, bugün gerçekten rezervasyon yapabileceğin derslerle açılıyor. Sonra programlar, onları yürüten koçlar ve iptal kuralı açıkça yazılmış planlar geliyor.

VOLT anasayfasının masaüstü ve mobil görünümü: giriş alanı, bugünün dersleri, koçlar ve üyelik planları

Programlar

Hedefe ve seviyeye göre filtrelenebilen dokuz koçlu program. Her kartta programın kaç hafta sürdüğü, kimin yürüttüğü ve haftada kaç seans gerektirdiği yazıyor. Listeye bakmak istemeyenler için en alttaki üç soruluk kısa test onlara uygun programı seçiyor.

VOLT programlar sayfası: dokuz program kartı, hedef filtreleri ve üç soruluk test

Program Sayfası

Karar vermek için gereken her şey tek bir kaydırmaya sığıyor: programı kimin yürüttüğü, tipik bir haftanın nasıl geçtiği, hangi ekipmanın gerektiği ve ne kadar tuttuğu. Programı bitiren üyelerin yorumları en sonda, başla butonu ise ekrandan hiç çıkmıyor.

Foundation Strength program sayfası: koç, örnek bir hafta, ekipman listesi ve üye yorumları

Antrenman Ekranı

Üründeki tek koyu sayfa, çünkü antrenmanın tam ortasında kullanılıyor. Solda video, sağda seansın planı ve geçen sefer ne kaldırdığını hatırlayan bir set kaydı var. Böylece bunu hiçbir yerde aramak zorunda kalmıyorsun.

Koyu renkli VOLT antrenman ekranı: egzersiz videosu, seans planı ve set kaydı

Dersler ve Program

Yedi günlük bir tarih seçici ve üç kulüp için bir filtre. Kalan yer sayısı rakam yerine kısa bir çubukla gösteriliyor, bir bakışta okunması daha kolay. Dolu bir ders seni doğrudan bekleme listesine götürüyor.

VOLT ders programı: yedi günlük tarih seçici, kulüp filtreleri ve çubukla gösterilen boş yerler

Koçlar

Üç kulüpte on sekiz koç var ve hepsi hâlâ antrenman yapıyor ya da yarışıyor. Kartlar sertifika listesiyle değil, kişinin kendisiyle açılıyor.

VOLT koçlar sayfası: üç kulübün koç kartları

Koç Profili

Bir özgeçmiş gibi değil, bir profil gibi okunan bir koç sayfası. Kaldırdığı ağırlıklar, yazdığı programlar, bu hafta verdiği dersler ve onunla bir saatlik seans ayırtmak için bir buton.

Elif Kaya’nın koç profili: kaldırdığı ağırlıklar, programları, bu haftaki dersleri ve rezervasyon butonu

Beslenme

Bir spor diyetisyeniyle hazırlanmış üç beslenme planı. Makrolar olduğu gibi yazıyor, tarifler otuz dakikanın altında. Küçük bir hesaplayıcı sana günlük tek bir sayı veriyor ve o sayıya en yakın planı gösteriyor.

VOLT beslenme sayfası: üç beslenme planı, kısa tarifler ve kalori hesaplayıcı

Üyelik

Üç plan, yan yana bir karşılaştırma tablosu ve fiyatın altında değil üstünde yazan iptal koşulları. İnsanların üye olmadan önce gerçekten sorduğu sorular da aynı sayfada cevaplanıyor, bir satış görüşmesine gerek kalmadan.

VOLT üyelik sayfası: üç plan, karşılaştırma tablosu ve sık sorulan sorular

Üye Paneli

Üye alanı bir akış değil, bir panel. Bu haftanın seansları, koçtan gelen not, rezerve edilmiş bir sonraki ders ve son vücut analizi tek bir ekranda duruyor.

VOLT üye paneli: bu haftanın seansları, koçun notu, bir sonraki ders ve antrenman istatistikleri

Topluluk

Herkese açık bir sıralama tablosu olan aylık bir meydan okuma, ders programı dışındaki etkinlikler ve üyelerin selfie yerine kişisel rekorlarını paylaştığı bir akış. Ekim ayının hedefi koşu, kürek ya da kayak makinesiyle yüz kilometre.

VOLT topluluk sayfası: ekim meydan okuması, sıralama tablosu, etkinlikler ve üye paylaşımları

Yazılar

Koçların yazdığı, haftada bir ya da iki yazı. Öne çıkan bir yazı, en çok okunanlar listesi ve haftada tam olarak tek bir e-posta sözü veren bir bülten kutusu.

VOLT yazılar sayfası: bir koçun öne çıkan yazısı, son yazılar ve bülten kaydı

Kayıt

Yaklaşık doksan saniye süren dört adım. Asıl önemli olan tek soru ilki: neye hazırlanıyorsun? Ekranın sağ yarısında ise kulüpte neden kaldığını anlatan bir üye var.

VOLT kayıt akışı: neye hazırlandığını soran ekran, yanında bir üyenin fotoğrafı ve sözleri

Kulüpler

Haritada üç kulüp, sade bir tabloda açılış saatleri ve yakınında kulüp olmayanlar için ayrı bir kart. Online plan 19 dolar ve aynı koçlarla geliyor.

VOLT kulüpler sayfası: haritada üç İstanbul kulübü, kulüp kartları ve açılış saatleri

Sonuç

Limon yeşilini tek bir göreve ayırmak, en çok dayandığım kural oldu. Geri kalan her şey siyah, beyaz ve gri olunca, anasayfadaki bir sonraki dersten antrenmanın ortasında kaydedilen sete kadar bir ekranda neyin önemli olduğunu göstermeye tek bir renk yetiyor. Masaüstündeki her bölümü ilk ekrandan itibaren telefon versiyonunun yanında tasarlamak da işe yarayan hiçbir şeyin bir menünün arkasında kaybolmamasını sağladı. VOLT kişisel bir konsept: kulüp, koçlar ve üyeler hayali; rezervasyon kuralları, ders formatları ve üyelik koşulları ise gerçek salonlardan alındı.

Daha fazla çalışma