Diseño Web en Barcelona

Adrián Pozo ofrece servicios de diseño web para empresas de Barcelona, combinando estética impactante con funcionalidad estratégica. Transformo la identidad digital de tu negocio con diseños modernos y creativos que destacan en el mercado.

Diseño Visual de Impacto

  • Estética moderna y vanguardista
  • Dirección de arte digital
  • Interfaces que diferencian tu marca
  • Uso creativo de tipografía y color

Interacción y Experiencia (UX)

  • Micro-interacciones fluidas
  • Navegación intuitiva y dinámica
  • Prototipado interactivo avanzado
  • Experiencias inmersivas (Scroll telling)

Herramientas y enfoque de diseño

Diseño Visual

Creatividad que captura la atención.

Figma Adobe XD Photoshop

Maquetación

Traducción perfecta del diseño al código.

HTML5/CSS3 Tailwind CSS Animations

Estrategia

Diseño pensado para vender.

Conversión (CRO) Accesibilidad Usabilidad

Diseños que marcan la diferencia

Imagen del proyecto FECOVI

FECOVI

WordPress · Web Corporativa

Diseño y desarrollo web para FECOVI SL, líderes en acero estructural (Ferrallas y Corrugados Villena). Web corporativa realizada en WordPress, enfocada en la presentación de servicios y proyectos destacados para una empresa industrial de referencia.

Clipbeat - App móvil de música y video desarrollada con Angular e Ionic

Clipbeat

🚀 Lanzadera (Valencia) · Red social multimedia

Aplicación web y móvil desarrollada con Angular, Ionic y Supabase. Permite compartir vídeos e imágenes en tiempo real. Login seguro, perfiles personalizados y notificaciones push.

Imagen del proyecto Swipet

Swipet

🚀 Lanzadera (Valencia) · Plataforma de seguros

App para contratar y gestionar seguros con una interfaz moderna, lógica backend sólida y diseño intuitivo. Integración con API de aseguradora.

Imagen del proyecto Belos

Belos

Software Personalizado

Aplicación integral diseñada para resolver problemas de desorganización, pérdida de tiempo y uso de múltiples herramientas. Belos centraliza funciones clave en una sola plataforma para mejorar la eficiencia operativa. Me encargué tanto del desarrollo como del diseño de interfaz, asegurando una experiencia optimizada para usuarios móviles y web.

Imagen del proyecto Shifty

Shifty

UI/UX Design · Figma · Software Móviles

Diseñé en Figma la experiencia completa de dos aplicaciones para Shifty, una plataforma que revoluciona el empleo flexible en el sector de la hostelería y otros servicios.

Imagen del proyecto FOTUR

FOTUR

WordPress · Responsive Design · Web Corporativa

Diseñé y desarrollé el sitio web oficial de FOTUR en WordPress, con un enfoque en identidad institucional, diseño responsivo y estructura clara. La web se optimizó para SEO y facilidad de navegación.

Imagen del proyecto Qualitime

Qualitime

🚀 Lanzadera (Valencia) · Web corporativa - WordPress

Web corporativa moderna, optimizada para SEO local y velocidad. Diseño visual nuevo, navegación clara, formularios y estrategia de posicionamiento en Google.

Imagen del proyecto Shifty OPS

Shifty OPS

UI/UX Design · Figma · Plataformas Web

Diseñé en Figma todas las plataformas web para clientes y equipo interno de Shifty, adaptadas a sus flujos operativos. Incluyen gestión de servicios, trabajadores y documentación. Priorizamos usabilidad, coherencia visual y optimización en escritorio y móvil.

Imagen del proyecto Findall

Findall

UI/UX Design · Figma · Plataforma Local

Diseñé la interfaz completa de Findall en modo claro y oscuro. Es una plataforma que conecta consumidores con negocios locales, optimizada para móvil y entorno empresarial. Usé iconografía clara e ilustraciones para reforzar el mensaje de cercanía y eficiencia. Realizo el mantenimiento de la plataforma web de gestión para empresas de Findall, desarrollada en Vue.js, asegurando el correcto funcionamiento de la planificación, estados y gestión empresarial.

Imagen del proyecto Gestión de Avisos Técnicos

Gestión de Avisos Técnicos

React · Angular · Ionic · Supabase · App Web

Desarrollé una app/web con React, Angular, Ionic y Supabase para registrar avisos, asignar técnicos, subir fotos, firmar digitalmente y generar documentación. Todo el flujo técnico se centraliza en una herramienta clara, funcional offline y adaptada al trabajo en campo.

Imagen del proyecto EPCO Wellness

EPCO Wellness

🚀 Lanzadera (Valencia) · UI/UX Design · Figma · App y Web

Realicé el rediseño completo de la app de EPCO en Figma y diseñé desde cero su nueva plataforma web. EPCO es una app de bienestar que simplifica la rutina diaria con planes de nutrición, entrenamientos en vídeo y meditaciones guiadas. Responsable del mantenimiento técnico de la plataforma administrativa y las aplicaciones móviles (iOS y Android) y web, desarrolladas en Flutter. Participación en el desarrollo y mantenimiento del ecosistema software de EPCO, asegurando la escalabilidad y rendimiento de las aplicaciones en Flutter.

Dasana - App de bienestar femenino con nutrición y entrenamiento personalizado para México

Dasana

Flutter · App Bienestar · México

Dasana es la app de bienestar femenino que se adapta a ti. Nutrición 100% personalizada, entrenamientos guiados y meditaciones con acompañamiento real. Miles de mujeres en México ya usan Dasana en su día a día para alcanzar sus metas de salud. Responsable del mantenimiento técnico de la plataforma administrativa y las aplicaciones móviles (iOS y Android) de Dasana, desarrolladas en Flutter. Participación en el desarrollo y mantenimiento del ecosistema software de Dasana, asegurando la escalabilidad y rendimiento de las aplicaciones en Flutter para iOS y Android.

Imagen del proyecto Templo del Masaje

Templo del Masaje

Angular · Ionic · Capacitor · Figma

Diseñé en Figma y desarrollé la app multiplataforma de Templo del Masaje (iOS/Android) con registro de clientes, catálogo de servicios por centro y pasarela de reservas y pagos con tarjeta, PayPal o puntos propios.

Imagen del proyecto Artemis Code

Artemis Code

Astro · Web corporativa

Diseñé y desarrollé en Astro la página web oficial de Artemis Code, con un sitio rápido, optimizado para SEO y una estructura clara que refuerza su presencia digital.

Imagen del proyecto Limpiezas La Charra

Limpiezas La Charra

Astro · Vercel · Web de servicios

Página web desarrollada en Astro y desplegada en Vercel para Limpiezas La Charra, empresa de limpieza profesional en Valencia. Más de 150 clientes satisfechos confían en su servicio rápido, eficaz y con todo el material incluido.

ECOLASER — Plataforma corporativa de limpieza láser industrial ecológica desarrollada con Astro

ECOLASER

Astro · Vercel · Web Corporativa

Plataforma corporativa desarrollada en Astro y desplegada en Vercel para ECOLASER, referentes en limpieza láser industrial ecológica. El sitio destaca su tecnología de vanguardia y presenta a las empresas una solución de limpieza sin agua ni abrasivos, certificable para auditorías ambientales (ESG).

Imagen del proyecto Artemis Club

Artemis Club

Angular · SEO · Comunidad Open Source

Web desarrollada con Angular y librerías específicas para desarrollo y SEO. Busca jóvenes talentos tecnológicos apasionados por la tecnología para crear la mayor comunidad open-source de España.

Imagen del proyecto DietTest

DietTest

WordPress · Blog · Sistema de Reservas y Pagos

Centro de dietética y nutrición en Valencia. Web principal en WordPress con sistema de reservas. Además, he desarrollado una plataforma interna (Software) en Angular y Supabase para la gestión integral de pacientes y especialistas. Plataforma privada (SaaS) que permite a los especialistas gestionar historias clínicas, compartir documentos con pacientes y administrar citas de forma segura y eficiente. Sitio web corporativo desarrollado en WordPress, con blog especializado, sistema de reservas online integrado y pasarela de pagos, optimizado para SEO local y conversión de leads.

Imagen del proyecto Agora Viva

Agora Viva

WordPress · Eventin · Timetics · WooCommerce

Diseñé y desarrollé en WordPress una web de venta de entradas para eventos con Eventin, Timetics y pasarela de pago mediante WooCommerce. Incluye gestión completa de eventos, visibilidad optimizada y una experiencia de compra fluida.

App Visual TEAF — Flutter, publicación en App Store y Google Play

Visual TEAF

Flutter · Publicación App Store y Google Play · Mantenimiento

App Flutter de la Fundación Visual TEAF para acompañar a personas con TEAF y a sus familias. El proyecto ya estaba desarrollado por otro equipo; me encargué de prepararlo y mantenerlo para publicarlo en las tiendas: configuración de builds, firma, metadatos y el proceso completo de revisión con Apple y Google hasta la aprobación.

¿Por qué contratar un diseñador web freelance?

  • Atención personalizada y directa
  • Diseños únicos, no plantillas masivas
  • Flexibilidad en revisiones y cambios
  • Costes ajustados a la calidad entregada
  • Visión integral (Diseño + Desarrollo)
  • Rapidez en la ejecución

Freelance vs agencia en Barcelona: qué esperar y rangos de precio

En diseño web Barcelona conviven estudios boutique, agencias medianas y perfiles senior en remoto. La decisión no es “quién dibuja más bonito”, sino quién asume el riesgo del alcance, cuántas personas intervienen en cada revisión y cómo se traduce eso en calendario y factura. La tabla resume patrones habituales en proyectos B2B y corporativos; los importes de freelance están alineados con los rangos que detallo más abajo en esta misma página.

Comparativa freelance senior frente a agencia para diseño web en Barcelona
Criterio Freelance senior (yo) Agencia mediana (orientativo)
Interlocutor Un solo responsable de diseño y coordinación con vuestro marketing; red de copy o motion solo si el proyecto lo pide. Director de cuenta, equipo creativo y a veces terceros; más reuniones de alineación.
Plazos típicos Rediseño parcial 3–6 semanas; web corporativa completa 8–14 semanas según contenidos listos. Mismos alcances suelen llevar 10–20+ semanas por colas internas y aprobaciones en cadena.
Flexibilidad Rondas de revisión cerradas en presupuesto; cambios fuera de alcance se presupuestan como fase extra clara. Contratos más rígidos o horas-paquete; los cambios de alcance implican más actores.
Rango de inversión ~1.500–6.000 € para diseño/UI y entregables descritos en esta landing (implementación aparte o conjunta). ~8.000–25.000 €+ para proyectos corporativos comparables en alcance (según marca, idiomas y servicios añadidos).

Freelance encaja cuando tenéis un decisor claro, necesitáis velocidad y queréis un diseño serio sin pagar el coste estructural de un departamento completo. Agencia compensa si simultáneamente necesitáis grandes volúmenes de creatividad de campaña, producción audiovisual interna o equipos onsite en Barcelona a tiempo parcial.

Si comparáis presupuestos, pedid siempre mismo alcance (número de plantillas, idiomas, estados responsive, sistema en Figma, revisiones incluidas). Para profundizar en cómo elegir proveedor sin sorpresas, la guía agencia vs freelance senior para pymes en España complementa esta sección.

Proceso de diseño web Barcelona (de kickoff a handoff)

El diseño web Barcelona exige claridad: la competencia visual es alta y los equipos de marketing suelen trabajar en catalán, castellano e inglés a la vez. Este flujo es el que aplico para que no queden cabos sueltos entre “bonito en Figma” y “implementable en producción”.

  1. Kickoff y criterios de éxito (semana 1). Reunión corta con objetivo de negocio: leads, reservas, descargas o soporte a ventas. Definimos público, tono y qué páginas son imprescindibles frente a “fase 2”. Entregable: acta con prioridades y exclusiones explícitas.
  2. Inventario de páginas y contenido (semana 1–2). Mapa del sitio alineado con SEO y con el equipo que redacta. Si el copy llega tarde, igualmente fijamos wireframes de baja fidelidad para no bloquear UI. Aquí detectamos si hace falta UX/UI adicional o si basta con ajustes sobre plantillas existentes.
  3. UI kit y sistema en Figma (semanas 2–5 según alcance). Tipografías, color, componentes y grids responsive. Preparo variantes para textos largos en catalán o alemán cuando el layout lo exige. Las animaciones van documentadas con notas de rendimiento para no penalizar LCP en móvil.
  4. Prototipado de flujos críticos (paralelo al UI). Formularios, áreas privadas o reservas: se prueba con datos realistas antes de que desarrollo escriba una línea. Reduzco idas y vueltas posteriores y evito “sorpresas” en responsive.
  5. Revisión con marketing y ronda de ajustes incluida. Checklist de accesibilidad básica (contraste, foco, etiquetas) y coherencia con marca. Lo que quede fuera del alcance firmado se cotiza como bloque aparte, con fecha de entrega.
  6. Handoff y UAT (últimas semanas). Especificaciones para quien maquete (yo u otro equipo): tokens, estados hover, breakpoints y assets exportables. Si cierro también desarrollo web en Barcelona, el mismo criterio de CWV se mantiene hasta producción.

Inversión en diseño web para empresas de Barcelona

  • Rediseño parcial (home + plantillas clave): desde ~1.500 €.
  • Web corporativa completa + blog: 2.500–6.000 € según volumen y animación.
  • Colaboración white-label con agencias: tarifa por sprint cerrado.

Propuesta en 24–48 h con alcance cerrado.

Sectores con mayor demanda de diseño web Barcelona

Consumer brands, mobility, greentech, hospitality y departamentos de marketing de empresas industriales en el corredor Mediterráneo. Cataluña premia el detalle visual: la web debe reflejar el mismo nivel que vuestro product físico o digital.

Muchas marcas en Barcelona y área metropolitana compiten por talento y atención: una web genérica con fotos de stock diluye confianza. Trabajo con referencias reales (casos, datos permitidos por el cliente, testimonios verificables) y con jerarquía visual que guíe al visitante hacia una acción concreta, no solo hacia un “portfolio bonito”.

Si participáis en eventos (MWC, 4YFN, salones sectoriales), preparo landings rápidas y medición de conversiones para capitalizar el pico de tráfico.

Diseño listo para equipos, agencias y multi-idioma

En Barcelona los sistemas en Figma incluyen desde el principio traducciones más largas (alemán, catalán, inglés) y breakpoints que no “rompen” el grid. Así marketing puede añadir campañas sin que cada idioma sea un rediseño encubierto.

Para colaboración white-label, preparo capas y anotaciones con vuestros tokens de marca y un inventario de componentes que otro desarrollador pueda implementar sin reuniones diarias. Las animaciones complejas van acompañadas de notas de rendimiento para no comprometer LCP en móvil.

Si queréis cerrar diseño e implementación con el mismo interlocutor, seguid en desarrollo web Barcelona.

Para equipos que ya tienen desarrollo interno o agencia de implementación, el handoff incluye checklist de componentes, estados vacíos y errores, y criterios de aceptación por vista. Así vuestro Barcelona tech partner no reinterpreta el diseño a ciegas ni abre tickets infinitos por ambigüedad.

Preguntas Frecuentes

¿Haces rediseño de webs existentes?

Sí, realizo auditorías de diseño y UX para modernizar webs antiguas, mejorando tanto su estética como su rendimiento y conversión.

¿El diseño será único o usas plantillas?

Cada proyecto tiene un diseño personalizado adaptado a la identidad de tu marca. Aunque utilizo componentes base para agilizar, el resultado final es único para ti.

¿Entregas los archivos de diseño?

Sí, si lo requieres, puedo entregarte los archivos fuente en Figma junto con la guía de estilos de tu nueva web.

¿Trabajas con clientes de Barcelona?

Sí, trabajo de forma remota con clientes de Barcelona, garantizando una comunicación fluida y un servicio de calidad.

¿Cuánto tarda un rediseño frente a una web nueva desde cero?

Un rediseño parcial (home + plantillas clave) suele estar en 3–6 semanas si el contenido está disponible. Una web nueva con varias secciones, blog y multi-idioma suele ir de 8 a 14 semanas según volumen de páginas y rondas de revisión incluidas en el presupuesto.

¿Quién es propietario de los archivos de Figma al terminar?

Por defecto el cliente recibe el proyecto o una copia transferible según lo acordado en contrato. Si el encargo es white-label para una agencia, la propiedad puede quedar a nombre del cliente final o de la agencia; se define antes del kickoff para evitar bloqueos al cerrar el proyecto.

¿Cómo se facturan rondas extra de cambio?

El presupuesto incluye un número cerrado de rondas de revisión por bloque (por ejemplo UI principal + interiores). Cambios que alteren alcance (nuevas secciones, otro idioma no previsto, ilustraciones adicionales) se presupuestan como fase extra con entrega y precio cerrados, no como horas abiertas sin techo.

¿Qué diferencia hay entre diseño UI y maquetación front?

El diseño UI define cómo debe verse y comportarse la interfaz en Figma (estados, responsive, componentes). La maquetación front es llevar eso a HTML/CSS/JS o a vuestro CMS sin perder fidelidad ni accesibilidad. Puedo encargarme de ambas o solo del diseño si ya tenéis equipo de desarrollo.

¿Quieres mejorar la imagen de tu empresa en Barcelona?

Solicitar diseño web