UX Designer & Full Stack Designer · Mexico City

Giusepe
Velázquez

I design products people actually use — from fintech gamification to music social apps. 3+ years bridging design and frontend engineering across startups and the public sector.

View Case Studies Get in Touch
3+
Years in
Product Design
2
Live Products
Shipped
B2B+B2C
Industry
Experience

About

Design that ships.

I'm a Full Stack Designer based in Mexico City — which means I speak both Figma and React, and I know exactly where the gap between design and implementation lives. I've worked in startups, the public sector, and on my own products.

My work lives at the intersection of behavioral design, visual systems, and technical feasibility. When I design something, I'm already thinking about how it gets built — and what it feels like at 11pm when a user is stressed about a late payment.

Currently building Paily, a gamified bill-tracking PWA for Mexican young adults. Open to full-time UX/Product roles.

Design

Figma Whimsical Design Systems Prototyping User Research Information Architecture Accessibility Design Thinking

Engineering

React / Next.js TypeScript Tailwind Framer Motion HTML / CSS Node.js

Tools & Methods

Agile / Scrum Notion Postman Firebase Vercel Google Cloud

Case Studies

Selected Work

01 / 02

Paily

A gamified bill-payment tracker that turns financial responsibility into XP — built for Mexico's most financially vulnerable generation.

Role

Founder · Product Designer

Year

2026

Status

Live ↗

Stack

React · TypeScript · Firebase

The Problem

28.6% of Mexican young adults aged 18–29 have missed at least one payment — making them the most financially delinquent age group in the country (INEGI ENSAFI 2023). Yet only 19.5% use any digital tool to track their spending.

The existing tools fail them: bank apps show only one account; calendar reminders get ignored; spreadsheets feel like homework. There was no tool designed around their actual behavior — informal, mobile-first, and emotionally resistant to "boring" finance apps.

28.6%
Youth payment
default rate
6.2M
Addressable
users in MX
34.9%
Financial stress →
physical symptoms

Design Process

01
Research: Analyzed INEGI ENSAFI 2023 and ENIF 2024 data. Mapped current behavior patterns — memory, bank apps, calendar reminders, spreadsheets — and identified friction in each.
02
Insight: Existing tools treat paying bills as a chore. Reframing: what if paying a bill felt like winning? Drawn from game design — Duolingo streaks, RPG XP systems, achievement loops.
03
Core UX: Single swipe gesture to mark a bill paid. Immediate XP reward. Streak tracking. No friction, no dashboard overhead — the primary action is satisfying by design.
04
Visual System: Dark, game-inspired UI signals this isn't a bank app. Typography and motion reinforce the reward loop with every interaction.
05
Ship & Iterate: Launched as a PWA with Google Sign-In, EN/ES localization, and demo mode — removing sign-up friction to maximize early conversion.

Key Design Decisions

Swipe-to-pay: Inspired by Tinder's swipe and iOS dismissal — a gesture so universal it needs zero instruction. Replaces checkbox fatigue with a physically satisfying motion.

Demo mode: Users see a populated, functional app before any commitment. Reduces the "empty state anxiety" that kills onboarding in finance apps.

Gamification layer: XP, streaks, and level milestones aren't decorative — they're the core engagement loop. Designed to build a 21-day habit before users consider Pro features.

Pricing research: Validated $70–100 MXN/month price sensitivity with 930K potential paying users — embedded into the product roadmap.

What I Shipped

Full React + TypeScript PWA with Firebase Auth and Firestore. I designed the entire product — visual identity, interaction model, motion design — and wrote the frontend code.

This is what "Full Stack Designer" means in practice: I know why Framer Motion's layout animations matter for the swipe interaction, and I can implement them myself.

React 18 TypeScript Firebase Framer Motion Tailwind CSS Vercel PWA i18n (EN/ES)

Live product · March 2026

View Paily Live →

02 / 02

Soundboxd

A music discovery and sharing web app powered by Spotify and Deezer APIs — tracking your recent finds and the sounds defining the moment.

Role

Designer · Developer

Year

2025

Type

Personal Project

Stack

Next.js · TypeScript · TanStack Query

The Problem

Streaming platforms are built for consumption, not memory or conversation. You discover a track, love it for a week — and then it disappears into an algorithm. There's no way to track your journey as a music listener, or share it with people who care about taste.

Last.fm tried this a decade ago. Letterboxd proved the model works for film. The question: can this translate to music — where Spotify holds the data but doesn't expose the social layer?

Design Process

01
Competitive audit: Mapped Spotify's native social features, Last.fm's scrobbling model, and Letterboxd's community structure. Found the gap: none combine personal tracking with real-time cultural trending.
02
Dual-audience IA: Logged-out users see live genre trending via Deezer. Logged-in users get their personal Spotify discovery feed. Zero cold-start problem by design.
03
Auth flow: PKCE OAuth with Spotify is a multi-step trust moment. Designed the login screen as a feature reveal — something to be excited about, not a compliance gate.
04
Performance UX: TanStack Query manages caching and background refetching — instant on return visits while staying current with two live API sources.
05
Visual direction: Dark theme, album art as primary visual element. The interface steps back and lets the music's own artwork carry the visual weight.

Key Design Decisions

"Dive into your music. Share what you liked." — the headline structures the whole product around two modes: personal (dive in) and social (share). Every screen maps to one.

Genre-first trending: Trending by genre (Pop, Rock, Rap, Electronic, Alternative) lets users self-identify as listeners before logging in. A taste signal, not just a chart.

No paywall, no friction: Core discovery is available without signing in. The value of connecting Spotify is clear before it's ever asked for.

Two-logo system: Dark and light variants for different surface contexts — a small signal that this is a considered product, not a side project.

What I Built

Full responsive SPA in Next.js + TypeScript. I handled both design and engineering — every layout decision was informed by what was actually possible and elegant to implement.

The Spotify PKCE flow follows the public API documentation precisely. TanStack Query handles all async state across two data sources simultaneously, keeping the UI responsive under variable latency.

Next.js TypeScript Spotify API Deezer API TanStack Query Tailwind CSS PKCE OAuth

Personal project · 2025

View Soundboxd Live →

By the numbers

Impact at a glance

3+
Years designing and shipping across fintech, SaaS, and the public sector
2
Live products conceived, designed, and developed end-to-end as founder
B2B+B2C
Experience designing for enterprise internal tools and consumer-facing apps
EN+ES
Bilingual — comfortable in English-language product and design orgs globally

Experience

Where I've worked

Oct 2024 – Oct 2025
ATDT
UX/UI Designer
Created wireframes, HTML mockups, and contributed to a scalable UI design system adopted by a growing design team. Collaborated with product and engineering in a fast-moving tech environment.
Full-time
Mar 2022 – Jun 2024
Deal Engine
UX/UI Designer · Frontend Developer
Designed and shipped web interfaces for multiple B2B SaaS products. Made direct contributions to production — not just handoffs. Led Angular-based refactoring of core views and established the design process for internal tools.
Full-time

Available for opportunities

Let's work together.

giusepe.vr@gmail.com