Product design
User flows, interface systems, prototypes, and design decisions tied to the way the product earns trust.
Founder and author
Maaz Rana
I design digital products and build the interfaces that ship them. Design Overflow gives that work one home, without a separate handoff between design and development.
- Experience
- 5+ years
- Practice
- Design and development
- Design Overflow
- Founded October 2025
- Based in
- Pakistan, working worldwide
Background
One person stays close to the product
I started in visual design and moved into product work. That work made me weigh user needs against business constraints and implementation. Learning frontend and mobile development let me test those decisions in working software instead of ending the process at a handoff file.
I studied engineering at the National University of Sciences and Technology. I still use the same habits in product work: define the constraint, make the idea tangible, and test it with the people who will use it.
I founded Design Overflow in October 2025 as an independent practice for teams that need product thinking and production work in the same room. I turn recurring problems from client products into the free tools and guides on this site.
Expertise
Work across the product, interface, and code
My role changes with the problem. The common thread is ownership from the first product decision through implementation.
Web development
Responsive React and Next.js interfaces built with TypeScript, accessibility checks, and search fundamentals.
Mobile and brand systems
Flutter products and visual systems that carry the same product decisions from the app into its public identity.
Selected work
Selected product work
Product design and Flutter development
Aura Fem Health
Led the interface redesign and build for the first public mobile release of a women’s health platform.
Read the case studyBrand identity and product designPineamite
Created the brand and two connected rally products for fans recording stages and drivers using the footage.
Read the case studyProduct design and full-stack developmentBeacon Tutors Pakistan
Designed and built the student experience and admin system used to run a national tutoring network.
Read the case studyWriting and guides
Notes you can use in a real interface
These guides explain the decisions behind the free tools, with the calculations and browser checks left in.
Design systemsSpacing System GuideA practical framework for choosing a spacing scale, naming tokens, and handling exceptions.Spacing4-Point vs 8-Point GridHow to choose a grid and use half-steps without turning the system into guesswork.CSSCSS Spacing TokensA route from raw spacing values to CSS variables and semantic component tokens.TypographyFluid Typography GuideA measured approach to responsive type that keeps hierarchy intact across viewport sizes.CSSCSS clamp() FormulaThe slope and intercept calculation behind a fluid font-size rule, with a worked example.AccessibilityAccessible Fluid TypographyChecks for zoom, text spacing, long labels, and reduced-motion settings in responsive layouts.
Work with me
Bring the rough version
Send the current product, the part that is stuck, and what you need to happen next.