Diseño Web B2B · Sistema · Figma → código

Diseño web B2B que convierte. Sistema, no maquillaje.

Sistema de diseño calibrado a tu marca: tokens tipográficos, paleta cromática, grid 12-col, componentes Figma 1:1 con código. Accesible WCAG AA, responsive mobile-first, sin Elementor ni Divi. Cada decisión visual conectada a métrica de conversión.

Figma→Code

fidelidad 1:1

WCAG AA

accesibilidad

8-12 sem

entrega media

3/mes

slots premium

diseño web b2b · 5 ejes

Cinco capas de diseño conectadas a CRO.

Diseño no es maquillaje. Es sistema. Tokens, componentes, micro-interacciones y jerarquía editorial calibradas a la jornada B2B real de tu comprador. Aplicado al sitio oficial de empresa, esto es nuestro servicio de diseño web corporativa.

Sistema de tokens

Tipografía Poppins/Inter, paleta cromática primaria + extendida, escala spacing 4px, radii, shadows. Variables CSS. Zero magic numbers.

Biblioteca de componentes

Figma → código 1:1. Botones, cards, formularios, tablas, hero, testimonials. Variants, states, props documentados. Reutilización entre web, landings y email.

Jerarquía editorial

H1-H6 con escala modular calibrada a lectura B2B real (40+ años CTOs). Line-height, letter-spacing, contraste WCAG AAA en cuerpo, AA en headings.

Responsive mobile-first

Breakpoints racionales (480 / 768 / 1024 / 1280). Touch-targets 44px. Tipografía fluida con clamp(). Performance prioridad mobile B2B (60% tráfico).

Accesibilidad WCAG AA

Contraste 4.5:1 cuerpo, 3:1 UI. Focus rings visibles. ARIA donde aporta. Navegación teclado completa. Sin daltónicos excluidos. Auditoría axe-core en CI.

Método · 3 fases

Del moodboard al sistema vivo en 8 semanas.

Equipo senior con +40 sistemas de diseño B2B desplegados. Figma + tokens + componentes en código desde día 1.

Fase 01 · Discovery

Auditoría visual + brand

Análisis brand actual, competencia, referencias. Moodboard. Definición tono visual y arquitectura del sistema. Workshops con stakeholders.

Semanas 1–2

Fase 02 · Sistema

Tokens + componentes

Tokens tipográficos, color, spacing, motion. Figma library con 30+ componentes. Documentación uso. Variants y propiedades.

Semanas 3–6

Fase 03 · Implementación

Handoff técnico

Variables CSS exportadas. Componentes Gutenberg/React 1:1. Storybook si aplica. SOPs para el equipo interno.

Semanas 7–8

Preguntas frecuentes

Lo que CMOs y CTOs nos preguntan antes de firmar.

¿Cuánto cuesta un sistema de diseño B2B?
Tres rangos: Esencial 8.000 € (tokens + 15 componentes core, Figma + handoff CSS). Completo 18.000 € (sistema + 30 componentes + responsive + accesibilidad auditada). Enterprise custom (multi-marca, dark mode, multi-idioma).
¿Trabajáis con Tailwind, shadcn o stack propio?
Adaptable. Si tu equipo ya usa Tailwind o shadcn/ui, exportamos tokens compatibles. Para WordPress custom usamos variables CSS nativas + Gutenberg blocks. La decisión depende del stack del cliente, no de nuestra preferencia.
¿Qué pasa si ya tenemos brand book?
Mejor. El brand book define el qué (colores, logo, tipografía). El sistema de diseño define el cómo (componentes, jerarquía, micro-interacción). Partimos de tu brand y lo extendemos a sistema operativo.
¿Incluís diseño de landings o solo web principal?
Sistema diseñado para escalar a landings de campaña, emails, dashboards internos. Mismas variables CSS, mismos componentes. Coherencia visual y reducción de coste por página posterior > 60%.
¿Cómo medimos que el diseño funciona?
Métricas conectadas a CRO: bounce rate, scroll depth, tiempo en página, CVR formulario. Heatmaps Hotjar. A/B test en componentes críticos (hero, CTA, formulario). Diseño que no convierte se itera.
¿Necesitamos diseñador interno post-entrega?
No imprescindible. Documentación del sistema permite a marketing/contenido crear nuevas páginas sin diseñador. Para evolución mayor (dark mode, sub-marcas) podemos extender el contrato como retainer.

Auditoría diseño · gratis · 7 días

Te decimos qué frena visualmente tu conversión.

Analizamos tu web actual: jerarquía visual, accesibilidad, sistema (o ausencia), fricciones de diseño en jornada de compra B2B. Documento ejecutivo con quick wins priorizados.

Respondemos en menos de 24 h · Barcelona · CET · info@cronuts.digital

Reseñas verificadas · CTOs y CMOs B2B

Empresas con Lighthouse 95+ y conversión creciente.

Publicado en Google Google
Sol De La Grana
18 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
El equipo de Cronuts me ha ayudado a desarrollar mi web. Excelente profesionales, servicio y delivery. Muchas gracias!
Publicado en Google Google
Lucas Rosso
18 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Si quieres resultados, Cronuts es a quien necesitas contactar
Publicado en Google Google
Oriol Peremiquel
11 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Trabajo con cronuts para todos los proyectos de paid media de mis clientes. Si buscas resultados, son tu agencia. Muy contento del trato, de la eficiencia y sobre todo de la flexibilidad

(Traducido por Google, ver original)
Publicado en Google Google
Ribé Salat
9 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Colaborar con Cronuts Digital ha sido una experiencia muy positiva para RibéSalat. Desde el inicio han demostrado una gran cercanía, profesionalidad y una adaptabilidad para entender un sector tan específico y complejo como el nuestro. Han sabido entender nuestras necesidades reales, trabajar con agilidad y aportar soluciones bien planteadas, siempre con una visión estratégica y orientada a resultados. El trato es cercano y el equipo transmite confianza y compromiso en cada proyecto. Sin duda, un partner muy recomendable.
Publicado en Google Google
Antje Clausen
6 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Encantada con la atención personalizada y la profesionalidad de Maria Montoliu! Es un placer trabajar con ella e innovar juntas. Muchas gracias
Publicado en Google Google
Yolanda Frias
5 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
queremos agradecer sinceramente el excelente trabajo realizado por el equipo encargado de mantenimiento de nuestra web profesional. Su dedicación rapidez y atención al detalle han sido clave para que nuestra pagina funcione de forma óptima y trasmita la imagen que buscamos. Es un placer contar con un servicio tan fiable y profesional
Publicado en Google Google
Toni Ruiz Garcia
5 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Cuando un partner conjuga talento, profesionalidad y la mejor predisposición, los resultados son la consecuencia y la mejor recompensa. Felicidades, cracks!
Publicado en Google Google
José Mª Flores
4 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Un equipo complementario que demuestra empatia y eficàcia.
Publicado en Google Google
Dani Gracia Lopez
4 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Trabajamos con Cronuts des de hace meses. Destacan por su capacidad de análisis y una forma de trabajar ágil y alineada con nuestros objetivos. Saben mucho de lo suyo, siempre nos hacen buenas recomendaciones. Seguimos!!
Publicado en Google Google
Raquel Margeli
4 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Muy profesionales, los mejores partners para nuestros proyectos.
Publicado en Google Google
Yolanda Ayllon Sanmillan
4 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Empresa con personal muy profesional. Excelente trato.
Publicado en Google Google
Elena De Fontcuberta
4 Febrero 2026
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Equipo muy profesional, respuesta rápida, reuniones organizadas y muy productivas.
Publicado en Google Google
Marta Ferris
12 Diciembre 2025
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Estamos muy contentos con Cronuts Digital. Desde el primer momento han demostrado un gran conocimiento en marketing digital y una constante implicación con nuestro proyecto. Queremos hacer una mención especial a Maria Montoliu, que siempre está proponiendo nuevas ideas e iniciativas creativas para aplicar en cuenta, aportando un gran valor y frescura a la estrategia. Sin duda, Cronuts Digital es la empresa de marketing digital que nos hacía falta: profesionales, cercanos y orientados a resultados. Los recomendamos totalmente.

(Traducido por Google, ver original)
Publicado en Google Google
Júlia Fargas Esteve
8 Diciembre 2025
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Hace años que trabajamos con Cronuts, muy contentos con el servicio y su manera de trabajar.
Publicado en Google Google
Eric Mass
2 Diciembre 2025
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Generación de ideas novedosas utilizando las tecnologías modernas El seguimiento en la implementación permite asegurar la transformación Además equipo humano excelente
Publicado en Google Google
Kabeku Ai Filmmaking
2 Diciembre 2025
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Hemos trabajado con Cronuts Digital en la creación de nuestra nueva web y la experiencia ha sido excelente. Albert Puig nos ha acompañado en todo el proceso con mucha proximidad y profesionalidad. También nos han echado una mano con las campañas de Google Ads y algunas soluciones de IA, siempre aplicadas bajo un punto de vista humano, que han ayudado mucho a nuestro día a día. Un equipo muy recomendable y fácil de tratar.

(Traducido por Google, ver original)
Publicado en Google Google
Daniel Espinosa Miñano
2 Diciembre 2025
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Encantado con el trato recibido por Sete Flores, nuestro interlocutor entre la empresa y los servicios de Cronuts. Una persona dedicada, meticulosa y siempre dispuesta a ayudar. Su atención constante y disponibilidad 24/7 han marcado una diferencia notable.
Publicado en Google Google
Miquel Casas
2 Diciembre 2025
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Cronuts Digital es mucho más que una agencia o consultora digital. Es el partner que un negocio necesita para aumentar ventas, eficiencia y presencia. Es impresionante su uso de la IA y la atención personalizada que prestan. No le pongo más estrellas porque no se puede, ¡pero para mí son un 10!
Publicado en Google Google
Pol Angusto Muxart
2 Diciembre 2025
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Recomiendo totalmente. Nos han ayudado muchísimo a maximizar nuestras ventas. Equipo muy profesional, atento y proactivo.
Publicado en Google Google
Lucas Arias
11 Febrero 2025
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
¡Gracias a Eduard y su equipo por su dedicación y resultados! 🚀👏¡Totalmente recomendados! 🚀
Publicado en Google Google
Clement Imbert
9 Septiembre 2021
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Hola, esta mañana quería comprar un dulcecito y dije: ¿por qué no un cronuts? Así que busqué mapas y ¡bingo! Hay uno en Lacuna... Lamentablemente, allí no venden pasteles. Fue culpa mía, pero el nombre de la empresa podría dar lugar a confusión.

(Traducido por Google, ver original)
Publicado en Google Google
Luis Yanguas
9 Septiembre 2021
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
De todas las agencias con las que he colaborado, en Cronuts he sentido que realmente se interesaban por mi proyecto.
Publicado en Google Google
Antala Industria
10 Octubre 2019
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Grandes profesionales, nos han ayudado mucho a incrementar nuestro volumen de negocio gracias al canal digital.
Publicado en Google Google
Solo Madagascar Tours
5 Junio 2019
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Los recomendamos. Nos ayudan a incrementar nuestra presencia en todos los canales digitales.
Publicado en Google Google
Gestoria Luis
5 Junio 2019
Google star 1Google star 2Google star 3Google star 4Google star 5Trustindex verifica que la fuente original de la reseña sea Google.
Han conseguido incrementar nuestras ventas online a través de la implementación y desarrollo de activos digitales. ¡Enhorabueno chicos!
★★★★★ 4,9 / 5 · +39 reseñas verificadas
Ver todas en Google →

Auditoría web gratis en 7 días

Core Web Vitals + CRO + arquitectura SEO · documento ejecutivo · sin compromiso

Ver servicioAuditar mi web