9:59:10

contrast, oficina digital

Sabadell

°C

Contrast

Som un estudi de disseny especialitzat en producte digital i experts en Framer. Dos perfils dedicats a captar l’essència de la teva marca i transformar-la en experiències úniques. Amb un mètode àgil i flexible, connectem sensibilitat i creativitat amb disciplines com l’art, l’arquitectura, la moda, la sostenibilitat i la tecnologia.

  • Estratègia

  • Brànding

  • Disseny visual

  • UX/UI

  • Disseny web i app

  • Desenvolupament web

  • Entre d'altres

  • Estratègia

  • Brànding

  • Disseny visual

  • UX/UI

  • Disseny web i app

  • Desenvolupament web

  • Entre d'altres

Serveis

Els nostres serveis

Disseny Visual i UX/UI

Exploració i bases del disseny.

Comencem amb una reunió de 45 minuts per entendre bé la teva marca i les teves necessitats. Aquesta conversa ens ajudarà a definir una base sòlida abans d’entrar en el procés creatiu. Després, analitzarem referències i bones pràctiques del sector per trobar inspiració i detectar oportunitats per a la teva web. Amb aquesta informació, estructurarem la web i crearem els primers esbossos visuals. Tot això seguint una metodologia clara, que ens permetrà treballar de manera àgil i efectiva.

Desenvolupament amb Framer

Construcció de l’estructura.

Amb el disseny aprovat, donem forma al projecte directament a Framer. Treballem amb la seva flexibilitat per crear dissenys responsives sense perdre creativitat. Definim components reutilitzables, establim guies d’estil clares i estructurem una base sòlida perquè les futures modificacions siguin àgils i senzilles.

Disseny Visual i UX/UI

Exploració i bases del disseny.

Comencem amb una reunió de 45 minuts per entendre bé la teva marca i les teves necessitats. Aquesta conversa ens ajudarà a definir una base sòlida abans d’entrar en el procés creatiu. Després, analitzarem referències i bones pràctiques del sector per trobar inspiració i detectar oportunitats per a la teva web. Amb aquesta informació, estructurarem la web i crearem els primers esbossos visuals. Tot això seguint una metodologia clara, que ens permetrà treballar de manera àgil i efectiva.

Desenvolupament amb Framer

Construcció de l’estructura.

Amb el disseny aprovat, donem forma al projecte directament a Framer. Treballem amb la seva flexibilitat per crear dissenys responsives sense perdre creativitat. Definim components reutilitzables, establim guies d’estil clares i estructurem una base sòlida perquè les futures modificacions siguin àgils i senzilles.

Projectes

Transformem sectors en històries que connecten. Amb la nostra experiència consolidada, convertim sectors diversos en formats mediàtics que captiven i ressonen a nivell global. Connectem marques amb audiències de tot el món a través de solucions coherents i impactants.

Hem creat el layout d'Ooptimo, aconseguint una estètica única i una arquitectura web enfocada en destacar els seus serveis. Amb una interfície funcional i harmònica, reforcem el seu discurs en l'era digital híbrida.

Neco revoluciona l'entrenament esportiu amb innovació i neurociència, potenciant el rendiment a través del desenvolupament cognitiu i visual. Hem dissenyat el seu web com a aparador clau, cuidant cada detall per captivar i transmetre la seva proposta única.

Altres Projectes

Client

Mamita Botanical Skincare

B100


Cauchos Karey


Boons (+ Learning From Nature)

Sector

CRM + IA

Bellesa

Finances

Espumes tècniques (EVA)

Serveis

Disseny web, UX/UI

Disseny web, UX/UI

Brànding, Disseny visual, Disseny app, UX/UI

Estratègia, Brànding, Disseny visual, Disseny web, UX/UI

Any

2025

2024

2023

2022

*Els projectes que presentem al nostre web són treballs realitzats abans de la creació del nostre estudi, desenvolupats en altres empreses o col·laboracions (Casa Bien (Aranda), Pino Design Practice i Firma).

Manifest + Nosaltres

Som un estudi petit, i ens agrada que sigui així. Ens permet ser àgils, propers i implicar-nos en cada decisió del projecte. Ens apassiona transformar idees en productes digitals que marquin la diferència, sempre amb un enfocament valent i innovador.

Treballem de manera organitzada, optimitzant processos i aprofitant eines No Code per oferir solucions eficients i impactants. La clau? Escoltar, entendre i dissenyar amb sentit, creant marques i experiències digitals que connectin amb el teu públic de manera autèntica i efectiva.

Joaquim Guillen

Brand / Stretegist / Digital Designer
Linkedin (o contacte).

Contrast

Oficina Digital
2024

Guifré Serrano

Digital Product Designer
Linkedin (o contacte).

FAQS

Preguntes freqüents

Com enfoquem el disseny?

Creiem que una bona experiència digital comença amb una base sòlida. Per això, primer ens endinsem en la teva marca per tal de definir una estratègia global del projecte. Aquesta fase inicial és àgil i col·laborativa, perquè sabem que un bon feedback a temps ho canvia tot. Un cop validada, desenvolupem l’estètica visual: establim una guia d’estils que donaran coherència i personalitat a tot el projecte. L’última fase és l’execució: donem forma a cada detall perquè el resultat final sigui funcional, intuïtiu i amb un acabat impecable.

Quin és el procés de desenvolupament?

El desenvolupament amb Framer ens permet portar el disseny al següent nivell, combinant flexibilitat i potència. Un cop definides les bases visuals, estructurem la web amb seccions i components, optimitzant i incorporant dinàmiques que millorin l’experiència d’usuari. Si cal, afegim funcionalitats específiques mitjançant plugins i assegurem que tot el sistema sigui escalable i fàcil de gestionar. També implementem bones pràctiques de SEO perquè la web no només llueixi bé, sinó que també rendeixi al màxim. I, per descomptat, et lliurem a un entorn fàcil d’editar perquè puguis gestionar la teva web sense complicacions.

Quant temps triguem en cada projecte?

Cada projecte és diferent. Tant en la fase de disseny com en la de desenvolupament, treballem amb un termini a partir de les tres setmanes. La durada pot variar en funció de la complexitat del projecte i la rapidesa en el feedback. Ens assegurem que cada detall estigui ben resolt, adaptant els terminis a les necessitats reals de cada client.

Quin és el cost dels nostres serveis?

Els projectes web d'entre una i tres pàgines comencen a partir de 4.680 €, però el preu final depèn del volum i la complexitat del projecte. Una web estàndard d'entre quatre i vuit pàgines sol situar-se a partir de 6.180 €.

Què inclou el servei de manteniment?

Sabem que l’entrega d’una web no és el final, sinó l’inici d’una nova etapa. Per això, t’acompanyem un cop finalitzat el projecte, amb tot el que necessites per gestionar-la amb confiança: un vídeo tutorial personalitzat, una sessió formativa d’entre 30 a 60 minuts i una comunicació fluida per resoldre qualsevol dubte. Ens assegurem que participis en les decisions sobre els canvis de contingut i mantenim la teva web actualitzada sense que necessitis coneixements de l’eina.

També podem crear la teva identitat visual?

Sí! Si ja tens una identitat visual, la fem brillar a la web. I si encara l'estàs definint, treballem un bon brànding per crear una identitat única i coherent des de zero. Des de l'estratègia, el naming i el logotip fins a la guia d’estil i l’aplicació digital, creem un ecosistema visual que connecta amb el teu públic i impulsa el teu negoci.

Per què escollim Framer?

Framer és una eina que ens permet oferir llibertat creativa sense sacrificar rendiment ni funcionalitat. Amb Framer, eliminem els intermediaris i aconseguim un sistema més segur i autònom. L’allotjament està inclòs, el CMS és visual i intuïtiu, i la capacitat de personalització és enorme. Això significa que no només et lliurem una web potent i atractiva, sinó que també podràs gestionar-la i fer-la créixer en el futur. En resum: més control, més flexibilitat i menys maldecaps.

Com enfoquem el disseny?

Creiem que una bona experiència digital comença amb una base sòlida. Per això, primer ens endinsem en la teva marca per tal de definir una estratègia global del projecte. Aquesta fase inicial és àgil i col·laborativa, perquè sabem que un bon feedback a temps ho canvia tot. Un cop validada, desenvolupem l’estètica visual: establim una guia d’estils que donaran coherència i personalitat a tot el projecte. L’última fase és l’execució: donem forma a cada detall perquè el resultat final sigui funcional, intuïtiu i amb un acabat impecable.

Quin és el procés de desenvolupament?

El desenvolupament amb Framer ens permet portar el disseny al següent nivell, combinant flexibilitat i potència. Un cop definides les bases visuals, estructurem la web amb seccions i components, optimitzant i incorporant dinàmiques que millorin l’experiència d’usuari. Si cal, afegim funcionalitats específiques mitjançant plugins i assegurem que tot el sistema sigui escalable i fàcil de gestionar. També implementem bones pràctiques de SEO perquè la web no només llueixi bé, sinó que també rendeixi al màxim. I, per descomptat, et lliurem a un entorn fàcil d’editar perquè puguis gestionar la teva web sense complicacions.

Quant temps triguem en cada projecte?

Cada projecte és diferent. Tant en la fase de disseny com en la de desenvolupament, treballem amb un termini a partir de les tres setmanes. La durada pot variar en funció de la complexitat del projecte i la rapidesa en el feedback. Ens assegurem que cada detall estigui ben resolt, adaptant els terminis a les necessitats reals de cada client.

Quin és el cost dels nostres serveis?

Els projectes web d'entre una i tres pàgines comencen a partir de 4.680 €, però el preu final depèn del volum i la complexitat del projecte. Una web estàndard d'entre quatre i vuit pàgines sol situar-se a partir de 6.180 €.

Què inclou el servei de manteniment?

Sabem que l’entrega d’una web no és el final, sinó l’inici d’una nova etapa. Per això, t’acompanyem un cop finalitzat el projecte, amb tot el que necessites per gestionar-la amb confiança: un vídeo tutorial personalitzat, una sessió formativa d’entre 30 a 60 minuts i una comunicació fluida per resoldre qualsevol dubte. Ens assegurem que participis en les decisions sobre els canvis de contingut i mantenim la teva web actualitzada sense que necessitis coneixements de l’eina.

També podem crear la teva identitat visual?

Sí! Si ja tens una identitat visual, la fem brillar a la web. I si encara l'estàs definint, treballem un bon brànding per crear una identitat única i coherent des de zero. Des de l'estratègia, el naming i el logotip fins a la guia d’estil i l’aplicació digital, creem un ecosistema visual que connecta amb el teu públic i impulsa el teu negoci.

Per què escollim Framer?

Framer és una eina que ens permet oferir llibertat creativa sense sacrificar rendiment ni funcionalitat. Amb Framer, eliminem els intermediaris i aconseguim un sistema més segur i autònom. L’allotjament està inclòs, el CMS és visual i intuïtiu, i la capacitat de personalització és enorme. Això significa que no només et lliurem una web potent i atractiva, sinó que també podràs gestionar-la i fer-la créixer en el futur. En resum: més control, més flexibilitat i menys maldecaps.

Com enfoquem el disseny?

Creiem que una bona experiència digital comença amb una base sòlida. Per això, primer ens endinsem en la teva marca per tal de definir una estratègia global del projecte. Aquesta fase inicial és àgil i col·laborativa, perquè sabem que un bon feedback a temps ho canvia tot. Un cop validada, desenvolupem l’estètica visual: establim una guia d’estils que donaran coherència i personalitat a tot el projecte. L’última fase és l’execució: donem forma a cada detall perquè el resultat final sigui funcional, intuïtiu i amb un acabat impecable.

Quin és el procés de desenvolupament?

El desenvolupament amb Framer ens permet portar el disseny al següent nivell, combinant flexibilitat i potència. Un cop definides les bases visuals, estructurem la web amb seccions i components, optimitzant i incorporant dinàmiques que millorin l’experiència d’usuari. Si cal, afegim funcionalitats específiques mitjançant plugins i assegurem que tot el sistema sigui escalable i fàcil de gestionar. També implementem bones pràctiques de SEO perquè la web no només llueixi bé, sinó que també rendeixi al màxim. I, per descomptat, et lliurem a un entorn fàcil d’editar perquè puguis gestionar la teva web sense complicacions.

Quant temps triguem en cada projecte?

Cada projecte és diferent. Tant en la fase de disseny com en la de desenvolupament, treballem amb un termini a partir de les tres setmanes. La durada pot variar en funció de la complexitat del projecte i la rapidesa en el feedback. Ens assegurem que cada detall estigui ben resolt, adaptant els terminis a les necessitats reals de cada client.

Quin és el cost dels nostres serveis?

Els projectes web d'entre una i tres pàgines comencen a partir de 4.680 €, però el preu final depèn del volum i la complexitat del projecte. Una web estàndard d'entre quatre i vuit pàgines sol situar-se a partir de 6.180 €.

Què inclou el servei de manteniment?

Sabem que l’entrega d’una web no és el final, sinó l’inici d’una nova etapa. Per això, t’acompanyem un cop finalitzat el projecte, amb tot el que necessites per gestionar-la amb confiança: un vídeo tutorial personalitzat, una sessió formativa d’entre 30 a 60 minuts i una comunicació fluida per resoldre qualsevol dubte. Ens assegurem que participis en les decisions sobre els canvis de contingut i mantenim la teva web actualitzada sense que necessitis coneixements de l’eina.

També podem crear la teva identitat visual?

Sí! Si ja tens una identitat visual, la fem brillar a la web. I si encara l'estàs definint, treballem un bon brànding per crear una identitat única i coherent des de zero. Des de l'estratègia, el naming i el logotip fins a la guia d’estil i l’aplicació digital, creem un ecosistema visual que connecta amb el teu públic i impulsa el teu negoci.

Per què escollim Framer?

Framer és una eina que ens permet oferir llibertat creativa sense sacrificar rendiment ni funcionalitat. Amb Framer, eliminem els intermediaris i aconseguim un sistema més segur i autònom. L’allotjament està inclòs, el CMS és visual i intuïtiu, i la capacitat de personalització és enorme. Això significa que no només et lliurem una web potent i atractiva, sinó que també podràs gestionar-la i fer-la créixer en el futur. En resum: més control, més flexibilitat i menys maldecaps.

Tots els drets reservats. © Contrast Oficina Digital, 2025.

Contacte: Mail o Telèfon.

Contacte: Mail o Telèfon (WIP).

Legals