Disseny i desenvolupament web
Una web que explica un producte tècnic de manera senzilla
- Projecte
- Verilift
- Any
- 2026
- Serveis
- Disseny web · Desenvolupament web a mida · Allotjament i manteniment
Verilift és un programari per gestionar el manteniment i les inspeccions d'ascensors. Tenien un bon producte, però la web no ho explicava: què fa, per a qui és, per què val la pena i com fer el primer pas. Vam dissenyar i desenvolupar la seva web de principi a fi.
El repte
El producte era sòlid, però el missatge no arribava. Verilift resol un problema molt concret (ordenar el manteniment i les inspeccions d'ascensors) i, tot i així, cada visitant havia d'endevinar què feia el programari i què hi guanyava fent-lo servir. En un producte tècnic, aquesta distància entre el que l'equip sap i el que el visitant entén és la que es menja els clients. Faltava traduir capacitats en beneficis clars per a un responsable de manteniment o una empresa conservadora, i oferir un camí senzill per fer el primer pas. Sense una web a l'altura, Verilift depenia del boca-orella i de demos explicades una a una, un model que no escala i que deixava fora qui arribava pel seu compte buscant una solució.
Estratègia de missatge
Vam ordenar el missatge abans que el disseny. Vam definir quin problema resol Verilift, a qui ajuda i què el fa diferent, i vam convertir aquestes respostes en l'estructura de la pàgina: un titular que s'entén en cinc segons, els beneficis per davant de les funcionalitats, i una seqüència que acompanya el visitant des del problema que reconeix fins a la solució que Verilift ofereix. Cada bloc té una feina (captar, explicar, demostrar, resoldre dubtes, convidar a contactar) i cap no hi és de farciment. Vam cuidar especialment la part més difícil d'un SaaS tècnic: mostrar com funciona sense aclaparar, amb captures i descripcions que fan tangible el producte per a qui no l'ha vist mai.
Disseny i sistema visual
Vam dissenyar una web sòbria, amb la jerarquia tipogràfica clara i espai suficient perquè el producte respiri. Un programari d'inspecció es compra per fiabilitat, i això no es transmet amb artificis. El sistema visual dona protagonisme a les captures de l'aplicació i als passos del flux de treball: el disseny explica més del que decora. Vam definir components reutilitzables (seccions de benefici, blocs de funcionalitat, crides a l'acció) perquè la web pugui créixer amb el producte sense refer-se. Tot es va pensar primer en mòbil i amb especial atenció al contrast i la llegibilitat, perquè una eina professional també s'avalua des del telèfon.
Arquitectura tècnica i rendiment
Vam construir la web amb Astro i la vam desplegar en servidors ubicats a Espanya, amb generació estàtica i assets optimitzats perquè la primera impressió sigui instantània: Lighthouse en verd, Core Web Vitals dins de llindar i un Largest Contentful Paint per sota d'un segon. En un producte que ven rigor tècnic, la mateixa web és la primera demo que les coses estan ben fetes. Vam treballar el SEO on-page des de la base (estructura semàntica, metadades, dades estructurades i textos orientats al que busca el seu públic) perquè Verilift no depengui només del boca-orella. El formulari de contacte i la petició de demo són a un clic des de qualsevol punt de la pàgina. L'allotjament, l'SSL i el manteniment van en la subscripció, així que la web evoluciona al ritme del producte.
El resultat
Verilift va passar de no tenir presència a comptar amb una web clara i professional que treballa per ells. Avui és la seva millor carta de presentació: qualsevol entén en segons què ofereix el programari, per a qui és i per què val la pena, sense necessitat d'una demo prèvia. La pàgina ordena el producte, resol els dubtes habituals i guia cap a la petició de demo, així que les converses comercials arrenquen amb gent que ja hi arriba convençuda. Amb el rendiment cuidat i una base SEO sòlida, la web capta pel seu compte. I com que va per subscripció, s'amplia a mesura que el producte suma funcionalitats, sense refer el lloc des de zero.
Equip de Verilift
Teníem el producte, però no el sabíem explicar. Ara la web ho explica millor que nosaltres: la gent hi entra, ho entén i ens demana una demo.