web.

una web no és una pantalla: és un lloc.

dissenyem i programem webs a mida al Maresme, amb porta, recorregut i jerarquia. disseny, codi i animació fets a casa, pensats per al negoci que hi ha darrere.

+20 anys · +200 marques · aquesta mateixa web l’hem dissenyada i programada nosaltres.

La pantalla de l'estudi amb la plantilla «persona» d'una sessió de treball, sobre una calaixera de fusta.

(01)

tens una web però, et porta clients?

una web pot ser bonica i no servir, o servir i no semblar-se gens a l’empresa. gairebé mai és un problema tècnic: és que ningú no ha pensat què ha de fer la web pel negoci.

  • «la web no converteix»

  • «ha quedat antiga i ho sabem»

  • «no s’assembla a la nostra marca»

  • «per canviar un text hem de trucar a algú»

  • «al mòbil no es veu bé»

  • «ningú no ens troba»

(02)

perquè la web no s’assembli a la marca: sigui la marca.

una web és una porta, un recorregut i una eina de negoci. la pensem així des del primer dia, i la fem sencera a l’estudi.

  • ux/ui design

    l’arquitectura, el recorregut i cada pantalla, pensats per a qui la farà servir.

  • web design

    la marca convertida en pàgines: tipografia, ritme, imatge i moviment.

  • front-end development

    el codi, fet a casa: ràpid, accessible i preparat per créixer.

  • cms (wordpress, webflow, shopify)

    una web que podeu editar vosaltres, sense dependre de ningú per canviar un text.

  • ecommerce

    botigues que expliquen el producte, resolen dubtes i fan la compra clara.

  • web animations

    el moviment que explica coses: d’on ve, on va, què ha canviat.

(03)

per què codina*studio.

  1. Mans sobre el teclat, davant de dues pantalles amb una proposta de marca oberta.

    no som una agència: som el teu equip creatiu extern.

    La majoria d’agències separen el que pensen del que fan. Nosaltres no: conceptualitzem, dissenyem i produïm des del mateix lloc, amb la mateixa conversa i el mateix equip de principi a fi.

  2. Dues persones treballant a les seves pantalles en una taula llarga de fusta, amb la sala de vidre al fons.

    una empresa familiar. dues generacions. un sol criteri.

    Una generació aporta maduresa estratègica; l’altra, frescor digital. Les dues treballen alhora en el teu projecte. Fa més de vint anys i més de 200 marques que ho fem, i seguim aprenent com si fos el primer dia.

  3. Dos adhesius negres amb l'asterisc i la frase «creativity is an attitude», damunt d'un cartró, al costat d'un retolador.

    la marca també es toca.

    A l’estudi conviuen la pantalla i el taller. Provem materials, fem peces físiques i experimentem abans de decidir: és el que fa que una marca no s’assembli a cap altra.

  4. Un grup conversa al voltant d'una taula de vidre a l'estudi, sota la frase «crear és somiar» escrita a la paret.

    tot comença amb una conversa.

    Parles amb qui fa la feina, de tu a tu. Som al Camí Fondo de Mataró i ens agrada seure a la mateixa taula: és on surt la informació que un briefing no pregunta.

(04)

de la conversa a la web publicada.

cada pas el veus, el proves i hi dius la teva abans de passar al següent.

  1. conversa

    Entenem el negoci, què ha de fer la web i per a qui. Si la marca encara no està a punt, comencem per aquí.

  2. arquitectura

    Ordenem el contingut i el recorregut: quines pàgines hi ha, en quin ordre i què ha de passar a cadascuna.

  3. disseny

    La marca pren forma de pàgina. Ho veus, ho proves i ho ajustem abans d’escriure cap línia de codi.

  4. desenvolupament

    La programem a l’estudi, pensada per al mòbil des del primer dia i amb un gestor que podràs editar tu.

  5. llançament i 360°

    La publiquem i hi som després: quan cal una secció nova, un idioma o una botiga.

(05)

de la marca a la pantalla.

webs i botigues en línia per a marques que coneixem a fons: el mateix equip i el mateix criteri, de la primera conversa a la web publicada.

Detall d'un producte blanc de Bidi, amb el nom de la marca a la part frontal.

Bidi

Logotip de Torras, amb l'any 1890, sobre fons granat.

Torras

Segell de Balfegó en blanc sobre fons blau marí.

Balfegó

(06)

des de 2005 fent el que ens agrada.

  • +20

    anys d’experiència

  • +200

    marques

  • +10

    sectors

  • +300

    projectes

1 / 2

Codina Studio combinen disseny, funcionalitat i molt bon criteri. Professionals, propers i sempre disposats a donar forma a allò que necessitem.

Oriol De Ramon i Xavier Coca

The Tyets

(07)

abans de començar.

podrem editar la web nosaltres?

Sí. Treballem amb gestors de contingut com WordPress, Webflow o Shopify, i deixem la web preparada perquè canviïs textos i imatges sense tocar codi.

i si encara no tenim la marca definida?

Llavors val la pena començar pel branding: una web que es fa abans de saber què ha de dir la marca acaba refent-se. Ho podem fer tot seguit, amb el mateix equip.

feu botigues en línia?

Sí. N’hem fet per a marques com Bidi, Torras o Típics: botigues que expliquen el producte, resolen dubtes i fan la compra clara i segura.

la web pot ser en més d’un idioma?

Sí. Aquesta mateixa web és en català i en castellà, amb una adreça pròpia per a cada idioma.

quant costa i quant dura?

Cada web és a mida: t’ho concretem a la proposta, perquè el preu depèn del que ha de fer. Pel que fa al termini, normalment és un mes, tot i que depèn de cada projecte.

qui en fa el manteniment?

Nosaltres, si vols. Tenim tres modalitats amb quota mensual i contracte anual: només allotjament; bàsic, amb actualitzacions, còpies de seguretat, monitorització i fins a 1 hora al mes de canvis; i premium, per a botigues i àrees privades, amb còpies diàries, actualitzacions setmanals i fins a 2 hores al mes.

Un home escolta amb la mà a la barbeta, assegut a una taula de reunions amb un portàtil.

tens un projecte? explica’ns-el.

respon el formulari i et prepararem una proposta estratègica. només són cinc minuts: com millor responguis, millor serà la proposta.

o, si t’estimes més parlar-ne, truca’ns al +34 93 707 45 00 o escriu-nos a hola@codina.studio.

(08)

tot el que necessita la teva marca, en un sol lloc.

branding, web i media + ads, amb el mateix equip i el mateix criteri.

llegeix-ne més a codina*stories…