The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Mobile-first is one of the most repeated principles in product development.
It is also one of the most misunderstood.
Mobile-first is a CSS strategy. It tells you where to start writing your stylesheets. It tells you nothing about how people hold their phones, what they are doing while they use them, or what happens when they get interrupted mid-task.
A product can be fully responsive, pass every mobile audit, and still be genuinely frustrating to use. Because it was designed with desktop assumptions baked in and scaled down, not designed for the person who is one-handed, distracted, and might not finish what they started.
That is a different design problem. And most products never solve it.
I wrote about the five principles that change when you ask the right question, and the one test that reveals whether your product actually passes.
#MobileDesign #UIUXDesign #ProductThinking #Frontend #WebDevelopment
brianmakumi.com
Mobile-First Is Not Enough: Designing for How People Actually Use Phones
Mobile-first is a CSS strategy. It is not a user behaviour strategy. Here is what designing for how people actually use their phones looks like, and the test that reveals whether your product passes.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
A set of mobile app icons exploring various visual styles from Y2K aesthetic and 3D skeuomorphism to retro pixel art and vector mascots.
Special thanks to Dana for helping out with one of the logos for the icons! 🙌
I'm so excited to be part of such an awesome project! Watch out for the bomb, Marho!🔥
How do you make a logo feel alive without making it feel like a gimmick? 🤖
Quickchat AI builds no-code AI Agents that handle real work - customer support, sales, internal ops - reading docs and resolving conversations on their own. As the product scaled, the brand needed to catch up: something as sharp and credible as the tech itself, in a market where every AI startup looks the same.
I could have leaned into something loud - a mark morphing through wild transformations, motion for the sake of motion. Instead the direction was restraint. The wordmark reveals with one clean underline stroke. The icon wakes up letter by letter before landing on the final mark, closing on a small wink instead of a flourish 😉.
Every timing decision was intentional: fast enough to feel instant, controlled enough to feel trustworthy. That's the whole brief in one sentence.
The palette stayed just as disciplined 🎨 - one electric blue carrying the energy, one warm yellow breaking up the dark neutrals. Nothing decorative, everything load-bearing.
Where do you draw the line between motion that shows a product's personality and motion that's just there to show off?
Designed and developed the full landing page concept for Greenroot, a science-backed, nature-made supplement brand. 🌱
Fantastic work !