-
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.
-
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.
-
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.
-
Do you have an idea and need quick mockups and interactive
MVPs?
Let me help you swiftly bring it to your users or stakeholders.
-
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.
-
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.
What I can do for you...
Trusted Partners...
Code Connector
MemTech
Code Crew
Tech 901
Friends of Figma San Diego
How I give back...
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
Articles...
Click on the radio buttons below to learn about the articles
Custom CSS Typography Rules
A guide to understand and implement my custom CSS typography rules.
explore morePrediabetes Risk Test
An A/B Website test to compare the CDC Prediabetes Risk Test website and my version.
explore more"Donate to Gracie" Mobile Profile Screen
A UX/UI walkthrough of my design thinking process in creating the Gracie profile screen.
explore moreA+ 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