trewik

Trewik UX/UI & Producte

Productes digitals que s'entenen i s'usen

Investiguem els teus usuaris i dissenyem interfícies clares, accessibles i pensades per convertir, abans d'escriure una sola línia de codi.

Investigació · UX · UI · Design system · Prototips · MVP

Demana una revisió del teu producte
Persona fent servir una aplicació mòbil amb una interfície clara
Disseny centrat en les persones

Un web bonic que ningú entén, una aplicació que els usuaris abandonen al segon pas o un panell intern que l'equip evita fer servir: els tres són el mateix problema. El disseny no es va pensar des de com l'usaran les persones, sinó des de com ho va imaginar qui ho va encarregar.

I és un problema car. Quan el disseny falla, es paga dues vegades: primer en construir-lo i després en corregir-lo; i entremig, es perden clients que no van aconseguir comprar, reservar o contactar. Arreglar un disseny en una pantalla costa una fracció del que costa arreglar-lo ja desenvolupat.

Trewik UX/UI & Producte s'ocupa d'aquesta part prèvia i decisiva. Investiguem a qui va dirigit el teu producte, què vol aconseguir i què ho impedeix; definim com ha de funcionar; dissenyem interfícies clares, accessibles i coherents; i les validem amb prototips reals abans de passar a desenvolupament.

No fem disseny per gust personal. Cada decisió es justifica pel que ajuda la persona a aconseguir el seu objectiu i el negoci a aconseguir el seu: més contactes, més vendes, menys consultes de suport, més ús intern. El disseny bonic que no funciona no ens interessa.

I com que formem part d'un únic equip, el que es dissenya arriba bé a producció: ho implementa Trewik Desenvolupament amb el mateix criteri, i es mesura i es millora amb Trewik Màrqueting & Growth i Trewik Dades & Analítica. En aquesta pàgina t'expliquem què és el disseny UX/UI, què fem i com treballem.

Més conversió

Un camí clar cap a l'acció —comprar, reservar, contactar— que redueix abandonaments.

Menys errors cars

Es detecten problemes en el disseny, abans de desenvolupar-lo, quan corregir-los costa poc.

Productes que s'usen

Interfícies comprensibles per als teus clients i per al teu equip, amb menys formació i menys suport.

Coherència de marca

Un sistema de disseny que manté els teus productes consistents i accelera el que es construeixi després.

UX i UI: què significa cada cosa i per què van juntes

UX (experiència d'usuari) és com funciona un producte per a qui l'usa: si troba el que busca, si entén què ha de fer, si aconsegueix el seu objectiu sense frustrar-se. UI (interfície d'usuari) és com es veu i com es manipula: la tipografia, els colors, els botons, l'ordre visual. Són inseparables. Una interfície molt acurada sobre una estructura confusa continua sent difícil d'usar; i una bona estructura amb una interfície descuidada transmet poca confiança. Un producte digital funciona quan tots dos treballen junts i, a més, estan alineats amb els objectius del negoci.

Què fem a Trewik UX/UI & Producte

Investigació d'usuaris i usabilitat

Entrevistes, observació i anàlisi de com s'usa realment el que ja tens, per descobrir on s'encallen les persones i per què.

Disseny d'interfícies (UI)

Pantalles clares, accessibles i adaptades a mòbil, amb la identitat de la teva marca, llestes per lliurar a desenvolupament.

Design system

Un conjunt de components, estils i regles reutilitzables que manté la coherència i accelera el disseny i el desenvolupament futurs.

Prototipatge i validació

Prototips navegables que es proven amb usuaris reals abans de programar, per confirmar que funciona.

Definició de producte i MVP

Ajudem a decidir què construir primer: la versió mínima que aporta valor i permet aprendre, sense gastar en el que ningú usarà.

Disseny i negoci: el que es mesura, es millora

Dissenyar bé no acaba amb el lliurament. Un cop en producció, es mesura com s'usa realment —on s'abandonen els formularis, quins botons es premen, quines seccions no es llegeixen— i es millora amb petits canvis provats. És el vincle natural amb l'optimització de conversió de Trewik Màrqueting & Growth i amb les dades de Trewik Dades & Analítica. Així el disseny deixa de ser un lliurable puntual i es converteix en una millora contínua, orientada a resultats.

Accessibilitat: dissenyar per a totes les persones

Un producte accessible és més fàcil d'usar per a tothom, no només per a persones amb alguna discapacitat: contrast suficient, textos llegibles, navegació per teclat, etiquetes clares. A més, millora el posicionament i, en molts casos, és una exigència normativa. Incorporem l'accessibilitat des del disseny, quan és senzill i barat, en lloc d'intentar afegir-la al final.

Dissenyar abans de desenvolupar vs desenvolupar primer

CriteriDisseny previDesenvolupar sense disseny
Cost de corregir errorsBaix, sobre prototipAlt, sobre codi
Risc de construir el que no tocaReduït per validacióAlt
Coherència visualSistema de dissenyCada pantalla diferent
Temps total fins a un producte usableMenor, menys refeinaMajor, amb correccions

Casos d'ús

1

Web que no converteix

Molt de trànsit però pocs contactes. Es revisa el recorregut i es redissenyen els punts on s'abandona.

2

Aplicació a mida per construir

Es dissenya i valida el prototip abans de desenvolupar, per no pagar per funcionalitats que ningú necessita.

3

Panell intern poc usat

L'equip evita l'eina perquè és confusa. Se simplifica i es redissenya pensant en com treballen.

4

Marca amb diversos productes

Es crea un design system perquè web, app i panells tinguin la mateixa identitat i es desenvolupin més ràpid.

Com treballem

  1. 1

    Entendre el context

    Objectius del negoci, usuaris, competència i estat actual del producte, si existeix.

  2. 2

    Investigar i definir

    Descobrim necessitats reals i definim què ha de fer el producte i en quin ordre.

  3. 3

    Dissenyar i prototipar

    Estructura, fluxos i pantalles en un prototip navegable amb la identitat de la teva marca.

  4. 4

    Validar amb usuaris

    Provem el prototip amb persones reals i ajustem abans de desenvolupar.

  5. 5

    Lliurar i acompanyar

    Lliurem dissenys i design system llestos per a desenvolupament i acompanyem la implementació.

Quant costa el disseny UX/UI

Depèn del nombre de pantalles o fluxos, de si cal investigació amb usuaris i de si inclou un design system. Treballem per projectes acotats amb un abast clar.

Una revisió inicial del teu producte o del teu web és gratuïta: d'ella surt una proposta amb les millores que més impacte tindrien i el seu cost estimat.

Demana una revisió del teu producte

Preguntes freqüents

Quina diferència hi ha entre UX i UI?

UX és com funciona el producte per a qui l'usa; UI és com es veu i com es manipula. Van de la mà: una bona interfície necessita una bona experiència a sota.

Necessito disseny si faré servir una plantilla?

Una plantilla pot servir com a punt de partida, però no resol com encaixa amb els teus usuaris i els teus objectius. Un disseny centrat en ells sol millorar molt els resultats.

Què és un design system?

És un conjunt de components, estils i regles de disseny reutilitzables que manté la coherència entre productes i accelera el treball de disseny i desenvolupament.

Podeu redissenyar el meu web o app actual?

Sí. Comencem analitzant com s'usa avui per redissenyar només el que ho necessita i no començar de zero sense motiu.

El que es dissenya es desenvolupa també amb vosaltres?

Si ho desitges, sí: Trewik Desenvolupament ho implementa amb el mateix criteri. Però lliurem el disseny en un format que pot construir qualsevol equip.

Quant costa?

Depèn de l'abast. La revisió inicial és gratuïta i d'ella surt una proposta amb el cost estimat.

Esbossos a mà de pantalles d'una aplicació

Parlem del teu cas?

Explica'ns què necessites i et preparem una proposta a mida, sense compromís.

Demana una revisió del teu producte