Hi, I'm Dani, a web designer,
and this is the story
behind every interface.

turn the page

Projects 2019–2026

Three products I've designed and coded from start to finish: AIseigen, Kuri x Kuri and MOTOR-SCOPE.

Tap a photo to open the project.

Services 9 cards

Everything I can do for your brand, from the first research to the published app.

Swipe through the cards, or deal them out on the table to see them all.

  • 01

    Strategy & UX research

    Heuristic audits, user flows and information architecture. I understand how your users think before drawing a single screen.

    See the full service
  • 02

    Interface design

    Web and app, desktop and mobile. High-fidelity screens and interactive prototypes with a look unlike any other.

    See the full service
  • 03

    Design systems

    Tokens, components and living documentation so the product can grow without losing consistency. Every project of mine is born with its own.

    See the full service
  • 04

    Brand identity

    Logo, palette, typography and a usage guide. A brand that's just as recognizable on a business card as on a six-inch screen.

    See the full service
  • 05

    Gamification & product

    Mechanics, progression and rewards that turn a repetitive task into a game. That's how Kuri x Kuri was born.

    See the full service
  • 06

    Front-end & delivery

    What I design, I build: HTML, CSS, JavaScript and React. Nothing gets lost on the way from design to code.

    See the full service
  • 07

    Dashboards & internal tools

    Admin, analytics and content management dashboards your team gets right away, like the ones for AIseigen and Motor-Scope.

    See the full service
  • 08

    Bilingual, accessible product

    Interfaces designed for two languages from the very first sketch, with contrast, focus and keyboard use taken care of on every screen.

    See the full service
  • 09

    Installable apps

    Your website turned into an app that installs on your phone and works offline. PWA and Android, from design all the way to publishing.

    See the full service

swipe to flip through · tap to deal them out

Process 4 stops

From the first idea to the published website, without skipping a single step.

Tap each stop to see what you take away from it.

Stop 01 of 04

Discover

I listen, research and define the problem.

At this stop you take away

  • Audit reportWhat works, what's unnecessary and where to start.
  • Flows and wireframesThe structure, validated before any styling goes on.

What I work with

  • Figma
  • FigJam
  • Lighthouse
  • Google Analytics

Contact Let's talk

Does your brand need an F5? Tell me what you have and what you'd like to have.

I'll reply within one business day. You can also write to me at hola@danif5.com.

What do you need?

press Enter

Questions about how I work

What I can do, how I do it and how I fit in when we work together.

Still have a question? Write to me.

01What I do

Are you a designer or a developer?

Both. I design the interface in Figma and code it myself with React, Next.js and TypeScript, so what gets approved is what gets published.

  • Figma
  • React
  • Next.js
  • TypeScript
  • Tailwind CSS
What kind of products have you built?

Websites, installable apps and internal dashboards, always from start to finish. For example, AIseigen, a wallpaper gallery with its own admin dashboard; Kuri x Kuri, a vocabulary-learning game; and MOTOR-SCOPE, a calculator for the real cost of owning a motorbike.

AIseigenKuri x KuriMOTOR-SCOPE

02How I work

How do you start a project?

By researching before drawing: usage data, an audit of what already exists and the main flows. Nothing moves on to final design without a validated structure.

  • FigJam
  • Lighthouse
  • Google Analytics
How do you use AI in your work?

As a tool, not a substitute for judgment: Claude Code to speed up development and Stable Diffusion to explore visual ideas.

  • Claude Code
  • Stable Diffusion
Do you care about accessibility and performance?

From day one: contrast, keyboard and screen readers, multilingual websites and Lighthouse metrics checked before publishing.

03In a team

How do you fit in with a development team?

I speak both design and code: I deliver components documented in a design system and review the implementation with the team.

What do you leave behind when a project ends?

Documentation and guides so the team can keep going without depending on me.