Hola mundo, soy Núria Ruiz

Pienso como diseñadora.
Construyo como programadora.

UI Developer, Frontend y UX/UI Designer. Convierto ideas en experiencias digitales que funcionan: del prototipo en Figma al código en producción.

Retrato de Núria Ruiz

La creatividad se diseña, se piensa y se programa.

Lo que hago

UX / UI Design

Diseño interfaces claras, accesibles y centradas en el usuario, basadas en investigación y validación.

Front-End Development

Transformo diseños en código limpio, responsive y eficiente usando tecnologías web modernas.

Producto Digital

Trabajo proyectos end-to-end: de entender el problema a la web publicada, cuidando accesibilidad, rendimiento y SEO.

Cómo trabajo

Diseño con orientación al producto y desarrollo con criterio técnico.

  1. 01

    Entender

    Empiezo por el problema y por las personas usuarias: qué necesitan, qué buscan y qué les frena.

  2. 02

    Diseñar

    Defino flujos y estructuras claras, y diseño en Figma interfaces funcionales y accesibles.

  3. 03

    Programar

    Traduzco el diseño a código limpio y mantenible, cuidando consistencia visual, rendimiento y escalabilidad.

  4. 04

    Validar e iterar

    Trabajo de forma colaborativa, con feedback real, hasta llegar a soluciones claras y usables.

¿Tienes un proyecto en mente?

Hablemos.

nuriaruizfont@gmail.com
LinkedIn: /in/nuriaruizfont © 2026 Núria Ruiz

Proyectos

Webs reales, en producción, para clientes reales. Unas las he diseñado, otras las he programado, y en algunas he hecho las dos cosas. Puedes desplazarte dentro de cada captura para recorrer la web entera.

Proyecto actual

nuclio.school

Desarrollo y mantenimiento de la web de Nuclio Digital School. Tras años sobre WordPress, la hemos migrado a Astro: código 100% a medida, build con Vite, control de versiones con Git y despliegue en Vercel.

WordPressAstro

Rol
Desarrolladora web y diseñadora UI/UX
Stack actual
Astro y Vite, desplegado en Vercel
Antes
WordPress con Elementor Pro y WPBakery
Empresa
Nuclio Digital School, desde 04/2026
Web de Nuclio Digital School completa
Web de Nuclio Digital School en móvil

Qué hago

Migración a Astro

De WordPress a Astro con código 100% a medida, build con Vite, Git para el control de versiones y despliegue continuo en Vercel.

Desarrollo y maquetación

Páginas y landing pages desde cero, de Figma a producción con fidelidad pixel-perfect, también en React.

Mantenimiento y evolutivos

Disponibilidad, escalabilidad y buen funcionamiento del portal principal.

Desarrollo a medida

Funcionalidades avanzadas con PHP y JavaScript, y plugins personalizados.

Estilos avanzados

CSS y Sass limpio, modular, mantenible y totalmente responsive.

SEO técnico y WPO

Velocidad de carga, datos estructurados y rendimiento para posicionar y convertir.

AstroViteVercelGitJavaScript (ES6+)CSS3/SassReactWordPressPHPElementor ProWPBakeryHubSpotFigmaSEO técnicoWPO
Visitar nuclio.school

Más proyectos

Web del Hiring Day en escritorio
Web del Hiring Day en móvil

Diseño UI/UX y desarrollo

Hiring Day 2027

De las necesidades de Career & Talent a una landing que capta empresas

La feria de empleabilidad de Nuclio Digital School, que conecta empresas con el talento formado en IA, datos y producto digital en Barcelona y Madrid.

  • Figma
  • HTML
  • CSS
  • JavaScript
  • Diseño responsive
  • UX Writing
Empresa
Nuclio Digital School
Rol
Diseñadora UI/UX y desarrolladora
Sector
Empleabilidad, Barcelona y Madrid
Qué hice
  • Definición de la página a partir de las necesidades del servicio de Career & Talent.
  • Diseño en Figma e implementación completa, de escritorio a móvil.
  • Formulario de inscripción en tres pasos para reducir la fricción.
  • Perfiles, beneficios y requisitos ordenados para que la empresa decida rápido.
  • Vídeos por edición, galería y logos de empresas para generar confianza.
Visitar la web
Web de Talauto en escritorio
Web de Talauto en móvil

Desarrollo Front-End

talauto.com

Reinventando la compra de coches online

Concesionario con más de 50 años de historia y referente en la zona centro de España.

  • HTML
  • CSS
  • SASS
  • JavaScript
  • jQuery
  • Bootstrap
  • Twig
  • Phalcon
  • SQL
  • Git
Empresa
inventario.pro
Rol
Desarrolladora web principal
Sector
Automoción, Toledo
Qué hice
  • Maquetación front-end de vistas y secciones clave, con código limpio y responsive.
  • Rediseño y refactorización de componentes UI.
  • Jerarquía de contenidos para buscar y comparar vehículos.
  • Experiencia móvil preparada para mucha información y filtros.
Visitar la web
Web de Aura de Sepúlveda en escritorio
Web de Aura de Sepúlveda en móvil

Diseño UI/UX

auradesepulveda.com

Una experiencia de calma antes incluso de reservar

Dos casas rurales con personalidad propia junto a las Hoces del Río Duratón.

  • Duda
  • Componentes personalizados
  • Diseño responsive
  • SEO
  • IA generativa
  • Salesforce
Empresa
beedigital
Rol
Diseñadora web y maquetadora
Sector
Turismo rural, Segovia
Qué hice
  • Arquitectura de la información para dos casas con coherencia.
  • Storytelling visual con fotografía protagonista.
  • Jerarquías que equilibran emoción e información práctica.
  • CTAs de reserva integrados sin romper el tono sereno.
Visitar la web
Web de MCS Mobility en escritorio
Web de MCS Mobility en móvil

Desarrollo Front-End

mscmobility.com

Stock real y foco en conversión

Concesionario y taller oficial en Vila-real especializado en vehículos nuevos, KM0 y de ocasión.

  • HTML
  • CSS
  • SASS
  • JavaScript
  • jQuery
  • Bootstrap
  • Twig
  • Phalcon
  • SQL
  • Git
Empresa
inventario.pro
Rol
Desarrolladora web principal
Sector
Automoción, Castellón
Qué hice
  • Front-end de home, stock, servicios y contacto.
  • Componentes de catálogo escaneables.
  • Responsive pensado para búsqueda, fichas y CTA en móvil.
  • Estructura optimizada para SEO local.
Visitar la web
Web de OneBox Training en escritorio
Web de OneBox Training en móvil

Diseño UI/UX

oneboxtraining.es

Convertir sin perder personalidad

Box de entrenamiento funcional y cross training en Rafelbunyol: energía, pero ordenada.

  • Duda
  • Componentes personalizados
  • Diseño responsive
  • SEO
  • IA generativa
  • Salesforce
Empresa
beedigital
Rol
Diseñadora web y maquetadora
Sector
Fitness, Valencia
Qué hice
  • Servicios que se entienden rápido: funcional, cross e híbrido/DEKA.
  • Jerarquía centrada en qué es, para quién y cómo empezar.
  • Experiencia responsive cuidando el móvil.
  • CTAs claros sin saturar.
Visitar la web
Web de Bella Machina en escritorio
Web de Bella Machina en móvil

Desarrollo Front-End

bellamachina.es

Experiencia premium en coches de ocasión

Más de 30 años de experiencia, venta online y entrega a domicilio en toda España.

  • HTML
  • CSS
  • SASS
  • JavaScript
  • jQuery
  • Bootstrap
  • Twig
  • Phalcon
  • SQL
  • Git
Empresa
inventario.pro
Rol
Desarrolladora web y maquetadora
Sector
Automoción, Madrid
Qué hice
  • Interfaces de catálogo con filtros y stock claros.
  • Optimización para quien compara desde el móvil.
  • Elementos visuales que destacan oferta, precio y beneficios.
Visitar la web

¿Construimos el siguiente?

nuriaruizfont@gmail.com
Retrato de Núria Ruiz

Núria Ruiz Font

Desarrolladora web, UI/UX

Desarrolladora web y diseñadora UX/UI con experiencia en la creación de aplicaciones y sitios web modernos, accesibles y orientados a conversión. Especializada en frontend, maquetación responsive y diseño centrado en el usuario.

He trabajado en entornos ágiles con clientes reales, en proyectos end-to-end: desde la conceptualización en Figma hasta la implementación final. Perfil híbrido técnico–creativo con fuerte orientación a producto, experiencia de usuario y optimización SEO.

Experiencia

04/2026 – actualidad

Nuclio Digital School

Desarrolladora web y diseñadora UI/UX

Presencial, Barcelona

  • Migración de la web de nuclio.school de WordPress a Astro: código 100% a medida, Vite, Git y despliegue en Vercel.
  • Diseño y prototipado de interfaces web en Figma.
  • Mantenimiento y desarrollo de sitios en WordPress con WPBakery y Elementor Pro, incluyendo plugins personalizados.
  • Desarrollo de landing pages con React y despliegue en Vercel.
  • Gestión de HubSpot para contenidos, formularios y captación de leads.

10/2025 – 04/2026

beedigital

Diseñadora web y maquetadora

Remoto, España

  • Diseño y maquetación de webs y componentes personalizados en Duda.
  • Sitios modernos, responsive y optimizados para SEO.
  • Contenidos con IA orientados a posicionamiento y conversión.
  • Cartera propia de clientes y proyectos end-to-end.
  • Seguimiento de proyectos con Salesforce.

06/2024 – 08/2025

inventario.pro

Desarrolladora web y maquetadora

Remoto, Barcelona

  • Desarrollo web con HTML, CSS, JavaScript, jQuery, SASS y Bootstrap.
  • Vistas y funcionalidades con Twig y Phalcon.
  • Control de versiones con Git y trabajo colaborativo.
  • Gestión de datos con SQL.

Formación

2025 – 2026

Máster en UX UI: Diseño web y app

Nuclio Digital School, nota 8

UX Research, Design Thinking y Product Strategy. Prototipado avanzado con Figma, user testing y validación de producto, e IAs generativas para la creación de contenido.

2022 – 2024

Desarrollo de Aplicaciones Web (DAW)

Escola Pia Santa Anna, nota 8

Frontend y backend, bases de datos, diseño de interfaces y despliegue en servidores.

Erasmus+ en Leeuwarden, Países Bajos (11/2023 – 05/2024): desarrollo web con WordPress, prototipado en Figma y coordinación cliente-equipo.

Tecnologías

Frontend y frameworks

HTML5CSS3JavaScript (ES6+)ReactAstrojQuerySASSBootstrap

Backend y frameworks

PHP (Phalcon)JavaSQL

CMS y plataformas

WordPress (WPBakery, Elementor)Duda

Herramientas y despliegue

GitViteVercel

Datos

JSONTOON

Diseño y UX

FigmaCanva

Marketing y CRM

HubSpotSalesforce