Olivia
Una marca més propera per a una tecnologia complexa.
L’encàrrec
Olivia és una consultora tecnològica que ajuda les empreses a controlar el seu negoci amb Microsoft Dynamics 365 Business Central, Microsoft 365 i Power Platform. Vam actualitzar la marca per fer-la més clara, vam fer una sessió de fotos pròpia i vam refer completament el web per acostar una oferta complexa a les persones que han de decidir.
Què vam fer
Vam crear la seva identitat digital des de zero. Nova imatge corporativa, elegant, professional i amb molta personalitat, i un disseny web completament a mida, sense plantilles, que l’aplica a cada pàgina.
Vam ordenar l’oferta pel que li passa al client, no pel nom del producte: millora la gestió, accelera les vendes; i per sectors, serveis professionals, projectes, distribució, fabricació. Qui hi entra s’hi reconeix en dos clics; el nom del programari arriba després.
Per sota, programació a mida optimitzada al mil·límetre: rendiment, navegació fluida i màxima compatibilitat. I bilingüe, castellà i català, amb la mateixa estructura.
Vam fer una sessió de fotografia corporativa a l’equip. Una consultora ven persones, i les fotos d’estoc no signen projectes. Les cares que surten a la web són les que van a la reunió.
Refresh de marca, web nova i un equip que dona la cara.
La marca ja tenia valor; necessitava una manera més clara d’explicar-lo. El refresh i el web nou fan que l’equip, l’oferta i el pas següent s’entenguin junts.
Bèstia per dins
La feina connecta quatre decisions: una marca més propera, fotografies que posen cara a l’equip, una arquitectura web nova i una entrada senzilla a cada solució. El web deixa de parlar de tecnologia en abstracte i acompanya des de la necessitat de negoci fins a la conversa.
Com va anar
Galeria · el projecte en imatges (clica per ampliar)
La consultoria té cares pròpies.
La sessió corporativa es va fer al lloc de treball. Converses, una pantalla i una explicació sobre el vidre mostren l’equip en situacions que formen part del seu dia a dia.
Del wireframe al web.
Primer l’estructura, en gris i amb text de farciment; després la pell. Les dues parelles comparen el wireframe de Figma amb la mateixa secció d’olivia.es tal com era el 26 de setembre de 2026: menú, pregunta de portada, formulari de telèfon, logos i targetes de solució ocupen el lloc que es va decidir abans de dissenyar.
- Wireframe (Figma)
- Web publicat · 26/09/2026
D’una necessitat a una conversa.
La portada fa una pregunta i ofereix un telèfon; la pàgina «Mejora la gestión» ordena l’oferta abans d’entrar en cada eina; cada sector la respon en el seu context i tot acaba a «¿Hablamos?». Gravació real del 26 de setembre de 2026 amb un telèfon de demostració i sense enviar res.
- Portada · formulari
- Soluciones
- Mejora la gestión
- Sectores · Servicios
- ¿Hablamos?
Per sector i a la butxaca.
La portada planteja la pregunta; les pàgines de sector la responen en el context de cada empresa; i tot cap al mòbil amb la mateixa estructura.
"Bonica per fora. Bèstia per dins."L’equip del projecte
Vols un resultat així per al teu projecte?
