UX/UI design

Website

Illustration

Published January 2024

Headquarters

Finland

Output

landing page design

marketing design

mobile page design

industry

personal trainer & fitness

About the project

About the project

PT Michelle is a company in the fitness industry providing personal training and nutrition plans for individuals. During out partnership I worked on improving the design for the web app and website.

The Challenge

The Challenge

The task involved redesigning the visual aesthetics of their web and mobile app, creating an enhanced UI design that upholds the consistent branding of their overall design.

The Solution

The Solution

The objective was to create an improved modern, user-friendly version for the website, effectively increasing exposure for the company.

Design process

Visuals & typography

Visuals & typography

The redesign process of the visuals and features invloved developing a design system with brand guidelines, including colors, fonts and illustration styles. We opted for energetic orange hues with a colder secondary palette to emphasize the overall active mood, complemented with a dark background. Much emphasis was placed on the suitability of tones for a dark website.

Primary Brand
Primary Brand
700
700
#D35535
#D35535
Primary
Primary
200
200
#FBCF92
#FBCF92
Primary variant
Primary variant
Primary variant
700
700
700
#4AF5C6
#4AF5C6
#4AF5C6
Secondary
Secondary
Secondary
200
200
200
#92BEFB
#92BEFB
#92BEFB
Primary Brand
700
#D35535
Primary
200
#FBCF92
Background
Background
Background
#0F1014
#0F1014
#0F1014
Surface
Surface
Surface
#191E26
#191E26
#191E26
Error
Error
Error
#CF6679
#CF6679
#CF6679
On background
On background
On background
#FFFFFF
#FFFFFF
#FFFFFF
On Surface
On Surface
On Surface
#FFFFFF
#FFFFFF
#FFFFFF
On Error
On Error
On Error
#000000
#000000
#000000
On Primary
On Primary
On Primary
#000000
#000000
#000000
On Secondary
On Secondary
On Secondary
#000000
#000000
#000000

illustrations

Illustration & icons

Illustration & icons

For the illustration style, we have decided to keep it as minimal and straightforward as possible to ensure that the visuals don’t distract the readability of the content while still effectively conveying the intended message.

the results

Impactful results - from vision to reality

Impactful results - from vision to reality

I've explored numerous design options and concepts during the collaborative process, ultimately creating a visually compelling design for their website and landing page.

Before

After

conclusion

Rewarding collaboration

Rewarding collaboration

The website was brought back to life by redesigning it with a clear purpose, highlighting the services they provide and what they do.

The seamless delivery and engaging design effectively conveying information, resulting in a boost in website traffic and visitors.