Imaginem que som una empresa que dissenya webs pensades per a persones. No només han de ser boniques, sinó també útils i fàcils d’utilitzar. Fa poc ens va arribar un encàrrec molt especial: el d’un bar de barri amb una agenda cultural activa, ganes de crear comunitat i la necessitat urgent de disposar d’una web des d’on consultar espectacles i fer reserves. Dit així pot semblar senzill, però… com es tradueix tot això en un lloc web funcional, atractiu i fidel a la seva manera de fer?
Probablement optaríem per aplicar el design thinking, una metodologia que ens ajuda a entendre els problemes reals abans de plantejar solucions. Però aquest no era un experiment de laboratori, sinó un projecte real, amb terminis i pressupost limitats. Per tant, calia adaptar el procés a les circumstàncies.
Com ho faríem, pas a pas? En aquest article t’ho expliquem. És un cas hipotètic, però esperem que et serveixi d’orientació tant si ets qui encarrega el projecte com si ets qui l’ha de desenvolupar.
1. Comencem per entendre el negoci
Quan el client ens contacta, ja té força clar què necessita:
Objectius:
- Mostrar l’agenda cultural del bar (concerts, poesia, exposicions…)
- Permetre reserves per als dies amb espectacle
- Donar visibilitat a la comunitat que s’ha anat creant al voltant del projecte
- Reflectir l’essència del bar: proper, cultural i viu
Condicions:
- Pressupost ajustat i calendari apretat (4 setmanes)
- El web ha de ser fàcil d’actualitzar internament
- Ha de funcionar bé en mòbil i estar vinculat a Instagram
Amb això sobre la taula, ens posem a treballar. Però no obrim directament l’editor web. Primer, volem escoltar i observar.
2. Empatitzar: volem entendre a qui va dirigit
Tot i que el client ens explica el perfil de la seva clientela (majoritàriament gent jove i creativa del barri), decidim fer una mica de recerca pel nostre compte.
Què vam fer?
- Revisem comentaris i missatges del bar a Instagram
- Ens passem una tarda al local, veient com consulten l’agenda o pregunten
- Parlem amb el personal que respon les reserves per DM
📝 Resultat? Molta gent consulta Instagram però no troba fàcilment la informació. Fan preguntes repetides (quin horari, quantes places, com reservar…), i la comunicació sovint és 1 a 1, cosa que fa perdre molt temps al personal del bar.
3. Definir el problema real
Amb tot això vam sintetitzar el repte així:
El bar necessita una web senzilla, adaptable i clara que permeti a la clientela consultar fàcilment l’agenda cultural i reservar plaça sense haver de contactar directament pel xat d’Instagram. A més, ha de transmetre la seva identitat i enllaçar amb les xarxes per mantenir viva la comunitat.
Aquest enunciat ens guia durant tot el projecte.
4. Idear: fem propostes (amb seny)
Abans de posar-nos a maquetar, fem una sessió ràpida de brainstorming intern. Pensem opcions per a:
- Com mostrar les activitats d’una manera visual i clara
- L’estructura de la web (agenda, reserva, sobre nosaltres, contacte)
- Com reflectir l’estètica i l’energia del bar sense perdre usabilitat
- Com fer que la reserva sigui el més fluida possible, fins i tot amb eines gratuïtes (com un formulari de Google o calendari)
També preparem una proposta de disseny modular, pensada perquè en un futur es pugui ampliar (p. ex. amb un blog, newsletter, venda d’entrades, etc.).
5. Prototipar: primer en paper, després en digital
Abans de tocar codi, dibuixem esbossos de com serà la web. Ens enfoquem en:
- Una portada amb l’agenda cultural destacada
- Botó directe de reserva per cada activitat
- Enllaços a Instagram visibles
- Una secció de “comunitat” amb fotos i frases de clients (que el bar ja tenia publicades a xarxes)
Després d’aprovar-ho amb el client, ho passem a una maqueta digital interactiva (amb Figma). Això permet que el client vegi com es navegarà pel web abans de fer-lo real.
6. Provar i ajustar
Vam fer una petita prova amb quatre persones reals que van intentar fer una reserva des del mòbil. I vam observar:
- Dos d’ells no trobaven el botó de reserva directament
- Un es pensava que les activitats ja estaven plenes perquè no sortia cap confirmació clara
- Tots trobaven molt útil tenir-ho tot en un lloc i no haver de fer scroll a Instagram
🛠️ Amb aquest feedback, vam canviar colors, reorganitzar la portada i fer més visible el calendari d’activitats.
Reflexió final: treballar amb encàrrecs reals té límits… però també oportunitats
Tot aquest procés el vam fer sabent que no teníem llibertat total. Ja veníem amb un encàrrec definit, un pressupost tancat i un termini breu. Però, en lloc de veure-ho com un obstacle, vam fer que aquests límits ens guiessin.
El design thinking no és només per somiar en gran, també serveix per prendre decisions intel·ligents amb les cartes que tens. I el més important: fer-ho pensant sempre en la persona que farà servir la web.
👉 Si tens un projecte similar i vols enfocar-lo amb cap però també amb cor, ens encantaria acompanyar-te.