Sergio Soler — diseño UX/UI front-end

Bienvenido, Welcome, Bienvenue, Willkommen, Benvenuto, Bem-vindo, 欢迎, ようこそ, 환영합니다, Добро пожаловать, مرحبا, स्वागत है, Hoş geldiniz, Welkom, Καλώς ήρθατε

Sergio Soler. Diseño UX/UI, Front-end
e IA Vibe coding al servicio de tu proyecto.

Quién soy

agustin-farias-6eCSBIiW6R4-unsplash

Diseño UX/UI front-end con IA al servicio de tu proyecto digital. Diseñador UX/UI y desarrollador Front-end con +9 años creando productos digitales que funcionan de verdad. No hago webs bonitas que no convierten, ni interfaces que parecen hechas en 2015. Combino investigación, diseño, código y datos para que tu proyecto digital deje de ser un dolor de cabeza y empiece a darte resultados.

Clientes que han confiado en mí

He trabajado con marcas grandes y proyectos ambiciosos de diseño UX/UI front-end. Desde e-commerce hasta plataformas de formación, pasando por landings que convierten y webs corporativas que no dan vergüenza ajena.

assets_task_01jzwk6chzfrrrz221z84rgqb7_1752232604_img_0

Algunas de mis habilidades

Figma

Figma

Diseño UX/UI, prototipado interactivo y design systems. Mi herramienta principal para crear interfaces centradas en el usuario.

Adobe Creative Suite

Adobe Creative Suite

Photoshop, Illustrator y XD para diseño gráfico, recursos visuales y edición de assets para proyectos digitales.

React

React

Desarrollo de interfaces interactivas y componentes reutilizables. SPAs modernas con arquitectura basada en componentes.

HTML5 / CSS3 / JS

HTML5 / CSS3 / JS

Maquetación responsive, animaciones CSS, JavaScript vanilla y SASS/Less. La base de todo proyecto front-end sólido.

WordPress

WordPress

Desarrollo de temas, plugins y soluciones a medida. Webs corporativas, e-commerce con WooCommerce y landing pages.

Webflow

Webflow

Diseño y desarrollo visual sin código. Prototipado de alta fidelidad y sitios web listos para producción.

Miro

Miro

Research UX, workshops colaborativos, mapas de empatía, customer journeys y facilitación de sesiones de Design Thinking.

Hotjar & Smartlook

Hotjar & Smartlook

Analítica UX, mapas de calor, grabaciones de sesión y test A/B. Decisiones de diseño basadas en datos reales de usuario.

IA Generativa

IA Generativa

Claude Code, ChatGPT y Gemini integrados en flujos de diseño y desarrollo. Prototipado acelerado y generación de código.

Bootstrap & SASS

Bootstrap & SASS

Frameworks CSS para desarrollo ágil. Sistemas de grid, componentes responsive y preprocesadores para CSS escalable.

Toma algo random y dulce para alegrar tu día

Ositos-Haribbo-fondo

Y seguimos

MI MÉTODO

Soluciones digitales hechas con cabeza, no con plantillas.

Cómo trabajo

Primero entiendo tu negocio, después diseño UX/UI front-end. Nada de empezar a maquetar sin saber qué necesitas. Uso metodologías Agile (Scrum/Kanban), herramientas de IA generativa y datos reales para que cada decisión de diseño tenga sentido.

Integro IA (Claude Code, ChatGPT, Gemini) en mis flujos de trabajo para acelerar prototipado hasta un 40% y generar código front-end sin perder calidad. Resultados medibles: +22% conversión en landings, -18% abandono en formularios, +15% en checkout.

*Resultados obtenidos con distintas herramientas de medición: Hotjar y SmartLook.

{Diseño UX/UI}

Interfaces que enamoran y convierten

Diseño interfaces centradas en el usuario con Figma, prototipado y validación con datos reales (Hotjar, Smartlook, test A/B). No adivino lo que funciona: lo mido. Webs responsive, rápidas (menos de 3 segundos de carga) y optimizadas para que tus visitas se conviertan en clientes.

Cada interfaz que diseño y desarrollo se adapta a cualquier pantalla. Mobile-first, siempre.

Diseño centrado en el usuario con Design Thinking, investigación y validación con datos reales. Nada de intuiciones.

Interfaces limpias, atractivas y funcionales. Figma, Adobe, InVision y Miro son mis herramientas del día a día.

Front-end Development

Tu diseño, llevado a código sin perder un píxel

Maqueto y desarrollo con HTML5, CSS3, JavaScript, React y Bootstrap. Si tu diseño está en Figma, lo llevo a código pixel-perfect. Si ya tienes una web en WordPress, Prestashop o Webflow, la optimizo para que vuele. Cross-browser, responsive y sin sorpresas en producción.

Maquetación responsive con código limpio, semántico y optimizado. SASS, Less, Bootstrap y vanilla JS.

Interfaces interactivas con componentes reutilizables. Arquitectura moderna para aplicaciones web.

Tiempos de carga inferiores a 3 segundos. Minificación, lazy loading y caché para que tu web vuele.

IA Aplicada

Inteligencia Artificial integrada en tu flujo de trabajo

Uso Claude Code, ChatGPT y Gemini para acelerar prototipado, generar componentes front-end y optimizar procesos de diseño. No es magia, es saber qué pedirle a la IA y cuándo meter mano tú. El resultado: menos tiempo de desarrollo, más iteraciones y mejor producto final.

Generación rápida de wireframes, componentes y layouts usando prompts inteligentes. De la idea al prototipo en minutos.

Componentes front-end, scripts de automatización y optimizaciones generadas con IA y refinadas a mano.

IA integrada en cada fase: investigación UX, diseño visual, desarrollo y testing. Reducción del 40% en tiempos de prototipado.

CMS y E-commerce

Tu web autogestionable, sin depender de nadie

WordPress, Prestashop, Webflow, Joomla... Domino los CMS más usados del mercado. Creo tiendas online, webs corporativas y plataformas de contenido que puedes gestionar tú mismo sin llamarme cada vez que quieras cambiar una foto.

Temas custom, plugins a medida y tiendas online optimizadas. El CMS más usado del mundo, exprimido al máximo.

E-commerce potente con Prestashop. Diseño visual con Webflow. La herramienta adecuada para cada proyecto.

Te entrego una web que puedes gestionar tú: contenido, productos, imágenes y SEO sin tocar código.

La imagen del mes

Generated Image April 14, 2026 - 11_56AM

Vamos a hacer algo

Si buscáis a alguien que pueda aportar desde el primer día, me encantaría hablar con vosotros. Contadme en qué estáis trabajando y vemos cómo puedo encajar en el equipo