Adrian ZavalaPortfolio

Frontend • UX • Motion

Building fast, modernweb experiences.

I design and develop responsive interfaces with a focus on speed, clarity, and motion. Next.js, TypeScript, Tailwind, and animation-driven UI.

Projects

5+

Stack

Next.js • TS • Tailwind

Runner's UI

Next Project

Run & Lift Dashboard

Focus

Portfolio

UI sprint

Status

In progress

Week 1

Scroll

Selected Work

Projects & case studies

A mix of client work, personal projects, and practice builds focused on responsive layouts, performance, and clear UX.

View all projects
Design & FrontendIn progress

Run & Lift Dashboard

a fitness analytics UI that brings my running and strength training into a single, focused view. The dashboard shows weekly mileage, recent runs, Les Mills–style strength sessions, and a simple “Today’s Plan” checklist.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion
Design & FrontendLive

Runner's UI Portfolio

Personal portfolio inspired by fitness dashboards, built with Next.js, TypeScript, and Tailwind. Focused on speed, motion, and clean layout.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion
Full StackLive

El Faro Restaurant Site

Responsive restaurant site with modern menu layouts, online ordering links, and localized branding for a family-owned business.

  • React
  • Tailwind CSS
  • Next.js
  • Framer Motion
Design & FrontendLive

2K-Detail Car Wash Website

Marketing site for a local car wash and detailing business, built with Next.js and Tailwind and focused on clear services and calls-to-action.

  • Next.js
  • TypeScript
  • Tailwind CSS
Frontend & Auth

Anime Watchlist App

Anime watchlist app with Firebase authentication, smooth motion transitions, and persistent user playlists.

  • React
  • Framer Motion
  • Firebase

About

Blending real-world operations with modern frontend design

I'm a frontend developer and restaurant manager who's spent years balancing real-world operations with digital experiences. I care about interfaces that are fast, clear, and actually helpful to the people using them.

My background starts in the restaurant world, where I've managed a family-owned business, led teams, and helped move operations online for the first time. That experience shaped how I think about UX: every decision has a real person on the other side of the screen.

After completing a Full Stack Honors Certification at Nucamp, I focused on frontend: Next.js, TypeScript, Tailwind CSS and animation-driven UI. I've built projects like restaurant websites, a car wash marketing site, and an anime watchlist app with Firebase authentication.

Outside of coding, I'm into running, fitness, trading card games, and horror media. Those interests show up in my work as motion, clean layouts, and playful but focused visual themes.

I'm looking for opportunities where I can own the frontend, collaborate closely with design and product, and ship interfaces that feel polished, intentional, and a little bit different.

Contact

Let's work on something together

Whether it's a portfolio refresh, a small business site, or a product UI, I'm interested in roles and collaborations where I can own frontend and ship polished interfaces.

Or email me directly at adrian@adrianzavala.com