Mario Noble and Baby Isobel!

About me

I’ve been a web designer/front end developer/UX Designer for over a dozen years and have worked as a freelancer, in startups, small businesses, agencies and formal Agile enterprise environments.

I’m also the proud father of Isobel! She sometimes makes interesting changes to my designs and code by pounding on the keyboard when I work remote (thank you undo and version control!).

Recently, I’ve been designing for component based systems, seeking to utilize my background to bridge the gap between UX Design and Development using tools such as Figma, Tailwind, Vue and Nuxt to increase the efficiency, velocity and accuracy of the creative process. I’m also quite interested in Conversational Design as I believe almost all interactions can be broken down in the end into a dialogue between users and the systems they interact with.

My goal is to remove many of the pain points we encounter each day in our lives and make things better bit by bit. I also run which is one of the larger tech groups in Southern California. I’ve hosted and organized a few UX based events for the group as well and have been Chair for the local chapter of the UXPA. You can view my LinkedIn page here.

What makes you different from other UX people?

  • The ability to not only ideate but also execute.
  • Can “talk turkey” with both Developers and Designers to create viable products that can stay within deadlines, capabilities and budgets.
  • Focus on business goals as well as design considerations.


Short list of skills

Lab Icon

UX Design

  • UX Strategy / Agile / Lean
  • Research and Analysis
  • Information Architecture
  • Interaction Design
  • Wireframing
  • Prototyping
  • Usability Testing
  • Design systems

Eye Icon

Visual Design

  • Paper and pen
  • Web Graphics
  • Logo Design
  • Icon Design
  • Style Guides
  • Animation
  • Print
  • Branding

Cogs Icon

UX Development

  • HTML 5 / CSS 3 / SASS/LESS
  • Bootstrap / Tailwind / Bulma / Material
  • JavaScript / jQuery/ Vue / Nuxt
  • Responsive Design
  • WCAG 2.0 Accessibility
  • WordPress / Drupal / Static JAM
  • Git
  • GSAP animation