Focus Tree

A solid foundation for sustainable interfaces

Date
2022—23
Customer
Focus Tree
background
Multidisciplinary team:
CEO/Project Manager, Product Owner, 3D Artist + Developer Team
About

Design System: A unified system designed to ensure the visual and functional consistency of the application.
Objective: Simplify development, accelerate design, and ensure a consistent experience across mobile and desktop.
Approach: Modular grids, a consistent color palette, reusable components, and clear documentation for product and tech teams.
My role: Design and structuring of the design system, creation of Figma components, definition of accessibility rules, and support for teams in its adoption.

Research and building

Approach: Analysis of user and team needs to define the essential components.
Methods:
.
Audit of existing interfaces to identify inconsistencies and areas for improvement.
. Benchmark of reference design systems (Material, Carbon, etc.).
. Collaborative workshops with designers and developers to define the nomenclature and structure.
Key axes: Accessibility (RGAA/WCAG), modularity, scalability, and cross-platform consistency.

Challenges

. Finding the balance between simplicity and functional richness
. Ensuring consistency while allowing creative flexibility
. Ensuring technical compatibility between Figma and front-end implementation.

Results

. Setting up a library of reusable components
. Reducing design and development time through standardization.
. Improving the quality and accessibility of interfaces.
. Adoption of the design system by all product and tech teams.

€1,5M
uplifted
100K
daily users
4.6/5
On App Store
Do you have a project?

Let's work together