La finalitat d’unir els Sistemes de Disseny de Fotocasa i Habitaclia en un únic sistema multitema, respon a tres necessitats:

1. Optimitzar el procés de disseny multiplataforma i agilitzar el posterior desenvolupament de la UI.
2. Facilitar la col·laboració entre equips de disseny i desenvolupament.
3. Implementar un sistema de documentació i recursos compartits per facilitar l’ús del sistema de disseny.

La solució la trobem en Panot, un Sistema de Disseny multi-tema en el qual, a través d’un extens treball de variables a Figma, definim tokens vàlids per a cadascuna de les plataformes, respectant l’look&feel de Fotocasa i Habitaclia.

Només cal definir el context de cada pantalla que dissenyem, per adaptar tots els tokens i components d’aquesta pantalla al portal requerit, cosa que agilitza enormement el procés de disseny i desenvolupament multiplataforma.

La paleta de colors, estils de text, efectes (ombra, radi...) i iconografia són elements clau per dotar de personalitat pròpia a qualsevol lloc web.

En un Sistema de Disseny multi-tema, la correcta definició d’aquests tokens, en les seves versions light & dark mode, és un procés vital per mantenir aquesta diferenciació en l’look & feel i la personalitat de cadascun dels portals.