NodraLabs desenvolupa webs per a agències de branding i estudis de disseny a partir dels seus arxius de Figma. Respectem tipografia, retícula, color i moviment, resolem el que el disseny no defineix (estats, mides intermèdies, contingut real) consultant-ho amb l'estudi, i deixem un gestor de continguts que impedeix trencar la marca en editar. L'estudi signa el disseny; nosaltres el construïm.
Què es perd entre el disseny i la web, i com ho evitem
| Què acostuma a fallar | Per què passa | Què fem |
|---|---|---|
| La tipografia no és la del manual | La llicència d'escriptori no cobreix l'ús a web, o la font es carrega malament | Revisem la llicència web en començar i carreguem la font sense salts de text |
| El disseny «balla» en pantalles intermèdies | Només es van dissenyar mòbil i escriptori | Definim amb l'estudi com es comporta cada bloc entre una mida i l'altra |
| Les animacions es queden fora | Es consideren un extra i es retallen al final | Les pressupostem des del principi i les construïm amb la resta |
| El client puja contingut i trenca la composició | El gestor deixa fer qualsevol cosa | Limitem el gestor als components i estils de la marca |
| Els colors no passen el contrast mínim | La paleta es va pensar per a impressió | Avisem aviat i proposem variants accessibles a l'estudi |
Com rebem un disseny a Figma
No demanem un arxiu perfecte. Demanem poder preguntar. Tot i així, hi ha cinc coses que estalvien setmanes si són a l'arxiu:
- Components amb els seus estats: normal, en passar-hi el cursor, actiu, deshabilitat i amb error.
- Estils de text i color amb nom, en lloc de valors solts.
- Almenys una pantalla amb contingut real, inclosos el títol més llarg i el més curt.
- Què passa quan no hi ha contingut: una llista buida, una cerca sense resultats.
- Una referència de moviment, encara que sigui un vídeo d'una altra web.
El que falti ho resolem amb una proposta que l'estudi aprova abans que arribi al client.
De la identitat a un sistema que el client pot mantenir
Una marca no s'acaba a la pàgina d'inici. Traslladem la identitat a variables de disseny (tipografia, color, espaiat, radis) i a una biblioteca de components, de manera que la pàgina que el client creï d'aquí a un any continuï semblant de la mateixa marca.
També cuidem el que no es veu al disseny i sí a l'experiència: que la pàgina no faci salts en carregar, que les animacions es redueixin per a qui ho té configurat així al seu dispositiu i que la web es pugui recórrer amb el teclat.
Com treballem amb un estudi de disseny
- Revisem el disseny abans que el presenteu al client, per detectar el que serà car o impossible de construir.
- Compartim un enllaç de proves des de la primera setmana: reviseu sobre la web real, no sobre captures.
- Les correccions de disseny les marca l'estudi, no el client final.
- Signeu vosaltres. Si ho preferiu, treballem en marca blanca.
Per a projectes que van més enllà de la web, com una app o una eina per al client, la manera de col·laborar és la de partner tècnic per a agències.
Preguntes freqüents
Desenvolupeu a partir dels nostres dissenys de Figma?
Sí. Treballem directament sobre l'arxiu de Figma de l'estudi, i resolem amb vosaltres els estats i les mides que no estiguin dissenyats abans de construir-los.
Què passa si el disseny és difícil de programar?
Ho diem abans de pressupostar, amb alternatives que conserven la intenció del disseny. Preferim aquesta conversa al principi que una retallada silenciosa al final.
Podem fer servir la tipografia de la marca a la web?
Depèn de la llicència. Moltes tipografies es venen amb llicència d'escriptori i en necessiten una altra de diferent per a web. Ho comprovem en començar perquè el client l'adquireixi si cal.
El client podrà editar la web sense espatllar el disseny?
Sí. El gestor de continguts es configura amb els components i estils de la marca, de manera que el client canvia textos i imatges però no tipografies, colors ni composicions.
Què convé recordar
- Desenvolupament fidel al disseny: tipografia, retícula, color i moviment.
- El que el disseny no defineix es consulta amb l'estudi, no s'improvisa.
- Gestor de continguts limitat als components de la marca.
- L'estudi signa el projecte; el desenvolupament pot ser en marca blanca.
Enric Robert · Fundador de NodraLabs
Més de 6 anys creant software i productes digitals. Estratègia, UX/UI i desenvolupament, de principi a fi.
Perfil a LinkedIn