Hi! It's Jay here 👋

Hi! It's Jay here 👋

Product Designer
Product Designer
Product Designer
Product Designer

UX/UI · Interaction · Branding

UX/UI · Interaction · Branding

Passionate about audiovisual expression, I design accessible solutions that inspire impactful experiences and connect with people through visual storytelling.

Passionate about audiovisual expression, I design accessible solutions that inspire impactful experiences and connect with people through visual storytelling.

Profile picture: just my face and torso, wearing a white T-shirt, with a hedge of green leaves and red flowers in the background.
Profile picture: just my face and torso, wearing a white T-shirt, with a hedge of green leaves and red flowers in the background.

Tools which I use on a daily basis

Tools which I use on a daily basis

Tools which I use on a daily basis

Explore my Projects

Explore my Projects

Explore my Projects

I blend creative thinking with pragmatism to turn every project into a one-of-a-kind experience

PCGen: Interface Redesign for a Desktop App

PcGen is an app that supports the TTRPG community. THE CHALLENGE? Giving its outdated interface a Material Design makeover and boosting usability without compromising its branding.

Research

Prototypes

User Testing

View Project

PCGen: Interface Redesign for a Desktop App

PcGen is an app that supports the TTRPG community. THE CHALLENGE? Giving its outdated interface a Material Design makeover and boosting usability without compromising its branding.

Research

Prototypes

User Testing

View Project

PCGen: Interface Redesign for a Desktop App

PcGen is an app that supports the TTRPG community. THE CHALLENGE? Giving its outdated interface a Material Design makeover and boosting usability without compromising its branding.

Research

Prototypes

User Testing

View Project

Art Photo Bcn: A New Mobile App

Integrating innovations into a major photography festival is already a tough task. THE CHALLENGE? Conceptualizing a mobile app that not only covers existing web services but also incorporates exclusive features.

Wireframes

Evaluation

Navigation

View Project

Representative image of one of the screens from my mobile wireframes for the Art Photo Bcn project.

Art Photo Bcn: A New Mobile App

Integrating innovations into a major photography festival is already a tough task. THE CHALLENGE? Conceptualizing a mobile app that not only covers existing web services but also incorporates exclusive features.

Wireframes

Evaluation

Navigation

View Project

Art Photo Bcn: A New Mobile App

Integrating innovations into a major photography festival is already a tough task. THE CHALLENGE? Conceptualizing a mobile app that not only covers existing web services but also incorporates exclusive features.

Wireframes

Evaluation

Navigation

View Project

Ceres: Health at Work

Designing experiences begins with observing and analyzing them. THE CHALLENGE? Understanding the experiences of different professionals and gathering insights to improve work environments.

Research

User Journey Map

Data Analysis

View Project

Ceres: Health at Work

Designing experiences begins with observing and analyzing them. THE CHALLENGE? Understanding the experiences of different professionals and gathering insights to improve work environments.

Research

User Journey Map

Data Analysis

View Project

Ceres: Health at Work

Designing experiences begins with observing and analyzing them. THE CHALLENGE? Understanding the experiences of different professionals and gathering insights to improve work environments.

Research

User Journey Map

Data Analysis

View Project

My Starter Pack

My Starter Pack

My Starter Pack

What can you expect from me? Dive into the ideas, concepts, and feelings that inspire my creativity and shape my 'look and feel'.

  • ‘Usability is like love. You have to care, you have to listen, and you have to be willing to change’

    Jeffrey Zeldman

    Forerunner of web usability

Frameworks

Frameworks

Frameworks

I see users beyond usage and consumption trends, as in User-Centered Design (UCD). Instead, I focus on them through a Human-Centered Design (HCD) approach: considering their needs, desires, motivations, expectations, and behaviors as human beings. This attitude allows me to work from different design models.

Thorough ones

Just like Double Diamond, which offers a structure to organize and streamline the design and development process. Perfect for team collaboration.

Just like Double Diamond, which offers a structure to organize and streamline the design and development process. Perfect for team collaboration.

Just like Double Diamond, which offers a structure to organize and streamline the design and development process. Perfect for team collaboration.

Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del proceso de trabajo bajo el modelo Doble Diamante.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del proceso de trabajo bajo el modelo Doble Diamante.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del proceso de trabajo bajo el modelo Doble Diamante.

Flowing ones

Just like Design Thinking: a flexible, iterative approach. Ideal for Lean, sprints, solo work, task assignment, or combining with other processes.

Just like Design Thinking: a flexible, iterative approach. Ideal for Lean, sprints, solo work, task assignment, or combining with other processes.

Just like Design Thinking: a flexible, iterative approach. Ideal for Lean, sprints, solo work, task assignment, or combining with other processes.

Infografía del ámbito de trabajo del Diseño Especulativo.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del proceso de trabajo bajo el modelo Doble Diamante.
Infografía del ámbito de trabajo del Diseño Especulativo.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del proceso de trabajo bajo el modelo Doble Diamante.
Infografía del ámbito de trabajo del Diseño Especulativo.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del proceso de trabajo bajo el modelo Doble Diamante.

Guiding ones

Just like Speculative Design: a space for reflection. Perfect for conceptualizing future solutions and considering their potential ethical and social implications.

Just like Speculative Design: a space for reflection. Perfect for conceptualizing future solutions and considering their potential ethical and social implications.

Just like Speculative Design: a space for reflection. Perfect for conceptualizing future solutions and considering their potential ethical and social implications.

Infografía del ámbito de trabajo del Diseño Especulativo.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del ámbito de trabajo del Diseño Especulativo.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del ámbito de trabajo del Diseño Especulativo.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía de las etapas de trabajo iterativo del modelo de Pensamiento de Diseño.
Infografía del proceso de trabajo bajo el modelo Doble Diamante.

ADDITIONAL SKILLS

Empathy. Synergy. Connection.

Make branding a direct conversation between the brand and the user through the interface.

Marketing

Communication

Graphic Design

Programming

Strategic Thinking

Creative Flexibility

Branding

UX Writing

Empathy. Synergy. Connection.

Make branding a direct conversation between the brand and the user through the interface.

Marketing

Communication

Graphic Design

Programming

Strategic Thinking

Market Research

Branding

UX Writing

ADDITIONAL SKILLS

Empathy. Synergy. Connection.

Make branding a direct conversation between the brand and the user through the interface.

Marketing

Communication

Graphic Design

Programming

Strategic Thinking

Creative Flexibility

Branding

UX Writing

Empathy. Synergy. Connection.

Make branding a direct conversation between the brand and the user through the interface.

Marketing

Communication

Graphic Design

Programming

Strategic Thinking

Creative Flexibility

Branding

UX Writing

Manifesto

Manifesto

Manifesto

Design is really an act of communication, which means having a deep understanding of the person with whom the designer is communicating.

Design is really an act of communication, which means having a deep understanding of the person with whom the designer is communicating.

Don Norman

The Design of Everyday Things

Empathy

Empathy

Simplicity

Simplicity

Good design is as little design as possible.

Dieter Rams

Dieter Rams

Ten Principles for Good Design

A design isn't finished until somebody is using it.

Brenda Laurel

(…) Building Better Services

(…) Building Better Services

Perseverance

Perseverance

Storytelling

Storytelling

Every great design begins with an even better story.

Lorinda Mamo

Public statements

Frequently Asked Questions

Frequently Asked Questions

Frequently Asked Questions

What’s your design process?

I like to take a few minutes reflecting on the specific needs of each project before deciding how to approach it. Usually, whenever possible, I aim to cover four sequential and iterative phases: 1️⃣ RESEARCH. I review the starting product (if there is one) and gather information about the users (characteristics, needs, desires, motivations, and expectations) and the design solution (industry, goals, priorities, trends…). 2️⃣ DESIGN. I usually iterate from the abstract (mood boards, sketches…) to the refined (wireframes, prototypes…). When I have a Minimum Viable Product (MVP), I adjust it according to the needs of stakeholders. 3️⃣ EVALUATION. I conduct tests (with or without users) to validate the usability of the design and identify areas for future updates. 4️⃣ PRESENTATION. After two decades of presenting projects, I’ve learned at least two things: ☝️ Work is of little use if you can’t explain it. ✌️ It’s better to integrate the presentation as an iterative part of the process than to leave everything until the end.

What’s your design process?

Do you work with design systems?

Do you only work on web services?

Why hiring a Junior?

What are your hobbies?

Juanje Delgado – UX/UI Designer

Connect. Design. Impact.

Juanje Delgado – UX/UI Designer

Connect. Design. Impact.

J. J. Délez © 2024

J. J. Délez © 2024

Back to Top 👆

Create a free website with Framer, the website builder loved by startups, designers and agencies.