Disseny i desenvolupament web · De principi a fi

Fem webs.
Amb tot el que hi ha darrere.

Estratègia, disseny, tecnologia, SEO, manteniment i anuncis. Un equip de perfils diferents per pensar, construir i fer créixer una web al servei del teu negoci.

Barcelona · Madrid · Buenos AiresEstratègia · Disseny · Tecnologia · Creixement

Mirades diferents. Una mateixa direcció.

Una web no la fa un únic perfil.

EstratègiaUX / UIDesenvolupamentContingutSEOAnuncis

Algú ha de comprendre el negoci. Algú, convertir-lo en una experiència clara. I algú, fer que funcioni, que es trobi i que es converteixi. Per això es pensa i es desenvolupa una web entre perfils diferents.

A Karmina connectem aquestes mirades des del primer dia. Definim l'objectiu, dissenyem el recorregut, elegim la tecnologia i construïm una base preparada per al SEO i les campanyes. Després del llançament, seguim amb el manteniment, la mesura i les millores.

Un equip coordinat. Un interlocutor. Una ruta compartida.

Tot el procés, connectat

De la primera pregunta
a la següent millora.

El disseny, el desenvolupament i el creixement comparteixen decisions. Explora les sis etapes: cadascuna prepara la següent i totes tornen a l'objectiu empresarial.

01

Estratègia

Abans de dissenyar, entendre.

Negoci, audiències, mercats, objectius i contingut. Definim què ha d’aconseguir la web i com en mesurarem l’aportació.

02

Disseny

De l'arquitectura al moviment.

UX, estructura, textos, direcció visual i prototips en Figma. Validem els recorreguts abans de passar al desenvolupament.

03

Tecnologia

Construir per poder evolucionar.

Escollim el CMS, desenvolupem components i integram els sistemes necessaris. Revisem la mobilitat, l'accessibilitat i el rendiment.

04

SEO

Que et trobin des de la base.

Arquitectura, URL, metadades, enllaços i contingut. Si hi ha migració, mapeem les redireccions i seguim la indexació.

05

Anuncis

Cada visita amb una intenció.

Enllaçem anuncis, landings i mesurament. Preparem versions per campanya, audiència o mercat i aprenem de les conversions.

06

Manteniment

Publicar és el principi.

Actualitzacions, còpies, revisió tècnica i suport segons el pla acordat. Prioritzem millores noves amb dades d'ús i negoci.

↶ La web creix amb tu. Obre cada etapa per conèixer la feina.

CMS · Autonomia i criteri

El CMS al servei del client. No de l'agència.

Treballem amb WordPress, Shopify, Drupal i altres CMS i plataformes. Escollim la millor opció per a cada client, segons la seva empresa i el seu equip. La decisió comença per la teva operativa: qui actualitzarà el web, quins continguts o productes gestiones, quines integracions necessites i com vols créixer.

Comparem la facilitat d’ús, la flexibilitat, els costos i el manteniment. WordPress per a projectes editorials i corporatius; Shopify per al comerç; Drupal quan l’estructura i els fluxos requereixen més profunditat. Revisem cada cas abans de fer una recomanació.

Preparem una administració comprensible, documentació i formació. El teu equip ha de poder treballar amb la web i conèixer els seus accessos, llicències i dependències.

  • WordPress · Shopify · Drupal · Altres CMS
  • Criteri abans que costum
  • Gestió i formació
  • Cost total i evolució
Escollim la tecnologia amb tu ↗
Editor de llocs de WordPress amb navegació i vista web
WordPress · vista de l'editor de llocs ↗
WordPressShopifyDrupalAltres CMS

Botigues en línia · Experiència de compra

Una botiga que connecta el producte amb la compra.

Organitzem el catàleg perquè trobar, comparar i comprar sigui fàcil. Dissenyem categories, fitxes de producte, filtres i un recorregut de compra coherent amb la teva marca.

Connectem la botiga amb pagaments, enviaments, estoc i els sistemes que necessita la teva operativa. Plantegem idiomes i mercats des de l’inici, amb una base SEO per a categories i productes.

Després, creuem analítica i campanyes per detectar friccions i millorar. La botiga es construeix per vendre i també perquè el teu equip la pugui gestionar cada dia.

  • Catàleg i fitxes de producte
  • Pagaments, enviaments i integracions
  • SEO per a comerç electrònic
  • Anàlisi i conversió
Donem forma a la teva botiga online ↗
Exemple de fitxa de producte en una botiga Shopify
Shopify · exemple visual de producte ↗

Disseny a mida · UX / UI

La teva marca té personalitat. La teva web també.

Dissenyem l’estructura i l’experiència en Figma abans de desenvolupar. Treballem amb sistemes de components i prototips que permeten entendre com es navegarà, què s’explicarà i on ha d’actuar cada persona.

Avui una web també expressa moviment: transicions, microinteraccions, vídeo i detalls que guien l'atenció. Cada animació té un propòsit i s'adapta al mòbil, al rendiment i a les preferències de moviment.

La direcció artística, el contingut i la tecnologia es resolen conjuntament perquè el resultat mantingui la seva intenció quan arriba a la producció.

  • Disseny propi i coherent
  • Prototips en Figma
  • Moviment amb propòsit
  • Responsiu i accessible
Dissenyem una experiència pròpia ↗
Mostra de prototipatge i interaccions en Figma
Figma · Des del disseny fins al prototip interactiu. Feu clic per veure el vídeo ↗

Landing pages · Ads i conversió

Landing pages pensades per convertir.

Creem pàgines de destinació pensades per a una campanya, una oferta, un públic o un mercat específic. El missatge de l'anunci continua a la pàgina, amb arguments, proves i una crida a l'acció clara.

Dissenyem variants per idioma i públic, connectem els formularis amb el CRM quan el projecte ho requereixi i preparem la mesura de conversions. L'equip d'Ads participa des del briefing.

Revisem la velocitat, l’experiència mòbil i les friccions. Amb prou dades, plantegem proves per aprendre quin missatge, estructura o formulari ajuda més a convertir.

  • Google Ads i Social Ads
  • Audiències i mercats
  • Formularis i CRM
  • Mesura i experimentació
Preparem la teva pròxima campanya ↗
Landing de Karmina amb proposta de valor i crides a l'acció
Una proposta clara, arguments rellevants i un pas següent visible. Landing de serveis de Karmina.

Webs amb IA · Desenvolupament supervisat

La IA accelera. El criteri construeix.

Incorporem eines com Codex al procés de desenvolupament per explorar solucions, preparar components, revisar el codi i avançar en les iteracions. La IA amplia la capacitat de l'equip; el projecte continua tenint direcció, responsables i estàndards.

Des del prototip a una web en producció hi ha decisions sobre arquitectura, marca, accessibilitat, SEO, dades i integracions. Els nostres perfils de disseny i tecnologia revisen el resultat i proven els recorreguts abans de llançar-lo.

Escollim les eines segons el repte i deixem una base que es pugui mantenir i evolucionar. El més important és que la web funcioni per al teu negoci, també després de la primera versió.

  • El Codex en el flux de treball
  • Prototips i iteracions
  • Revisió i proves humanes
  • Un codi que pot evolucionar
Explorem el teu projecte amb IA ↗
Interfície de Codex en un editor de codi amb canvis preparats per revisar
Codex · revisió de canvis en l'editor ↗

Llocs web per a agents · MCP i integracions

Una web per a persones. I preparada per als agents.

Cada cop més recorreguts comencen amb un assistent. Preparem informació clara, estructura semàntica i dades consistents perquè la teva oferta sigui comprensible tant per a les persones com per als sistemes que els ajuden.

Quan és necessari, connectem dades i funcions mitjançant APIs i MCP (Model Context Protocol), un estàndard que permet que les aplicacions d'IA utilitzin eines i fonts d'informació.

Definim què pot consultar o fer cada agent: buscar productes, recuperar informació o preparar una sol·licitud. Les accions sensibles comporten permisos i controls. Dissenyem una connexió útil, mesurable i mantenible.

  • Contingut comprensible
  • API i servidors MCP
  • Permisos i traçabilitat
  • Integració amb els teus sistemes
Pensem què hauria de poder fer un agent ↗
MCP · Esquema conceptual de connexió amb agents ↗

Reception.ai · Atenció a la web

La teva web pot rebre, orientar i obrir la conversa.

Integrem Reception.ai a les webs dels nostres clients perquè les persones que les visiten puguin preguntar, trobar informació i saber quin és el següent pas. Una recepció digital disponible quan sorgeix la necessitat.

La configurem amb el coneixement de cada negoci, el seu to i els idiomes necessaris. Pot explicar serveis, respondre consultes freqüents i recollir el context d’una oportunitat abans de passar-la a l’equip.

Segons l'abast, connectem la conversa amb formularis, agenda o sistemes interns. Revisem les respostes i definim quan ha d'intervenir una persona. La web es converteix en una porta d'entrada més útil.

  • Conversació per text o veu
  • Coneixement del teu negoci
  • Context per a l’equip
  • Derivació i seguiment
Veurem què pot solucionar la vostra recepció digital ↗
Il·lustració de Reception.ai i la seva connexió amb el coneixement de Karmina
Reception.ai · així ho apliquem a Karmina ↗
Retrat de Harri Echevarría
Assessoria i visió empresarial

Una bona web connecta el que necessita el negoci amb el que les persones volen fer.

Per això, estratègia, disseny i tecnologia han de treballar junts des de la primera conversa.

L'equip que ho fa possible

Perfils diferents. Una web ben pensada.

L'estratègia, la direcció creativa, el disseny, els continguts i les campanyes es coordinen amb el desenvolupament. Configurem l'equip segons el repte i mantenim una visió compartida durant tot el projecte.

Conèixer tot l’equip
Arnau Sanz

Arnau Sanz

Conseller Delegat i Soci

Eva Trigo

Eva Trigo

Creative Director

Florencia Caligaris

Florencia Caligaris

Senior Designer

Mar Berzal

Mar Berzal

Content Strategist

Harri Echevarría

Harri Echevarría

Consultor

Pep Casas

Pep Casas

Especialista en Anuncis

Un bon projecte comença amb una bona pregunta

Parlem de la web que necessites.

Explica’ns què fa el teu negoci, què hauria d’aconseguir la web i en quin punt et trobes. T’ajudarem a definir l’enfocament, l’equip i els passos següents.

Prefereixes anar al gra?Escriviu a proyectos@agenciakarmina.com o truqueu al 638 288 746.

Preguntes freqüents sobre disseny i desenvolupament web

Abans de començar,
resolguem els dubtes.

Us encarregueu de tot el procés?

Sí. Podem acompanyar-te des de l'estratègia i el contingut fins al disseny, el desenvolupament, l'SEO, el llançament, les campanyes i el manteniment. Fixem què inclou cada fase, qui valida i quins materials necessitem del teu equip.

Com elegiu el CMS més adequat?

Revisem el model de negoci, l'operativa de continguts o catàleg, les integracions, els idiomes, el pressupost i l'evolució prevista. Et expliquem les alternatives i els seus costos abans de decidir.

La web serà nostra i la podrem gestionar?

Des del principi definim propietat, accés, llicències i entregables. Preparem el CMS i la formació perquè el teu equip pugui gestionar els continguts acordats. Les llicències de tercers i els serveis recurrents es fan identificables.

Quant costa i quant es triga a fer una web?

Depèn de pàgines, idiomes, catàleg, contingut, disseny i integracions. Després de revisar el briefing, concretem abast, pressupost i fites. Una landing de campanya i una botiga connectada a diversos sistemes requereixen plans diferents.

Incloureu SEO i migració de la web anterior?

Incorporem la base SEO en l'arquitectura, el contingut i el desenvolupament. Si substituïm una web, el pla pot incloure inventari d'URLs, redireccions, validacions i seguiment. El treball SEO continuat es defineix segons els objectius del projecte.

Què passa després del llançament?

Podem continuar amb manteniment, actualitzacions, còpies, suport i evolució. Acordem cobertura, temps d'atenció i responsabilitats. L'anàlisi i les campanyes ajuden a prioritzar millores.

Una web creada amb IA necessita un equip?

La IA accelera tasques, però algú ha de decidir l'arquitectura, validar el disseny, revisar el codi i comprovar els recorreguts. Ens mantenim responsables de la qualitat, les dades, les integracions i la posada en producció.

Reception.ai i MCP són el mateix?

No. Reception.ai atén les converses dels visitants. MCP és un estàndard per connectar aplicacions d'IA amb dades i eines. Poden formar part d'una mateixa estratègia, amb rangs i integracions diferents.

Enviar CV Enviar brief Parla amb Karmina