Hola, soy Dani, diseño webs,
y esta es la historia
detrás de cada interfaz.

pasa la página

Proyectos 2019–2026

Tres productos que he diseñado y programado de principio a fin: AIseigen, Kuri x Kuri y MOTOR-SCOPE.

Toca una foto para abrir el proyecto.

Servicios 9 cartas

Todo lo que puedo hacer por tu marca, de la primera investigación a la app publicada.

Pasa las cartas deslizando, o repártelas en la mesa para verlas todas.

  • 01

    Estrategia y UX research

    Auditorías heurísticas, flujos de usuario y arquitectura de la información. Entiendo cómo piensa tu usuario antes de dibujar una sola pantalla.

    Ver el servicio completo
  • 02

    Diseño de interfaces

    Web y app, escritorio y móvil. Pantallas en alta fidelidad y prototipos interactivos con una estética que no se parece a ninguna otra.

    Ver el servicio completo
  • 03

    Sistemas de diseño

    Tokens, componentes y documentación viva para que el producto crezca sin perder coherencia. Cada proyecto mío nace con el suyo.

    Ver el servicio completo
  • 04

    Identidad de marca

    Logo, paleta, tipografía y una guía de uso. Una marca que se reconoce igual en una tarjeta que en una pantalla de seis pulgadas.

    Ver el servicio completo
  • 05

    Gamificación y producto

    Mecánicas, progresión y recompensas que convierten una tarea repetitiva en una partida. Así nació Kuri x Kuri.

    Ver el servicio completo
  • 06

    Front-end y entrega

    Lo que diseño, lo construyo: HTML, CSS, JavaScript y React. Sin pérdidas en el paso del diseño al código.

    Ver el servicio completo
  • 07

    Paneles y herramientas internas

    Paneles de administración, analítica y gestión de contenido que tu equipo entiende a la primera, como los de AIseigen y Motor-Scope.

    Ver el servicio completo
  • 08

    Producto bilingüe y accesible

    Interfaces pensadas para dos idiomas desde el primer boceto, con contraste, foco y teclado cuidados en cada pantalla.

    Ver el servicio completo
  • 09

    Apps instalables

    Tu web convertida en una app que se instala en el móvil y funciona sin conexión. PWA y Android, desde el diseño hasta la publicación.

    Ver el servicio completo

desliza para pasar · toca para repartirlas

Proceso 4 paradas

De la primera idea a la web publicada, sin saltarme ningún paso.

Toca cada parada para ver qué te llevas en ella.

Parada 01 de 04

Descubrir

Escucho, investigo y defino el problema.

En esta parada te llevas

  • Informe de auditoríaQué funciona, qué sobra y por dónde empezar.
  • Flujos y wireframesLa estructura validada antes de ponerle estilo.

Con qué lo hago

  • Figma
  • FigJam
  • Lighthouse
  • Google Analytics

Contacto Hablemos

¿Tu marca necesita un F5? Cuéntame qué tienes y qué te gustaría tener.

Te respondo en un día laborable. También puedes escribirme a hola@danif5.com.

¿Qué necesitas?

pulsa Enter

Preguntas sobre cómo trabajo

Qué sé hacer, cómo lo hago y cómo encajo cuando trabajamos juntos.

¿Te queda alguna duda? Escríbeme.

01Qué hago

¿Eres diseñador o desarrollador?

Las dos cosas. Diseño la interfaz en Figma y la llevo yo mismo a código con React, Next.js y TypeScript, así lo que se aprueba es lo que se publica.

  • Figma
  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
¿Qué tipo de productos has creado?

Webs, apps instalables y paneles internos, siempre de principio a fin. Por ejemplo, AIseigen, una galería de fondos con su panel de administración; Kuri x Kuri, un juego para aprender vocabulario, y MOTOR-SCOPE, un comparador del coste real de tener una moto.

AIseigenKuri x KuriMOTOR-SCOPE

02Cómo trabajo

¿Cómo empiezas un proyecto?

Investigando antes de dibujar: datos de uso, una auditoría de lo que ya existe y los flujos principales. Nada pasa a diseño final sin una estructura validada.

  • FigJam
  • Lighthouse
  • Google Analytics
¿Cómo usas la IA en tu trabajo?

Como herramienta, no como sustituto del criterio: Claude Code para acelerar el desarrollo y Stable Diffusion para explorar ideas visuales.

  • Claude Code
  • Stable Diffusion
¿Cuidas la accesibilidad y el rendimiento?

Desde el primer día: contraste, teclado y lectores de pantalla, webs multilingües y métricas de Lighthouse revisadas antes de publicar.

03En equipo

¿Cómo encajas con un equipo de desarrollo?

Hablo el idioma de diseño y el de código: entrego componentes documentados en un sistema de diseño y reviso la implementación con el equipo.

¿Qué dejas cuando termina un proyecto?

Documentación y guías para que el equipo siga sin depender de mí.