I can't say enough good things about working with Coriano Harris. He took our ideas and turned them into a stunning design that’s both beautiful and super user-friendly. It's rare to find a person that combines creativity and technical skill so seamlessly—highly recommend!


MichaelSt. John

What I can do for you...

  1. Operating on a tight budget but need to understand your users, captivate their attention visually, and swiftly bring your product to market?

    Let's collaborate to achieve all three goals efficiently and effectively.

  2. Facing challenges in building responsive websites or web apps that meet both aesthetic and functional requirements?

    Explore how my proficiency in UI frameworks, CSS, and UI libraries can simplify and enhance your development workflow.

  3. Interested in developing a UI Components Library or Design System that not only saves time but also ensures consistency across your projects?

    I can guide you through creating reusable accessible components with Figma or Storybook that build confidence and save designers and developers time.

  4. Do you have an idea and need quick mockups and interactive MVPs?

    Let me help you swiftly bring it to your users or stakeholders.

  5. Need to bridge the gap between stakeholders, researchers, designers, and developers to ensure transparent collaboration and unified project vision?

    Let's discuss how my expertise can facilitate seamless communication and alignment across all project phases.

  6. Finding it challenging to create delightful user experiences that resonate with your clients' audiences?

    Let's discuss how my UX/UI design expertise can help you craft interfaces that users love.

Trusted Partners...

Code Connector

MemTech

Code Crew

Tech 901

Friends of Figma San Diego

How I give back...

talk

User Actions With CSS

organization:

Web Workers

location: University of Memphis

date: December 18, 2024

host

UX/UI Bytes

organization:

Code Connector

location: Virtual

date: January 24, 2025

contributor + mentor

Memphis Hackathon

organization:

Hack Memphis

location: University of Memphis

date: November 15, 2024

contributor + mentor

SD Design Trek: UX/UI Leadership Workshop

organization:

Friends of Figma SD

location: San Diego, Intuit HQ + Slalom HQ

date: September 25, 2024

talk

A11y for Devs

location: San Diego

date: July 11, 2024

How I integrate principles and tools...

What I apply to everything I do.

I focus on keeping code clean and maintainable using the SOLID principles (like Single Responsibility and Dependency Inversion) and the DRY principle (Don’t Repeat Yourself). I also stick to simple, effective tools through the Rule of Least Power. In design, I prioritize visual hierarchy to guide users through the page and balance to keep things organized and uncluttered. Contrast is key to making important elements stand out and accessible for all users. I also incorporate Fitts’ Law—designing interfaces so that the most important elements are the easiest to interact with, reducing user effort and improving the experience. For web strategy, I follow mobile-first design, ensuring that the site is optimized for smaller screens first and then scaling up. This ensures a seamless experience across all devices, especially as mobile traffic continues to rise. I approach challenges with a modular, component-driven process, using RAPID principles (Recommend, Agree, Perform, Input, Decide) for decisions and the AAA ( Arrange, Act, Acceptance) pattern for testing. Data is always my guide for informed decisions. Empathy and accessibility guide my design decisions to create user-friendly and inclusive solutions. I value collaboration, clear communication, and creative problem-solving to find the best answers.

Tools that help me.

  • Fullstory
  • UserTesting
  • Google Analytics
  • Google Tag Manager
  • Figma
  • Design Systems
  • React
  • Next
  • Angular
  • Node
  • Ember
  • Storybook
  • Tailwind
  • Redux
  • Jest
  • Cypress
  • Prisma
  • SQL
  • IndexedDB
  • Hugging Face
  • Gemini AI
  • Axe Deque
  • Lighthouse
  • Github
  • Github Actions
  • Jira
  • Bitbucket

Checkout my projects...

Click on the radio buttons below to learn about my projects

Custom CSS Typography Rules

A guide to understand and implement my custom CSS typography rules.

explore more

CSS3

Clamp

Prediabetes Risk Test

An A/B Website test to compare the CDC Prediabetes Risk Test website and my version.

explore more

Nextjs

Context API

Tailwind

"Donate to Gracie" Mobile Profile Screen

A UX/UI walkthrough of my design thinking process in creating the Gracie profile screen.

explore more

Design patterns

Figma

Annotations

A+ Automotive's Website Designs

A walkthrough my approach to creating the mockups for A+ Automotive's website design, including the rationale behind my design decisions.

explore more

Figma

Auto Layout

Patterns