Casos de estudio de diseño web con resultados reales
Diez proyectos entregados. Cada ficha lleva la captura y el enlace a la web en producción: ábrela y compruébala tú.
Cada ficha cuenta qué es el negocio, qué hicimos y qué tiene su web. No publicamos porcentajes de mejora que no podemos demostrar: la prueba es la propia web, que puedes abrir desde cada ficha.
Son diez, no doscientos, porque para publicar un caso necesitamos el permiso del cliente. Si lo que quieres es ver el trabajo entero, está en el portfolio completo; y si ya estás decidiendo, el servicio y los plazos están en proyectos de diseño web en Barcelona.
10 casos.
10 negocios distintos.
La mayoría en Barcelona; también hay un taller de Zaragoza y un taller de personalización de Huelva.
La Cala Barceloneta
Cafetería especializada en café de origen único y brunch, situada junto al mar en el barrio de la Barceloneta.
Diseño y desarrollo de la web, en español e inglés.
Carta descargable en PDF, formulario de contacto para eventos, mapa de ubicación, horarios, newsletter y enlaces a redes sociales, con versión en inglés.
Doctor Motor
Taller mecánico especializado en reparación de frenos, motor y mantenimiento de vehículos.
Diseño y desarrollo de la web, con petición de presupuesto y contacto por WhatsApp.
Formulario de presupuesto, contacto directo por WhatsApp, mapa integrado, horarios, catálogo de servicios y FAQ interactivo.
Auto Reparació Grassot
Taller mecánico de reparación de automóviles en el barrio de Gràcia.
Diseño y desarrollo de la web, con petición de presupuesto y galería de trabajos.
Contacto directo por WhatsApp, formulario de presupuesto, FAQ interactivo, galería de trabajos y horarios.
JJ Sportlab
Negocio de cuadros deportivos personalizados en relieve 3D, hechos a mano en Europa.
Tienda online a medida en Flask, con el configurador del cuadro y el pago con Stripe.
Tienda online con configurador de personalización en 4 pasos, pasarela de pago Stripe y formulario de datos del cliente.
Sublima y Borda
Taller de personalización textil y merchandising empresarial, con producción propia en Huelva.
Tienda WooCommerce con catálogo, carrito y petición de presupuesto para empresas.
Tienda online con catálogo y carrito de compra, formulario de presupuesto personalizado, acceso a cuenta de usuario y condiciones de pago aplazado para empresas.
Salamat Clot
Restaurante de cocina argentina contemporánea, cien por cien sin gluten.
Diseño y desarrollo de la web, con carta digital y versión en inglés.
Carta digital con precios, reserva por teléfono y WhatsApp, mapa, horarios, galería de fotos y newsletter, con versión en inglés.
Morris Body Massage
Centro de masajes y quiromasaje personalizados.
Web en WordPress con Elementor y reserva de cita online.
Reserva de cita online mediante Square, catálogo de 6 tipos de masaje con precio y duración, y contacto directo por WhatsApp y teléfono.
Tenans
Plataforma de perfiles digitales para inquilinos, pensada para conectar con propietarios sin pasar por portales de anuncios tradicionales. La propia web aclara que no es un portal de anuncios ni una agencia o intermediario.
Migración de la web WordPress y de las cuentas de correo a un servidor nuevo.
Registro y login de usuario, creación de perfil, buscador de perfiles para propietarios, blog, sección de planes y formulario de contacto.
gb·pisos
Inmobiliaria boutique especializada en venta de pisos y locales comerciales en el centro y sur de Barcelona.
Diseño y desarrollo de la web.
Formulario de contacto, WhatsApp, teléfono directo, galería de operaciones cerradas (sin direcciones, por privacidad) y FAQ interactivo.
Pz Pazzi
Marca de moda con tienda online de ropa, calzado y accesorios.
Migración de la tienda WordPress a un servidor nuevo, cambio de DNS y rediseño.
Tienda online con catálogo, carrito de compra, varios métodos de pago (Visa, Mastercard, Amex, Bizum), cuenta de usuario, lista de deseos y buscador, con versión en inglés.
Otros encargos
con el detalle publicado
No todos llegan a caso de estudio con KPI, pero sí tienen su ficha con el problema y lo que se construyó.
Cuando el negocio ya tiene nombre, el encargo es no estropearlo. Fue lo que pasó con Curtidos Badia, una tenería de Igualada que viene de 1889 y donde el rediseño tenía que estar a la altura del material, y con Mi*Mo Showroom, agente de moda B2B en Sevilla que representa marcas en exclusiva y habla a dos públicos distintos en la misma web. En la misma línea, QORI vende shots naturales Cold Press desde Granollers y necesitaba una landing que tratase el producto como marca, no como referencia de catálogo.
Otras veces el encargo es que el cliente pueda seguir solo. Justicia Sistémica, la práctica de mediación de Mª Luz Godoy en Murcia, se reconstruyó en WordPress editable a clic con blog de eventos y SEO local, para que ella publique sin llamarnos. Sonrisanas, clínica dental en Lima, ordena cinco tratamientos y un equipo de especialistas en una web que carga ligera desde el móvil.
En obra y servicio técnico el criterio es distinto: hay que demostrar que se sabe hacer. URBANCAT es obra nueva y reforma integral en Barcelona, con el portfolio de obra como argumento principal. INSTAVA lleva desde 1980 en ingeniería eléctrica y telecomunicaciones en A Coruña, y su web corporativa va a proyecto grande. Lanzarote Solar Power instala energía solar en villas y comunidades, incluida la gestión legal, y capta desde la propia web. Y Vaciado de Pisos ELMAS resuelve vaciados en Barcelona en 24 h, con el proceso explicado en cinco pasos para que nadie llame a preguntar cómo va.
Cuando quien contrata es una persona y no una empresa, la web tiene que sonar a ella. Khaladi Advisory es la marca personal del Dr. Hassan Khaladi en consultoría internacional, y todo el diseño está puesto al servicio de la autoridad que ya tiene fuera de internet.
Por qué estos
resultados son posibles
No es suerte. Son 5 principios que aplicamos en cada proyecto desde el primer día.
Stack moderno
HTML/JS a medida, WordPress, WooCommerce, Flask, Next.js — elegimos según el caso. Sin plantillas genéricas.
Diseño orientado a conversión
Cada sección tiene un objetivo medible. El diseño bonito es consecuencia, no el fin.
SEO técnico desde día 1
Canonical, schema JSON-LD, Core Web Vitals, sitemap — no como plugin sino como parte del código base.
Analytics implementado siempre
Sin datos no hay mejora. GA4 configurado con eventos de conversión en cada proyecto desde el inicio.
Proceso del cliente, primero
Entendemos cómo trabaja el negocio antes de diseñar. La web se adapta al flujo real, no al revés.
Cómo leer estos casos de estudio de diseño web
Son diez y no doscientos por un motivo concreto: para publicar un caso necesitamos el permiso del cliente. Estos casos de estudio de diseño web llevan siempre las mismas piezas: qué es el negocio, qué hicimos, qué tiene su web y el enlace para abrirla.
Lo que no vas a encontrar son porcentajes de mejora. Cuando no tenemos un dato medido, no lo ponemos, ni siquiera como estimación: los datos redondos y sin fuente son justo lo que hace que nadie se crea los portfolios. Todo lo que aparece en cada ficha lo puedes comprobar abriendo la web del cliente.
Diez casos, diez negocios: restauración, talleres, tiendas online, masajes, inmobiliaria y una plataforma para inquilinos. Si buscas el trabajo entero y no solo los que tienen KPI, está en el portfolio de diseño web y en las fichas de clientes. Si lo que quieres es situar tu propio encargo, empieza por diseño web Barcelona o por el sector que te toca; y si tu prioridad es el posicionamiento y no el diseño, la conversación suele empezar por una auditoría SEO en Barcelona.
Preguntas frecuentes sobre casos de estudio de diseño web
¿Quieres ser el
próximo caso?
Todos los proyectos de arriba empezaron con una conversación de 20 minutos. Sin compromiso, sin presupuesto hasta que tengas claro qué necesitas. Si tu prioridad es el posicionamiento, esa conversación suele empezar por una auditoría SEO en Barcelona.
Hablamos sin compromisoSeguir leyendo
Más sobre casos de estudio de diseño web
Crear una página web con IA
¿Se puede hacer una página web con IA o ChatGPT en 2026? Qué consigues de verdad, los límites reales y cuándo compensa un profesional. Guía honesta.
Leer artículo →12 errores comunes en la web de una pyme
Los 12 errores más caros en webs de pyme: cero CTA, móvil malo, sin tracking, contenido genérico, plantilla obvia. Cómo detectarlos y arreglarlos.
Leer artículo →