Product Design
User research, UX strategy,
wireframes, and user flows.
Available for new projects
Apps
by
Pat
Designing and building thoughtful
digital products, free UI generators,
and app experiences.
Tools
A dedicated row of practical generators and creative utilities built to speed up design workflows.
UI Systems
Scalable design systems and
component libraries.
Prototyping
Interactive prototypes to validate
ideas and user experience.
Front-End Build
Clean, responsive, accessible
interfaces built with care.
Process
From rough idea to polished product.
A flexible, design-forward workflow for turning a spark into something clear, useful, and ready to share — without losing the personality that made the idea interesting in the first place.
Define the idea
Clarify the goal, audience, core features, and product story so the app has a focused direction before the visuals begin.
Design the system
Create the interface language, layout patterns, components, and visual rules that make the product feel polished and scalable.
Prototype the flow
Build realistic interactions, test the important moments, and refine the experience before moving into the final build.
Build & iterate
Translate the design into responsive front-end code, polish the details, and keep improving based on real use.
About Pat Johnson
Designer, builder, and lifelong app maker.
I design polished digital products from first sketch to final interface — combining visual design, product thinking, and front-end craft to turn ideas into useful, memorable apps.
Pat / Product Designer
Design systems & UI
Apps, tools & experiments
MadebyPat
My main portfolio for product design, web design, app interfaces, brand systems, and creative direction across client and personal projects.
Visit MadebyPatDribbble
A visual archive of interface explorations, polished app concepts, social redesigns, dashboards, and the kind of design experimentation that keeps the work fresh.
View DribbbleCodePen
Interactive front-end builds, CSS experiments, motion studies, hover states, and small UI prototypes that bridge the gap between design and production.
Open CodePen24+Years designing digital experiences, from early websites to modern product systems.
10k+Dribbble followers across years of UI, app, and visual design exploration.
1M+Portfolio and design views across shared work, experiments, and app concepts.
∞Curiosity for new tools, better workflows, and thoughtful product ideas.
Contact
Have an idea worth building?
Whether it’s an app concept, portfolio piece, redesign, or front-end build, send over a few details and I’ll help shape it into something polished.