Ai-Powered Mood Analysis iOS Mobile App Design PNG File
Ai-Powered Mood Analysis iOS Mobile App Design PNG File
Ai-Powered Mood Analysis iOS Mobile App Design PNG File
Ai-Powered Mood Analysis iOS Mobile App Design PNG File
Ai-Powered Mood Analysis iOS Mobile App Design PNG File
Ai-Powered Mood Analysis iOS Mobile App Design PNG File

Project introduction

About

A key element of this network will be to improve focus and results – in both sports and life.

App is a social network which allows its users to collectively report on, find others and improve their mental health. As its core, and to launch this network, app’s initial focus will leverage its “unfair advantage” and access to sports assets, especially tennis. It will use these advantages to build a strong core of early adopters, and then expand to other athletes and the general public.

My Role

Ideate
Research
Wireframing
Presentation
Lo-Fi Prototyping
Hi-Fi Prototyping
Visual design

Category

AI Based sports assessment

Type

Mood analysis

Devices

IOS App Design

Timeline

One Month

mobile app Design PNG Image
mobile app Design PNG Image
mobile app Design PNG Image

Objective

Information architecture

Problems

Problem for app is the need to create a user-friendly and engaging platform that effectively addresses the mental health needs of its users, particularly in the context of sports and life improvement. The challenge lies in providing automated, objective, and accurate daily mood/mental state assessments while also offering personalized AI-based and community-driven support.

No self assessment, but AI based analysis based on various input factors and on a daily basis to ensure objectivity, accuracy and avoid self cheating.

Solutions

To address UX problem, the solution involves creating a user-friendly platform that offers automated daily mood assessments based on AI analysis of various input factors. Additionally, the platform should provide personalized, AI-based, and community-driven mental health support. Seamless onboarding, engaging data visualization, community engagement features, timely notifications, and iterative design and testing will ensure a cohesive and user-centric experience. This approach will empower users to improve their mental well-being, enhance focus, and achieve better results in both sports and life.

View as Information architecture Design
View as Information architecture Design

Primary and Others

Brand
Colors & Font

01

RGB 255 255 255

HEX #FFFFFF

02

RGB 205 206 204

HEX #CDCECC

03

RGB 154 154 154

HEX #2F2F2F

04

RGB 030 030 030

HEX #0D0D0D

05

RGB 000 000 000

HEX #000000

06

RGB 137 215 254

HEX #89D7FE

07

RGB 131 197 190

HEX #83C5BE

08

RGB 076 170 180

HEX #4CAAB4

09

RGB 255 147 077

HEX #FF934D

Gloock

Gloock

Inter

Inter

Inter

I use two fonts for this project:
Gloock and Inter.

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

0123456789

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

0123456789

Regular

Medium

Light

H1- 70 H2- 56 H3- 44

paragraph- 18, 16, 14

H1- 70 H2- 56 H3- 44

paragraph- 18, 16, 14

H1- 70 H2- 56 H3- 44

paragraph- 18, 16, 14

Ideate basic structure

Wire-framing

After conducting online research, I have enclosed the basic firmware structure of the IOS App. Based on that, I will develop both Lo-fi and Hi-fi prototypes.

Wireframe Design PNG Image
Wireframe Design PNG Image
Wireframe Design PNG Image

About

Design

aesthetic appeal and usability through the use of images, typography, space, and layout.

*The app's stocks were selected from Unsplash and Freepik.

Login Screen Mobile App Design PNG Image
Login Screen Mobile App Design PNG Image

Login process

After registering, users can log in using their email and password. If they forget their password, they can use the 'forgot password' option. If they're new, they can choose the 'register' option.

Login Screen Mobile App Design PNG Image

Login process

After registering, users can log in using their email and password. If they forget their password, they can use the 'forgot password' option. If they're new, they can choose the 'register' option.

Onboarding

The onboarding screen asks users to express their feelings, select moods or tag their activity, and add any special notes.

onboarding Screen Mobile App Design PNG Image
onboarding Screen Mobile App Design PNG Image

Onboarding

The onboarding screen asks users to express their feelings, select moods or tag their activity, and add any special notes.

onboarding Screen Mobile App Design PNG Image
Welcome Screen Mobile App Design PNG Image
Welcome Screen Mobile App Design PNG Image

Welcome

Before accessing the main screen, the welcome screen indicates that everything is ready, inviting users to start.

Welcome Screen Mobile App Design PNG Image

Welcome

Before accessing the main screen, the welcome screen indicates that everything is ready, inviting users to start.

Home

After finishing the initial process, the home screen displays automated assessments based on various input factors. These assessments are AI-based, ensuring objectivity, accuracy, and daily updates for recommendations.

home Screen Mobile App Design PNG Image
home Screen Mobile App Design PNG Image

Home

After finishing the initial process, the home screen displays automated assessments based on various input factors. These assessments are AI-based, ensuring objectivity, accuracy, and daily updates for recommendations.

home Screen Mobile App Design PNG Image
discover Screen Mobile App Design PNG Image
discover Screen Mobile App Design PNG Image

Discover

Discovery features employ AI-based assessments for objective, accurate, and daily updated recommendations.

discover Screen Mobile App Design PNG Image

Discover

Discovery features employ AI-based assessments for objective, accurate, and daily updated recommendations.

Assessment

When users click the mood assessment navigation, the AI calculates their mood score on a daily, weekly, or monthly basis and offers recommendations and improvement scores.

Assessment Screen Mobile App Design PNG Image
Assessment Screen Mobile App Design PNG Image

Assessment

When users click the mood assessment navigation, the AI calculates their mood score on a daily, weekly, or monthly basis and offers recommendations and improvement scores.

Assessment Screen Mobile App Design PNG Image
exercise Screen Mobile App Design PNG Image
exercise Screen Mobile App Design PNG Image

Exercise

In the Exercise section, users receive AI-based audio tips for improvement, recommendations, and can interact with a community by liking, reposting, and more.

exercise Screen Mobile App Design PNG Image

Exercise

In the Exercise section, users receive AI-based audio tips for improvement, recommendations, and can interact with a community by liking, reposting, and more.

Profile

In the Profile section, users can check assessment scores, view tips, follow others, see their followers, and access settings.

profile Screen Mobile App Design PNG Image
profile Screen Mobile App Design PNG Image

Profile

In the Profile section, users can check assessment scores, view tips, follow others, see their followers, and access settings.

profile Screen Mobile App Design PNG Image

Thank you
for your time!

Please don't hesitate to share
any feedback about the project.