Lumen - Creating a Design System from scratch for My inmo

DESIGN SYSTEM

2024

SIDE PROJECT

TEAM

PROBLEM

Welcome to the birth of Lumen, our shining star of a design system, created in tandem with the development of My Inmo—a platform aimed at revolutionizing how real estate professionals manage property sales and post-sale processes.

MY ROLE

In this project, we formed a team of three individuals with specific and complementary roles. My primary role was as an expert in interface design, user needs analysis, and design systems. I focused on creating an intuitive and visually appealing user experience, as well as designing interfaces that were both aesthetically pleasing and functional.

Wireframe of a mobile screen
Wireframe of a mobile screen
sketch sitemap of a platform
sketch sitemap of a platform
sketch sitemap of a platform
Wireframe of a desktop screen
Wireframe of a desktop screen

SOME DATA

A total of 90 users were surveyed, and 5 interviews were conducted. The findings indicate that 63.9% of the users have experience with online training. Additionally, 65.1% consider price as an important factor in their purchasing decision. Regarding personal trainers, the most valued attributes are their professionalism, education, and experience.


SOLUTION

Our main objective is to optimize the design to create an intuitive interface, eliminating information overload and ensuring a consistent visual appearance. Additionally, we aim to develop an identity that aligns with the client's strengths, highlighting their personality on the website and generating coherence across all aspects. This way, we will achieve a website that inspires trust and provides an exceptional user experience, meeting the needs of visitors and highlighting the uniqueness of the personal trainer.

Video cover
Video cover

VISUAL IDENTITY

With the goal of conveying the personality of the personal trainer, we have chosen to design a close and vibrant identity. This identity reflects the professionalism of Babs Diallo while also showcasing their commitment to the progress and improvement of their clients' health at a suitable pace.

Mamby screenshots
Mamby screenshots
Mamby screenshots

HANDOFF AND DEV

After testing the design with multiple users and the stakeholder, it was time to prepare everything for development. We carried out the development ourselves using the Webflow tool, which allowed us to adapt the design responsively and set up CMS sections so that our client can update the information that needs to be changed at any time.

Screen of a platform that shows data
Screen of a platform that shows data

CHALLENGES

One of the main challenges we faced was the need to adapt certain parts of the design to the limitations presented by the development platform.

Sergio Cervera: Full stack developer and CEO

Luca: Full stack developer

Chambo: Back-end developer

Laura Larrosa (me): Product designer + design system specialist