Intuit

Mobile-First Responsive Grid

Company-wide responsive design system, reusable code package, and organizational education initiative

Role
Strategist & Design Technologist
Impact
Company-wide adoption of responsive design
Outcome
Reusable SCSS grid framework adopted organization-wide

Due to the sensitive nature of internal processes, detailed case studies, screens, and breakdowns are available for interviews and private discussions. Get in touch if you're interested in working together.

The Challenge

Intuit mandated mobile-first, responsive design across the organization, but implementation struggled. Most engineers did not know how to implement the designs given to them, and no reusable code existed.

The Approach

Delivered three integrated components — a reusable SCSS-based grid system extracted from successful Apps.com implementation treated as internal open-source, sixteen pixel-perfect Sketch artboards covering eight responsive breakpoints, and a "mobile-first responsive roadshow" presented to each product business unit explaining both technical implementation and strategic importance.

  • Production-ready SCSS grid framework
  • Multi-level documentation from introductory to inline code comments
  • Complete Sketch template library
  • Interactive demos demonstrating responsive behavior
  • Educational presentations delivered to every business unit

The Impact

Shifted organizational adoption from mandatory compliance to voluntary enthusiasm. By bringing context to light, helped people use and implement the grid not because they had to, but because they wanted to.

Interested in working together?

Let's discuss how I can help your organization.

Book a Call