Del prototip al disseny validat

Cinc camins en paral·lel

Per al nou disseny de Pànxing vaig preparar cinc propostes completes i les vaig comparar sobre els continguts reals de la web. Quatre es van descartar: una versió fosca, una de pòster i dues editorials que anaven en una altra direcció. La triada va ser Editorial v2.

Com és Editorial v2

• Fons de paper càlid. Instrument Serif per als titulars, Inter per a tota la resta.
• Els destacats es marquen amb un triangle vermell i una estrella, com en un diari imprès.
• Cada comarca té el seu color: blau per a la Cerdanya, violeta per al Maresme, taronja per al Berguedà.
• LaIA, l’assistent d’IA, viu al hero de la portada. És la porta d’entrada, no un widget amagat.
• Al mòbil, navegació inferior amb el logotip PX al centre, i els detalls s’obren amb un bottom sheet.

El mòbil no va ser una adaptació posterior: amb el 69% de les visites venint del telèfon, el disseny es va validar amb un visor específic des del primer dia.

Primer HTML, després codi

Tot el disseny es va validar com a HTML estàtic abans de tocar el projecte real. Aquell fitxer és ara la font del design system: quan a la fase 2 un component no quadra, es compara amb l’HTML validat, no amb el record de com era.

Això evita discussions amb un mateix: el disseny ja està decidit; només cal implementar-lo bé.