Hero Background

Cris Delli-Zotti

UX/UI Designer | Full-Stack Developer (Senior)

crid71@gmail.com

(314) 322-0234

LinkedIn

Download Resume

I’m a multidisciplinary digital professional with more than two decades of experience designing, developing, and delivering innovative user-centered web experiences. My work sits at the intersection of design precision and code performance, enabling me to bridge creative vision with full technical execution. From early-stage conceptualization to full deployment, I lead and contribute to projects across UX/UI design, front-end development, and scalable back-end architecture.

UX/UI & Product Design Expertise

My foundation is in human-centered design, and I have led UX efforts for complex web platforms and business-critical systems. I design thoughtful user journeys, wireframes, interactive prototypes, and responsive design systems using tools like Figma, Adobe XD, Sketch, and InVision. Whether creating enterprise dashboards or marketing microsites, I prioritize accessibility (WCAG standards), clarity, and usability. I understand how design translates into scalable interfaces and maintain a strong focus on systems thinking, design consistency, and intuitive interaction patterns.

Core design skills include:

  • UX strategy & information architecture
  • Wireframing, low- and high-fidelity prototyping
  • Responsive, mobile-first UI design
  • Accessibility (a11y) best practices
  • Branding, typography, layout design
  • Visual design for web and print

Front-End Development Mastery

I bring pixel-perfect designs to life using clean, performant front-end code. I specialize in semantic HTML5, modern CSS3 (including SASS/SCSS, CSS Modules, and Tailwind CSS), and powerful JavaScript frameworks such as React, Next.js, Vue, and Angular. My front-end builds are responsive, accessible, component-based, and SEO-optimized. I’m experienced with animation (GSAP, Framer Motion), and performance tooling like Lighthouse, Chrome DevTools, and Webpack optimizations.

Front-end tools and technologies:

  • HTML5, CSS3, Flexbox, Grid
  • Tailwind CSS, Bootstrap, Styled Components
  • JavaScript (ES6+), TypeScript
  • React, Next.js, Vue, Angular
  • Headless CMS (Sanity, Strapi, Contentful)
  • WordPress theme development with PHP

Full-Stack Development Capabilities

Beyond the UI, I architect and implement full-stack applications with REST APIs, secure authentication flows, and modern databases. I use Node.js, Express, and occasionally Python/Django or Ruby on Rails for backend logic, along with MongoDB, PostgreSQL, or Firebase for storage. I’m experienced in deploying apps using Vercel, Netlify, and Heroku, and I manage version control with Git/GitHub across collaborative workflows.

Full-stack competencies:

  • Node.js, Express.js
  • Python, Django
  • Firebase, Supabase, MongoDB, PostgreSQL
  • REST APIs, GraphQL, Axios, authentication flows
  • Git, GitHub, GitLab CI/CD pipelines
  • Deployment via Vercel, Netlify, Heroku, and cPanel

Other Technical Strengths

I’ve worked extensively in corporate and agency environments, often as a lead or senior contributor, delivering both creative and technical assets under tight deadlines. My print design background (InDesign, Illustrator, Photoshop) gives me an edge when developing cohesive branding across digital and print. I’m also comfortable integrating third-party tools such as Calendly, Google Calendar APIs, Stripe for payments, and CRM systems.

AI-Assisted Workflow & Innovation

  • AI-Driven Design Ideation
  • Prompt Engineering & Content Automation
  • AI-Enhanced Development Workflows
  • Process Optimization & Automation

How I Work

I am detail-oriented, proactive, and focused on clarity—both in communication and in code. My process is collaborative and user-focused, ensuring business goals align with the end-user experience. I thrive in cross-functional teams, take ownership of complex features, and enjoy mentoring junior designers and developers.

Wireframing /Prototyping:

Figma Logo

Figma

★ ★ ★ ★ ☆
Adobe XD Logo

Adobe XD

★ ★ ★ ★ ☆
Sketch Logo

Sketch

★ ★ ★ ★ ☆

Front-End Development

HTML5 Logo

HTML5

★ ★ ★ ★ ☆
CSS3 (SASS-LESS) Logo

CSS3 (SASS-LESS)

★ ★ ★ ★ ☆
Tailwind Logo

Tailwind

★ ★ ★ ★ ☆
Bootstrap Logo

Bootstrap

★ ★ ★ ★ ☆
JavaScript Logo

JavaScript

★ ★ ★ ★ ☆
React (NextJS) Logo

React (NextJS)

★ ★ ★ ★ ☆
Angular Logo

Angular

★ ★ ★ ★ ☆
Vue Logo

Vue

★ ★ ★ ☆ ☆
WordPress (PHP) Logo

WordPress (PHP)

★ ★ ★ ★ ☆

Version Control

Git Logo

Git

★ ★ ★ ★ ☆
GitHub Logo

GitHub

★ ★ ★ ★ ☆

Back-End Languages

Node Logo

Node

★ ★ ★ ★ ☆
Express Logo

Express

★ ★ ★ ☆ ☆
Python Logo

Python

★ ★ ★ ☆ ☆
Django Logo

Django

★ ★ ★ ☆ ☆
Ruby on Rails Logo

Ruby on Rails

★ ★ ★ ☆ ☆

Printing Design

InDesign Logo

InDesign

★ ★ ★ ★ ★
Illustrator Logo

Illustrator

★ ★ ★ ★ ☆
Photoshop Logo

Photoshop

★ ★ ★ ★ ☆