Disseny UX/UI.
Dissenyem les apps i webs que després desenvolupem. Disseny i codi surten del mateix equip, així que el que aproves en el disseny és el que acaba arribant a producció.
Dissenyem sabent com es construirà.
Fa més de 10 anys que dissenyem productes digitals. Cada decisió té en compte qui farà servir el producte, els objectius del teu negoci i com es construirà.
✓ Disseny d'apps mòbils, aplicacions web i e-commerce
✓ Validació amb un prototip abans de desenvolupar el producte complet
✓ Sistemes de disseny pensats per passar de Figma a codi
✓ Disseny i desenvolupament treballant com un únic equip
Tens un producte per dissenyar i construir?
Què podem crear per al teu producte.
Adaptem el procés de disseny al que necessita cada projecte, sempre tenint en compte la implementació. Així, el que definim durant el disseny pot arribar a desenvolupament sense haver-ho de reinterpretar pel camí.
Arquitectura de la informació
Definim l'estructura de la teva aplicació o web abans d'entrar en les pantalles. Treballem els principals fluxos d'usuari, la jerarquia del contingut i la navegació tenint en compte tant l'experiència d'ús com la lògica que hi haurà darrere del producte.
Wireframes
Amb els fluxos clars, definim què conté cada pantalla i com s'organitza. Creem wireframes de baixa o mitjana fidelitat per resoldre l'estructura, la jerarquia i el comportament abans d'entrar en el detall visual.
També ens permeten alinear contingut i disseny des del principi i detectar decisions que podrien complicar innecessàriament el desenvolupament.
Interfície d'usuari (UI)
Donem forma visual al producte sense separar la interfície de com funcionarà. Dissenyem components, estats i interaccions pensant en l'ús real i en com s'implementaran després.
Tipografies, color, iconografia i components construeixen un llenguatge visual coherent amb la teva marca i, alhora, un sistema que es pot traslladar a codi.
Prototipatge
La millor manera de validar un disseny és poder-lo fer servir. Segons el projecte, creem un prototip navegable a Figma o una primera versió funcional amb dades d'exemple.
Així podem provar els principals fluxos abans de desenvolupar el producte complet i fer canvis quan encara són ràpids i senzills d'aplicar.
Sistemes de disseny
Creem biblioteques de components reutilitzables a Figma, amb tokens, estats i guies d'ús que tenen la seva correspondència en codi. Disseny i desenvolupament treballen sobre el mateix sistema, evitant que amb el temps apareguin dues versions diferents del producte.
Això accelera el desenvolupament i manté la coherència a mesura que el producte creix. A Bassols, el sistema de disseny va permetre que un altre equip construís l'e-commerce sense dependre de nosaltres.
Eines que fem servir.
Casos d'èxit.
Productes que vam dissenyar i desenvolupar: la web d'un negoci turístic que gairebé va duplicar les vendes, una app que fan servir cada dia centenars de farmacèutics i l'app d'una cooperativa de dades de salut connectada amb Apple Health i Google Fit.
Els nostres clients.
Empreses que confien en nosaltres per construir i evolucionar els seus productes digitals.
Gràcies a Liquid som més eficients i hem guanyat independència en tenir el nostre propi software. Per a nosaltres ha estat un canvi de vida, especialment perquè evitem errors en cotitzacions que podrien costar-nos clients. El feeling entre equips i el tracte excel·lent, no només pel resultat del producte sinó per la relació, la paciència i l'acompanyament.
Marta CaparrósCEO de YouTOO
Liquid va ser un excel·lent soci d'IT per a MyPoppins. El seu equip sap aplicar tots els estàndards de desenvolupament que esperàvem i tenen molta experiència en el tema. Seguirem treballant amb Liquid i els recomanem sense dubtar-ho.
Veure cas d'estudi
Rubén VilarCTO de MyPoppins
L'equip de Liquid va complir el nostre objectiu de dissenyar i crear una APP de laundry on demand amb una bona usabilitat per a l'usuari. A més, ens van oferir una gran flexibilitat per adaptar-se al nostre creixement. El que més hem gaudit de treballar-hi és l'empatia, la il·lusió i l'aposta pel projecte.
Veure cas d'estudi
Ramon PlansCEO de WOSH
Preguntes freqüents.
No ens especialitzem en disseny d'identitat corporativa o branding. El nostre focus està en disseny d'interfícies digitals (apps i web). Si necessites logo, brand guidelines, o identitat completa, podem recomanar-te partners especialitzats en branding amb qui coordinar-nos per implementar la identitat al teu producte digital.
Depèn de la complexitat del projecte. Per productes amb moltes pantalles o fluxos complexos, els wireframes són essencials per validar estructura abans d'invertir en disseny visual. Per projectes més simples o quan ja existeix una arquitectura clara, podem saltar directament a disseny UI. A la consulta inicial avaluem quin procés és més eficient per al teu cas.
Gairebé sempre, sobretot en apps i productes amb interaccions complexes. Provar el disseny abans de desenvolupar tot el producte evita canvis cars durant el desenvolupament. Segons el projecte, el prototip pot ser navegable a Figma o una primera versió que ja funciona, amb dades d'exemple, tot i que encara no tingui usuaris reals.
Normalment el disseny forma part del projecte de desenvolupament i va dins del seu pressupost. Com a referència, en un MVP Complet de vuit setmanes, el disseny i el prototip n'ocupen dues. Si només necessites disseny, el preu depèn del nombre de pantalles, la complexitat de les interaccions i les iteracions; a la consulta inicial et donem una estimació i després un pressupost tancat.
Depèn sobretot de les rondes de revisió i del ritme del feedback, més que del nombre de pantalles. Treballem per fases i validem amb tu cadascuna abans de continuar, així que el termini el marquen tant el teu equip com el nostre. A la consulta inicial et donem una estimació segons l'abast.
Alguna vegada. A Bassols vam dissenyar l'ecommerce complet i el seu sistema de disseny perquè un altre equip el desenvolupés sobre Magento, i en vam supervisar la implementació. Lliurem el Figma organitzat, les especificacions i el sistema de disseny, i continuem disponibles mentre es desenvolupa. Tot i així, on més aportem és quan també el desenvolupem nosaltres: el disseny i el codi surten del mateix equip.
