Gezinme deneyiminizi iyileştirmek, site trafiğini analiz etmek ve içeriği kişiselleştirmek için çerezler ve benzeri teknolojiler kullanıyoruz. Tercihlerinizi istediğiniz zaman değiştirebilirsiniz.
Çerez onay tercihlerinizi yönetin.

Gezinme, güvenlik ve korumalı alanlara erişim gibi sitenin temel işlevleri için gereklidir. Bunlar devre dışı bırakılamaz.

Sitenin nasıl kullanıldığını anlamamıza yardımcı olur; performansı ölçüp iyileştirmemizi sağlar.

uLive - Fitness App

Kullanıcıların ister kayıttan isterse her gün özel olarak açılan canlı yayınlar aracılığıyla Indoor Cycling, Yoga, Pilates, Stretch, Dance ve bUUt derslere katılabileceği evde spor uygulaması uLive'ın MVP süreç yönetimi, tasarım ve yazılımlarını yaptık.

Ne Yaptık?
  • Kullanıcı Deneyimi (UX) Tasarımı
  • Web Arayüz (UI) Tasarımı
  • Back-End Geliştirme
  • Front-End Geliştirme
  • Android Uygulama Geliştirme
  • iOS Uygulama Geliştirme
Ne Kullandık?
BootstrapBootstrap, web geliştirme için hızlı ve kolay bir front-end framework'üdür. Tipografi, formlar, düğmeler, navigasyon ve diğer arayüz bileşenleri için HTML ve CSS tabanlı tasarım şablonları, ayrıca isteğe bağlı JavaScript eklentileri içerir.
CSSCSS, web sayfalarının görünümünü (stilini) tanımlayan bir dildir. CSS, HTML veya XML gibi diller ile birlikte kullanılarak, bir web sayfasındaki metinlerin fontlarını, renklerini, boşluklarını ve diğer görünüm öğelerini belirlemenize yardımcı olur.
EslintESLint, ECMAScript/JavaScript kodunda bulunan kalıpları tanımlayıp bildiren ve kodun daha tutarlı ve kolay bakım edilebilir hale getirilmesi amacıyla geliştirilen bir araçtır. Kod stilini zorunlu kılmak ve kod içinde potansiyel problemleri tespit etmek için kullanılır.
FigmaFigma, takımlar için bulut tabanlı bir tasarım ve prototipleme araçtır. Kullanıcı arayüzü tasarımlarını, wireframelerini ve prototiplerini oluşturmak için son yıllarda en yaygın kullanılan tasarım araçlarından birisidir.
GitGit, dağıtık bir versiyon kontrol sistemidir. Git, çalışma alanınızda yaptığınız değişiklikleri (commit) bir depoya (repository) ekleyerek bu değişikliklerin tarihçesini tutar. Bu sayede, projeye katkıda bulunan tüm çalışanların yaptıkları değişiklikleri takip edebilir ve projenin gelişimini izleyebilirsiniz.
Google AnalyticsGoogle Analytics, Google tarafından sunulan bir web analytics hizmetidir ve web sitesi trafiğini izler ve raporlar. Bir web sitesine ziyaretçilerin nasıl etkileşim kurduğunu anlamak için kullanılır, bu ziyaretçi sayısı, nereden geldikleri ve web sitesinde ne yaptıkları gibi bilgileri içerir. Google Analytics, bir web sitesinin performansını izlemek ve veri odaklı kararlar alarak web sitesini iyileştirme işlemleri için kullanılabilir.
Google FirebaseGoogle Firebase, Google tarafından geliştirilen bir mobil ve web uygulama geliştirme platformudur. Gerçek zamanlı veritabanı, kullanıcı kimlik doğrulaması ve hosting gibi birçok araç ve hizmeti sunar ve yüksek kaliteli uygulamaları hızlı ve etkin bir şekilde inşa etme ve ölçeklendirme amacıyla tasarlandı.
HTMLHTML bir metin işaretleme dilidir ve web sayfalarının içeriğini tanımlar. HTML, bir web sayfasında metinlerin, bağlantıların, resimlerin ve diğer öğelerin nasıl görüneceğini belirler. HTML dosyaları, bir web tarayıcısı tarafından açılarak görüntülenir.
JavascriptJavaScript, bir tarayıcı tabanlı programlama dilidir. Bu dil, web sayfalarında çalışan dinamik bir içerik oluşturulmasına yardımcı olur. Örneğin, JavaScript sayesinde bir web sayfasında bir formun doğruluğu kontrol edilebilir, bir sayfanın içeriği anında güncellenebilir ve kullanıcı etkileşimleri takip edilebilir.
JQueryjQuery, DOM'u manipüle etmeyi, olayları ele almayı ve asenkron HTTP isteklerini yapmayı kolaylaştıran, hızlı, küçük ve özellikleri zengin bir JavaScript kütüphanesidir. Web geliştirme alanında web sitelerine etkileşim eklemek için sıklıkla kullanılır.
JSONJSON bir veri değişimi formattır. Bu formatta, veriler nesneler, diziler ve değerler şeklinde ifade edilir. Örneğin, bir web uygulamasında bir veri kaynağından alınan veriler, bir web sunucusu tarafından JSON formatına dönüştürülerek bir web tarayıcısına gönderilebilir.
LaravelLaravel, web uygulaması geliştirme için kullanılan ücretsiz ve açık kaynak bir PHP web framework'üdür. Modern, kolay bakım edilebilir ve skalable uygulamalar geliştirmeyi kolaylaştırmak amacıyla tasarlandı.
MysqlMySQL, bir veritabanı yönetim sistemidir. Bu sistem, verilerin depolanması, sorgulanması ve işlenmesi için kullanılır. MySQL, çeşitli işletim sistemlerinde çalışabilen ve yüksek performanslı bir veritabanıdır.
NpmNPM (Node Package Manager'ın kısaltması) JavaScript runtime ortamı Node.js için varsayılan bir paket yöneticisidir. Node.js projesi için gereken paketleri (kütüphaneler ve araçlar) yüklemek ve yönetmek için kullanılır.
PHPPHP bir sunucu taraflı programlama dilidir. Bu dil, web sunucuları üzerinde çalışarak dinamik bir içerik oluşturulmasına yardımcı olur. Örneğin, PHP sayesinde bir web formundan gönderilen verileri işleyebilir, veritabanı sorguları yapabilir ve web sayfalarının içeriğini oluşturabilirsiniz.
PrettierPrettier, geliştiricilere temiz, tutarlı ve okunabilir kod yazma yardımcısı olan bir kod biçimleyicisidir. Kodun içeriğine odaklanmalarını sağlamak amacıyla, biçimlendirmeyi kendisi üstlenir.
SASSSASS (Syntactically Awesome Style Sheets'in kısaltması), CSS'i genişleten bir stil sayfası dilidir. Web siteleri ve uygulamalar için daha güçlü ve kolay bakım edilebilir stiller yazmak için kullanılır.
Vue.jsVue.js, kullanıcı arayüzleri inşa etmek için bir progressive JavaScript framework'üdür. Tek sayfa uygulamaları (SPAs) inşa etmek için kullanılır ve kolay öğrenilebilir, az kodla çalıştırılabilir ve büyük ölçekte uygulamaların inşasını ve bakımını kolaylaştırmak amacıyla tasarlanmıştır.
WebpackWebpack, JavaScript modüllerini ve diğer dosyaları (CSS, resimler, vb.) bir araya getirerek bir proje için optimize edilmiş bir dosya oluşturan bir modül bundler'dır. Web uygulamalarının geliştirilmesini ve dağıtılmasını kolaylaştırmak amacıyla tasarlanmıştır.
GraphQLGraphQL, bir veri sorgulama dilidir. GraphQL, bir veri kaynağından istenilen verilerin alınmasını ve bu verilerin nasıl sunulacağını belirlemenize yardımcı olur. GraphQL, REST veya diğer veri sorgulama dillerinden farklı olarak, istenilen verilerin tam olarak ne olduğunu ve nasıl sunulacağını belirtmenize izin verir.
Urban Riders Logo

Urban Riders, indoor cycling, grup eğitimi ve Bootcamp, Pilates, Yoga, ABS ve Stretch gibi diğer fitness dersleri sunan bir fitness stüdyosu ve spor salonudur. Devamlı gelişimi ve atletik performansı eğlenceyle birleştirirken aynı zamanda egzersizi sürdürülebilir kılmayı amaçlamaktadır.

Sorun

Pandemi sırasında daha fazla insan fitness ihtiyaçları için dijital çözümlere yöneldiğinden, o dönemde çevrimiçi fitness pazarında artan talep ve rekabet vardı.

Çözüm Önerisi

Mümkün olan en iyi kullanıcı deneyimini yaratabilmeye odaklandık ve görsel olarak çekici ve kullanımı kolay bir uygulama geliştirmeye yoğunlaştık. Ayrıca kullanıcıların farklı fitness seviyelerine ve tercihlerine uyum sağlamak için çeşitli egzersiz ve antrenman seçenekleri entegre ettik.

Sonuç

Uygulamalarımız kullanıcılar tarafından çok benimsendi ve uLive çok hızlı bir şekilde büyüyerek kısa bir zaman zarfında 2 yatırım turunu başarıyla tamamladı.

Covid salgını dönemindeki zorunlu eve kapanmalar esnasında, mümkün olan en hızlı ve etkili şekilde insanların evlerinin rahatlığında formda ve sağlıklı kalmalarını kolaylaştıracak bir fitness uygulaması geliştirmek için bize ulaşan uLive'ı, fikir aşamasından başarılı bir ürüne kadar tasarladık ve geliştirdik. Kullanıcılara mobil cihazlardan canlı fitness ve bisiklet seanslarına erişim sağlayan uygulamayı olabildiğince ilgi çekici, kullanıcı dostu ve kullanımı kolay bir uygulama olarak hayata geçirebilmek için en son teknolojileri ve tasarım trandlerini kullandık. Aynı zamanda uygulamanın kısa bir zamanda geliştirilmesini ve canlı yayın oturumlarında 1000'den fazla kullanıcıya hizmet verebilmesini sağlamak için müşterimizle yakın bir şekilde çalıştık ve Vimeo ile ortaklık kurduk. uLive, şimdiden çok başarılı oldu ve şimdiden ikinci tur yatırımlarını aldı ve gelecek vaat eden bir girişim olarak hayatına devam ediyor. Bu başarılı yolculuğun bir parçası olduğumuz için her zaman gurur duyuyoruz.

Ulive Fitness Mobil Uygulama Web Sitesi

Kusursuz dijital antrenman deneyimi

Mobil, masaüstü ve TV ile uyumlu, kusursuz dijital antrenman platformu sayesinde kullanıcılar diledikleri zaman kendi evlerinin rahatlığında birinci sınıf bir antrenmanlar yapma imkanı buldular.

Katı yüz yüze eğitim programlarına elveda!

Ulive, kullanıcılarına esneklik ve kolaylık sağlayarak kullanıcıların yalnızca canlı yayınlara katılmasını değil; istedikleri zaman, istedikleri yerde ve kendi hızlarında herhangi bir içeriğe erişmelerine, favori listelerini oluşturmalarına, sosyalleşmelerine ve puan kazanırken rekabet etmelerine olanak tanıyor.

Ulive Fitness UI Components (Arayüz Bileşenleri)

Ulive Fitness Uygulama Ekranları (App Screen Designs)

Ulive Fitness Website UI Design (Arayüz Tasarımı)

Ulive Fitness Workout Card Design
Ulive Fitness Workout and Trainer Card
Ulive Fitness Workout Program
Ulive Fitness Workout Filtering UI Design (Arayüz Tasarımı)
Ulive Fitness Workout Programs
Ulive Fitness Trainers (Antrenörler)

Bir projeniz mi var?

Detayları görüşebilmek için sabırsızlanıyoruz.

Dijital projelerinizdeki ihtiyaçlarınızı karşılamak ve uzmanlık alanlarımızdaki tüm sorularınızı yanıtlamak için buradayız.