Coriano Harris speaking at SD A11y event

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!

Image of Sandy Lewis smiling

Michael St. John

Founder, St. John’s Confidential File

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...

How I’m Paying It Forward...

    Events

  1. Talk:

    Why Developers Get Cold Feet When Approaching Accessibility

    Organization:

    San Diego Accessibility And Inclusive Design

    learn more or get involved
  2. Talk:

    React, what the SOLID! Adding SOLID Principles to React

    Organization:

    SD ReactJS Monthly Meetup @Edge

    learn more or get involved
  3. Monthly Host:

    UX/UI Bytes

    Organization:

    Code Connector

    learn more or get involved

How I integrate principles and tools...

What I apply to everything I do.

I use SOLID principles (like Single Responsibility and Dependency Inversion) and the DRY principle (Don’t Repeat Yourself) to keep my code neat and easy to maintain. I stick to the simplest tools that work best, thanks to the Rule of Least Power. When designing, I make things intuitive and engaging by focusing on hierarchy, balance, and contrast. I approach problems with a systematic design process, breaking them down into manageable chunks with modular and component-driven methods. For making decisions, I use RAPID principles (Recommend, Agree, Perform, Input, Decide) and the Arrange-Act-Assert (AAA) pattern for testing. I also dive into data to pull out the key info needed to make decisions. Empathy and accessibility guide everything I do, ensuring that solutions are both inclusive and user-friendly. Clear communication, mentoring, and a collaborative approach are important to me. My problem-solving style is creative and flexible, always aiming to find the best solutions.

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
  • Axe Deque
  • Lighthouse
  • Github
  • Github Actions
  • Jira
  • Bitbucket

Design and Development in Action...

image of a color wheel

Color Contrast Analyzer

An AI-powered accessibility application that analyzes image colors and provides WCAG accessibility compliance information. An interactive prototype showcasing a modern e-commerce checkout flow with a delightful micro-interaction completion animation.

nextjs
color library
hugging face's ResNet-50 model

Prediabetes Risk Calculator

An intuitive health screening tool that features a step-by-step risk evaluation process, personalized results dashboard, and actionable lifestyle recommendations.

react
nextjs
useFormState hook
image of the HopeForward project dashboard

HopeForward MVP

An MVP platform that streamlines cancer research donations with filter capabilities. Users can explore verified cancer centers by type of research and manage a $200 donation budget. Features include interactive dashboard, transparent allocation tracking and donation history.

react
nextjs
tailwind css
a figma mockups of A Plus Automotive website

A Plus Automotive mockups

Showcasing a fluid responsive design across desktop, tablet, and mobile experiences.

figma
auto layout
live components
A soccer shoe in the grass

Soccerio Checkout User Flow

An interactive prototype showcasing a modern e-commerce checkout flow with a delightful micro-interaction completion animation.

figma
transitions
animation
screenshot of the UI Components Library button component

UI Components Library

A reusable, responsive, and visually consistent UI Components Library. It leverages Angular's strong typing and component composition to integrate a collection of reusable components, such as a Button, Font Awesome Icons, custom svg icons, and Tooltip component with various point positions

angular
storybook
CDD