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ó. L'elegida 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 a l'hero (la zona gran de dalt 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 panell que puja des de baix).

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 (només aspecte, sense programació) abans de tocar el projecte real. Aquell fitxer és ara la font del design system (la caixa de components visuals): 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é. I apunta al mateix lloc que les pàgines que més confiança han de guanyar: La pàgina «Sobre mi»: més que una biografia.