top of page

INTRODUCTION

Project Overview

This project was made as part of my UX/UI studies in which I designed a friendly app to help the user build a community and help him stay motivated to work out.
With a wide range or features and intuitive design.

Frame 23648.png
Group 1.jpg

OASIS

This project was made as part of my UX/UI studies in which I designed a friendly app to help the user build a community and help him stay motivated to work out.
With a wide range or features and intuitive design.

UI / UX DESIGN FOR OASIS

The Final Design

Here are some of the final design screens
that I would like to share with you

iPhone 12 Pro 6.1_ Mockup Front View.png
iPhone 12 Pro 6.1_ Mockup Front View.png
iPhone 12 Pro 6.1_ Mockup Front View-1.png
iPhone 12 Pro 6.1_ Mockup Front View-1.png
iPhone 12 Pro 6.1_ Mockup Front View-2.png
iPhone 12 Pro 6.1_ Mockup Front View-3.png
iPhone 12 Pro 6.1_ Mockup Front View-5.png
Screen Shot 2023-09-26 at 2.02.40 PM.png
iPhone 12 Pro 6.1_ Mockup Front View-6.png
iPhone 12 Pro 6.1_ Mockup Front View-8.png
Screen Shot 2023-09-26 at 2.07.00 PM.png
Screen Shot 2023-09-26 at 1.26 1.png
iPhone 12 Pro 6.1_ Mockup Front View-12.png
iPhone 12 Pro 6.1_ Mockup Front View-13.png
iPhone 12 Pro 6.1_ Mockup Front View-9.png
iPhone 12 Pro 6.1_ Mockup Front View-10.png
Screen Shot 2023-09-26 at 1.27 1.png
Screen Shot 2023-09-26 at 1.28 1.png

INTRODUCTION

Onboarding

In the onboarding process the user verifies his identity via phone or email then he gets to chose his fitness level, classes he would be most interested in and lastly accepting push notifications 

INTRODUCTION

Scheduale 

In the schedule the user can see all the different classes
locations and levels to sign up to.
He can use the filter feature to help him find the exact class to sign up for. 
The user is able to see who is signed up to the class 
a and check maybe if his friend is their to help him stay motivated to signed un for more classes. After signing up for a class t

INTRODUCTION

Home Page

In the home page he user can see his upcoming 
classes, in addition he can see suggestions the app is
showing from the onboarding process and lastly he can 
view his progress and activity which can help him stay 
motivated and see how many classes he had gone to
overall.

Screen Shot 2023-09-26 at 11.10.13 AM.png

02

FONT: POPPINS

Style Guide

03

APP COLOR

Style Guide

Primary

#0098FD

Primary

Gray Scale | White | Black

#000000

Black

#272727

Heading

#737373

Secondary dark

Secondary Light

#CCCCCC

#F7F7F7

Gray

#FFFFFF

White

APP ICONS

Screen Shot 2023-09-26 at 11.56.02 AM.png
Screen Shot 2023-09-26 at 1.02.47 PM.png

02

COMPONETS

Style Guide

bottom of page