We use cookies and similar technologies to enhance your browsing experience, analyze site traffic, and personalize content. You can customize your preferences at any time.
Manage your cookie consent preferences.

Essential for core site functionality such as navigation, security, and access to protected areas. These cannot be disabled.

Help us understand how the site is used so we can measure performance and improve it.

uLive - Fitness App

We did the MVP process management, design and software development of uLive, an indoor training application where users can participate in Cycling, Yoga, Pilates, Stretch, Dance and bUUt classes either through registration or through live broadcasts that are specially broadcasted every day.

What We Did
  • User Experience (UX) Design
  • Web User Interface (UI) Design
  • Back-End Development
  • Front-End Development
  • Android App Development
  • iOS App Development
What We Used
BootstrapBootstrap is a free front-end framework for faster and easier web development. It includes HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript plugins.
CSSCSS is a language that is used to describe the appearance (style) of web pages. CSS is used with HTML or XML to specify the font, color, spacing, and other appearance elements of a web page.
EslintESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and easier to maintain. It is used to enforce code style and identify potential problems in code.
FigmaFigma is a cloud-based design and prototyping tool for teams. It is used to create and collaborate on user interface designs, wireframes, and prototypes.
GitGit is a distributed version control system. Git keeps a history of the changes you make in your workspace by adding them to a repository. In this way, you can follow the changes made by all employees contributing to the project and monitor the progress of the project.
Google AnalyticsGoogle Analytics is a web analytics service offered by Google that tracks and reports website traffic. It is used to understand how visitors interact with a website, including the number of visitors, where they come from, and what they do on the site. Google Analytics can be used to track the performance of a website and to make data-driven decisions to improve it.
Google FirebaseGoogle Firebase is a mobile and web application development platform developed by Google. It offers a range of tools and services for building, testing, and analyzing applications, including a real-time database, user authentication, and hosting. Google Firebase is designed to help developers build and scale high-quality apps quickly and efficiently.
HTMLHTML is a text markup language and defines the content of web pages. HTML determines how text, links, images, and other elements appear on a web page. HTML files are opened and viewed by a web browser.
JavascriptJavaScript is a browser-based programming language. This language helps to create dynamic content that works on web pages. For example, JavaScript can check the accuracy of a form on a web page, update the content of a page instantly, and track user interactions.
JQueryjQuery is a fast, small, and feature-rich JavaScript library that makes it easier to manipulate the Document Object Model (DOM), handle events, and perform asynchronous HTTP requests. It is widely used in web development to add interactivity to websites.
JSONJSON is a data exchange format. In this format, data is expressed as objects, arrays, and values. For example, data from a data source in a web application can be converted to JSON format by a web server and sent to a web browser.
LaravelLaravel is a free and open-source PHP web framework used for web application development. It is designed to make it easier for developers to write modern, maintainable, and scalable applications.
MysqlMySQL is a database management system. This system is used for storing, querying and processing data. MySQL is a high-performance database that can run on various operating systems.
Npmnpm (short for Node Package Manager) is the default package manager for the JavaScript runtime environment Node.js. It is used to install and manage packages (libraries and tools) that are required for a Node.js project.
PHPPHP is a server-side programming language. This language helps to create dynamic content by running on web servers. For example, with PHP you can process data sent from a web form, make database queries, and create the content of web pages.
PrettierPrettier is a code formatter that helps developers to write clean, consistent, and easy-to-read code. It is designed to take care of the formatting, so developers can focus on the content of their code.
SASSSASS (short for Syntactically Awesome Style Sheets) is a style sheet language that extends CSS. It is used to write more powerful and maintainable styles for websites and applications.
Vue.jsVue.js is a progressive JavaScript framework for building user interfaces. It is used to build single-page applications (SPAs) and is designed to be easy to learn and use.
WebpackWebpack is a module bundler for JavaScript applications. It is used to package and optimize code, assets, and libraries for deployment to the web. It is often used in the development of modern web applications to improve performance and reduce the size of the application.
GraphQLGraphQL is a data query language. GraphQL helps you determine whether to retrieve desired data from a data source and how to present that data. Unlike GraphQL, REST, or other data query languages, it lets you specify exactly what the requested data is and how it should be presented.
Urban Riders Logo

Urban Riders is a fitness studio and a gym that offers indoor cycling, group training, and other fitness classes such as Bootcamp, Pilates, Yoga, ABS, and Stretch. The team at Urban Riders is focused on the development and aims to combine athletic performance with entertainment while also making exercise sustainable.

Challenge

There was increasing demand and competition in the online fitness market at that time as more people turned to digital solutions for their fitness needs during the pandemic.

Solution Proposal

We focused on the user experience and created a visually appealing and easy-to-use app. We also integrated a variety of workouts and training options to accommodate users' different fitness levels and preferences.

Results

Our applications were very well adopted by the users and helped drive business growth for our customers in the fitness industry, completing two successful investment phases.

We designed and developed uLive from concept to successful product during the Covid pandemic to make it easier for people to stay fit and healthy from the comfort of their homes. The application allows users to access live fitness and cycling workouts from mobile devices. Our team used the latest technologies and design principles to develop an engaging, user-friendly, easy-to-use application. We worked closely with the client and partnered with Vimeo to ensure the application was available to over 1000 concurrent users for live-streaming sessions. The finished product was a success as uLive went through two rounds of investment after our MVP and continues to be a promising startup. We are always proud to have been part of this successful journey.

Ulive Fitness Mobil Uygulama Web Sitesi

Seamless digital workout experience

With our seamless digital training platform compatible with mobile phones, desktops and televisions, users can get a top-notch workout from the comfort of their own home.

Say goodbye to rigid in-person training schedules!

Our digital training application allows for flexibility and convenience, allowing users to access not only the live streams but also any content on the go and at their own pace, create their favourite lists, socialize and compete while earning points

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)

Have a project in mind?

Let's discuss how we can bring your vision to life.

We are here to answer any questions you have about our services and how we can help you with your digital projects.