Mente

Focus

Focus

Designing a scalable coaching platform

Role

Role

Product Designer

Timeline

Timeline

4 weeks

Product Experience

Mentorship interactions move from discovery to booking and ongoing communication. I designed Mente as a connected interface system built on reusable layouts, navigation patterns, and UI components that scale consistently across screens.

Discovery

The discovery experience surfaces courses and mentors through content cards that allow users to quickly evaluate topics, expertise, and ratings before exploring further.

Booking

The booking flow allows users to select the session format, choose a skill focus, and confirm an available time slot.

Messaging

A messaging tab organizes conversations by mentor, allowing learners to continue discussions between scheduled sessions.

Account and Progress

Account screens provide access to progress milestones, session history, settings, and platform support.

Component Library

Common UI elements were created as modular components that could be reused across the product.

Design System

To support scalability and developer handoff, the interface was built using an Atomic Design system composed of reusable components, shared layout rules, and consistent interaction patterns.

Reflection

Designing Mente reinforced the importance of thinking in systems rather than individual screens. Building the interface around reusable components and defined layout rules helped ensure the product could scale while remaining straightforward for developers to implement. The process helped me understand how clear UI structure can simplify complex workflows such as discovery, booking, and communication.