Una font, molts canals
La mateixa informació validada pot alimentar la web, les xarxes, els catàlegs, les presentacions i un assistent. Cada canal adapta el format, sense canviar els fets.
KarminaAI StudioAgents · Serveis · Formació
Services · Disseny i desenvolupament web amb IA
Fer una web és més fàcil.
Fer-la valuosa exigeix criteri.
Construïm webs que expliquen bé el negoci, expressen la marca i connecten contingut, dades i accions. La IA accelera el desenvolupament; el coneixement, el disseny i les persones donen sentit al que publiquem.
01 · Més enllà de la primera pantalla
La primera versió pot arribar ràpid. La bona base s’ha de construir.
Si només cal explicar qui sou, un horari i un catàleg, una web senzilla pot ser suficient. Quan ha de captar clients, representar una marca, integrar processos o créixer, el repte canvia.
La generació amb IA redueix la distància entre una idea i una pàgina visible. Això permet prototipar, comparar estructures i aplicar canvis amb més agilitat. Però la velocitat de la primera proposta no demostra que el contingut sigui correcte, que la web es pugui mantenir o que respongui a una necessitat comercial.
El nostre servei comença abans del desenvolupament i continua després del llançament. Posem ordre en la informació, definim l’experiència i comprovem com funciona cada recorregut. També valorem si convé crear una web nova, ampliar l’actual o resoldre només una landing.
01
Objectiu
Què ha de resoldre la web i quina acció té valor per al negoci.
02
Sistema
Coneixement, arquitectura, marca, contingut i permisos.
03
Operació
Publicació, mesura, manteniment i capacitat d’evolució.
02 · Knowledge Foundation + Karmina Brain
La web no ha d’inventar el que l’empresa encara no ha ordenat.
Preparem una base de coneixement sobre propòsit, serveis, públics, to, casos, preguntes i límits. Així la IA treballa amb fonts pròpies i l’equip pot revisar què se’n deriva.
Propietaris i versions
Definim qui valida cada contingut, quan es revisa i què passa quan canvia un servei. Una web actualitzada necessita un procés, no només una eina que generi text.
Públic i privat
Separar la informació publicable de la interna evita exposar coneixement sensible. Un xat no ha de tenir accés a tot el Brain per ser útil.
Coherència entre pàgines
Arquitectura, menú, footer, FAQs i enllaços interns formen una xarxa de sentit. Les noves landings amplien el relat i condueixen a un següent pas rellevant.
03 · Identitat, disseny i producció
Quan totes les webs es poden generar, la marca pesa més.
No volem que el negoci sembli una plantilla compartida. El disseny parteix de la història, el posicionament, el mercat i la manera de relacionar-se amb les persones.
Un llenguatge visual propi.
Traduïm la identitat en tipografia, color, composició, ritme, components i interacció. El sistema permet que noves pàgines mantinguin el mateix criteri, també quan es desenvolupen amb IA.
Conèixer Criterio ↗Persones i imatges que apropen.
Fotografia d’equip, espais, producte, vídeo i peces de campanya fetes per al projecte. Produïm material visual amb intenció, autoria i drets clars. La proximitat real no es resol només amb imatges genèriques.
Conèixer la productora ↗Una història que es pot recórrer.
Ordenem l’argument comercial, resolem dubtes i connectem serveis, casos i recursos. La recerca de mercat i competidors informa les decisions; les persones decideixen què diferencia la marca.
Construir el Brand Playbook ↗ABANS DE TANCAR L’ABAST
No cal arribar amb la solució definida.
Podem revisar el repte, el punt de partida i les prioritats en una videocall gratuïta. Posar ordre abans d’escriure l’abast sol estalviar temps i pressupost.
Videocall · gratuïta · sense compromísAgendar una videocall gratuïta ↗Una conversa breu per entendre el punt de partida i posar ordre.
04 · Eines al servei del projecte
La plataforma s’escull després d’entendre l’ús.
Podem combinar entorns d’IA com ChatGPT Work, Claude o Codex amb la tecnologia que necessiti el projecte. També treballar sobre un CMS existent quan facilita l’edició i l’operació de l’equip.
ChatGPT Work
Un dels entorns d’IA que podem valorar dins del procés de treball.
Claude
Una altra opció dins d’un flux que exigeix context, criteri i revisió.
Codex · OpenAI
L’entorn de desenvolupament utilitzat en aquesta web de l’Studio.
WordPress
Un CMS que pot tenir sentit per a un equip amb necessitats d’edició establertes.
Són eines de treball, no quatre productes inclosos per defecte. Acordem tecnologia, llicències, allotjament, accessos i manteniment. Una web generada a mida també necessita propietat clara, documentació i persones que la puguin fer evolucionar.
05 · SEO, GEO i arquitectura
La web continua sent una font. Cal que s’entengui bé.
Les persones hi entren per llegir, comparar i contactar. Els cercadors i alguns sistemes d’IA hi poden trobar informació sobre l’organització. Treballem una base clara per a aquests recorreguts, sense prometre posicions ni mencions.
Informació útil i comprovable
Pàgines de servei desenvolupades, casos documentats, autoria, preguntes reals i contingut actualitzat. Cada pàgina ha de resoldre una necessitat concreta.
Arquitectura i descoberta
Jerarquia, URLs, menús, sitemap, metadades, indexació i enllaços interns. Les dades estructurades han de correspondre amb allò que la pàgina mostra.
Experiència i qualitat tècnica
Rendiment, accessibilitat, adaptació a mòbil, formularis i recorreguts. Canviar colors és una part del treball; fer que tot sigui usable i mantenible n’és una altra.
Mesura amb un objectiu
Definim esdeveniments i conversions abans d’interpretar visites. Valorem Analytics, Search Console i altres fonts segons l’abast, els permisos i la configuració acordada.
06 · Un exemple que ja tens davant
Aquesta web:
100% IA.
100% veu.
Creada amb IA i dirigida a través de la veu. El coneixement, les decisions i la revisió són humans.
La web de Karmina AI Studio forma part del nostre procés d’aprendre experimentant. Comencem per nosaltres per entendre què aporta la IA al desenvolupament i tot el treball humà que necessita una web per tenir sentit.
El nostre Karmina Brain.
Vam vincular el coneixement de Karmina: qui som, què fem, el criteri de marca i el nostre model de treball. La web parteix del mateix coneixement que expliquem que ha de tenir qualsevol sistema d’IA.
Entendre Karmina Brain ↗Principalment, amb Codex.
A partir d’aquesta base i seguint el nostre model, la IA construeix i modifica la web. El que li dona direcció és el coneixement propi, el context i les instruccions de l’equip.
Parlem, revisem, ajustem.
Revisem els canvis i indiquem els ajustos per veu, una manera que ens resulta més pràctica que escriure prompts. En molts casos, ho fem a través de les ulleres Meta.
07 · Karmina AI Studio · Aprendre experimentant
Com ens imaginem les webs del futur?
Conversacionals. Amb memòria. A la teva manera.
El xat de l’Studio és una beta i un agent experimental dins del procés de Karmina AI Studio: provar, escoltar, revisar i aprendre. És un primer pas per explorar una relació més útil entre les persones i les webs.
Xat avui, en betaVeuAvatarEl teu format
Volem que puguis triar com relacionar-te amb una web. No només com ho decideix l’empresa. Veu, avatar i altres formats formen part de la visió que volem explorar; encara no estan disponibles en aquesta beta.
Una web visible. I navegable.
Creiem que la navegació clàssica continuarà tenint sentit: pàgines, continguts i serveis que pots explorar al teu ritme. La conversa hi afegirà una altra porta d’entrada, sense obligar-te a fer servir un xat.
Una IA amb memòria: Karmina Brain.
Imaginem Karmina Brain com la capa de coneixement i memòria que donarà context a la web: què sabem, com treballem i què necessites. Una memòria amb fonts, permisos i control humà. Recordar context personal requerirà consentiment i límits clars; aquesta beta no ofereix memòria persistent entre visites.
El coneixement darrere de la web ↗Una web que també entenen els agents.
També explorem MCP i WebMCP. MCP connecta aplicacions d’IA amb coneixement i eines; WebMCP proposa exposar accions d’una web als agents del navegador. Imaginem que el teu agent pugui consultar i fer gestions amb Karmina, amb permisos i confirmacions. Són vies d’exploració, no connexions actives d’aquest xat.
Consultiva. Amb agents i persones.
Volem anar més enllà d’una resposta ràpida: entendre un brief, aprofundir en una necessitat o preparar una proposta comercial de Karmina. Quan calgui privacitat, criteri professional o desenvolupament a mida, la conversa haurà de continuar en un entorn adequat amb l’equip humà.
El primer pas · Beta
Què pots fer avui?
Al xat de l’Studio pots provar una primera orientació per escrit i passar al formulari per parlar amb l’equip. La beta pot equivocar-se. No hi comparteixis dades personals, briefs confidencials ni documentació sensible.
Què implica per al vostre projecte
Aquesta visió orienta el servei. L’abast el decidim amb vosaltres.
Podem començar amb una web clara, ben dissenyada i connectada amb el negoci. Afegim conversa, memòria o agents quan resolen una necessitat concreta i podem acordar fonts, privacitat, permisos, responsabilitats i manteniment.
Compatibilitat i disponibilitat s’han de verificar en cada projecte. Enviar dades, crear una reserva o modificar un sistema requereix autenticació quan correspon, accés mínim, validacions al servidor i confirmacions. La generació d’un text no substitueix aquests controls ni autoritza preus o compromisos comercials.
08 · La visió aplicada a un recorregut
Llegir és una acció. Poder continuar la conversa n’és una altra.
De trobar un cas a preparar una consulta o demanar una reunió. Selecciona una etapa per explorar com es podria concretar aquesta visió en un projecte, amb la persona al centre de cada decisió.
Exemple de treball · 1/4
La consulta es converteix en un context útil.
- Què entra
- Una persona busca una agència amb experiència en el seu sector.
- Què fem
- La web o un assistent autoritzat ajuda a concretar necessitat, mercat i tipus de projecte, amb informació pública i validada.
- Què surt
- Una necessitat descrita i uns criteris de cerca. Encara no s’envien dades a un equip comercial.
Decisió humanaLa persona decideix què comparteix. El sistema informa dels límits i deriva quan no té una resposta fiable.
Recorregut il·lustratiu. No consulta dades reals ni executa cap acció.
09 · Agents al servei de la pròpia web
Publicar és obrir un cicle de millora.
Podem definir agents que ajudin a detectar errors, preparar informes i proposar variants. Cada agent té una funció, unes fonts i un límit d’actuació; desplegar-los forma part d’un abast específic.
Salut tècnica i SEO.
Revisió d’enllaços, metadades, contingut desactualitzat i incidències. L’agent pot assenyalar problemes i preparar correccions; l’equip prioritza i valida què es modifica.
Explorar SEO Monitor ↗Dades que ajudin a decidir.
Dashboards amb fonts i definicions clares: trànsit, conversions, qualitat del lead i rendiment de campanya. Una variació és un senyal per investigar, no una explicació causal automàtica.
Explorar Dashboard Builder ↗Variants amb una hipòtesi.
Landings de campanya amb missatges, visuals o estructures alternatives. Definim mètrica, mostra, durada i repartiment del trànsit. Sense dades suficients, no declarem una versió guanyadora.
Explorar Landing Builder ↗Una prova A/B no autoritza l’agent a inventar ofertes, descomptes, promeses ni condicions. Els canvis es revisen abans de publicar-se i es poden revertir. Les integracions amb dades reals requereixen accessos i configuració acordats.
10 · Experiència web documentada
La tecnologia canvia. L’experiència d’usuari continua sent una feina concreta.
Aportem l’experiència de l’agència en marca, contingut, UX i conversió al desenvolupament amb IA. Cada cas explica el treball acreditat, sense atribuir-li una tecnologia o uns resultats que no consten a la font.
11 · Què entreguem
Una web i les bases per poder-la fer créixer.
L’abast es concreta segons la necessitat. No totes les webs requereixen un assistent, una integració o un sistema d’experimentació des del primer dia.
Diagnòstic i arquitectura
Objectius, públics, inventari de fonts, mapa de pàgines, recorreguts i criteris de conversió.
Abans de dissenyar.Sistema visual i contingut
Disseny, components, textos, FAQs i producció visual acordada. Revisió de coherència entre serveis, casos i recursos.
Una identitat aplicable.Web i publicació
Implementació adaptable, formularis, metadades, enllaços, configuració tècnica i comprovacions del recorregut acordat.
Una base funcional.Connexions i governança
Si formen part de l’abast: analítica, CRM, eines, assistents o àrees privades, amb permisos, límits i documentació.
Cap connexió implícita.Continuïtat i traspàs
Accés, propietat, documentació, formació i pla de manteniment. Propostes de millora segons dades i prioritats.
Capacitat per evolucionar.12 · Com podem començar
Una landing, una web corporativa o una evolució per fases.
Un objectiu concret.
Una landing per a un servei, una campanya o un llançament. Connectada amb la marca, la captació i el seguiment, amb un abast assumible.
Una base corporativa.
Una arquitectura de serveis, equip, casos, recursos i contacte. Fonts comunes i un sistema visual per créixer sense reconstruir cada pàgina.
Una plataforma en evolució.
Afegir integracions, àrees privades o agents quan hi ha un ús justificat. Acordem prioritats, inversió, dependències i qui manté cada funció.
El valor no és fer més peces. És aconseguir que cada entrega faci avançar el sistema de marca.
L’equip
Disseny, marca i producció visual amb persones al davant.
Marc Rodríguez
AI Video Production Specialist
Eva Trigo
Generative Creative Director
Florencia Caligaris
Generative Design Lead
Lucia Gimenez
Brand Systems & AI Designer
Montse Martinez
AI Visual Content Designer
Raquel García
AI Visual Quality LeadKarmina, darrere de l’Studio
Per què Karmina?
Darrere de Karmina AI Studio hi ha una agència amb trajectòria, equip, escala i experiència aplicada en organitzacions reals.
Karmina · AI Studio · Criterio · Dunder Mifflin · Utopiq · Smart Team
+119 M€D’inversió Ads en clientsPlataformes Ads
Partners
MetaGoogle Ads
TikTok
Pinterest
BarcelonaMadrid
Buenos AiresLes nostres oficines · Descobreix l’equip ↗
+50 KComunitat
B CorpEmpresa certificadaSI JA TENIU MATERIAL
Ja teniu un brief? Envieu-nos-el.
Pot ser un document acabat, unes notes o un correu amb context. El llegirem abans de proposar una conversa o un primer pas.
Continuar explorant
La web és una part del sistema.
FAQS · MARCA I CONTINGUTS
Preguntes freqüents sobre webs amb ia.
Cinc respostes essencials. La guia completa en desenvolupa 10.01Si una IA pot generar una web, per què necessito una agència?
+
Depèn del repte. Una pàgina informativa molt senzilla pot ser suficient per a alguns negocis. Si la web ha de captar, expressar una marca, gestionar contingut o integrar processos, cal ordenar objectius, disseny, tecnologia i continuïtat. Karmina aporta aquestes disciplines i la responsabilitat de revisar el que es construeix.
02Com eviteu que la web tingui un disseny genèric?
+
La direcció de marca i disseny parteix del posicionament i la història del negoci. Criterio pot convertir-los en un sistema visual i Dunder Mifflin en fotografia i vídeo propis. Components, tipografia, ritme i contingut s’apliquen de manera coherent a les noves pàgines, també quan s’utilitza IA per desenvolupar-les.
03Una web feta amb IA es posiciona millor a Google o a les respostes d’IA?
+
L’eina de desenvolupament no garanteix visibilitat. Treballem contingut útil, estructura clara, accessibilitat, rendiment, metadades, indexació i enllaços interns. Els cercadors i els sistemes d’IA decideixen què mostren segons els seus criteris. No prometem posicions, trànsit ni mencions pel fet d’utilitzar IA.
04Què és MCP i com pot relacionar-se amb una web?
+
MCP és un protocol per connectar aplicacions d’IA amb eines i fonts de dades. Una integració pot oferir consultes o accions delimitades. WebMCP explora la interacció amb eines descrites per una web al navegador. Cap de les dues vies activa automàticament un CRM o una agenda: compatibilitat, permisos, validacions i manteniment formen part del projecte.
05Què inclouen el lliurament, el manteniment i les integracions?
+
L’abast concreta arquitectura, disseny, contingut, implementació, comprovacions i traspàs. Analítica, CRM, assistents o àrees privades només s’inclouen quan s’acorden. Abans de llançar, definim propietat, accessos, allotjament, costos recurrents, documentació i responsables de manteniment. Es pot començar amb una landing i evolucionar per fases.
Parlem de la vostra web
Què hauria de fer possible la vostra web?
Expliqueu-nos què teniu avui, què necessita entendre el vostre públic i quines accions voleu facilitar. Valorarem coneixement, marca, contingut, tecnologia i continuïtat abans de proposar l’abast.
hello@karmina.ai