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
New case study is live: Building a Code-First Design System for iClosed
In this project, I explored how design and development can work from the same foundation instead of maintaining disconnected design files and coded components.
The case study covers my approach to creating a scalable system, improving consistency across the product, simplifying collaboration, and making the design-to-development process more efficient.
Read the full case study:
https://muhammad-umair-portfolio-one.vercel.app/work/iclosed-code-first
I’d love to hear your thoughts and experiences with code-first design systems.
#DesignSystems #ProductDesign #UIUXDesign #CodeFirst #DesignOps #Figma #UXCaseStudy
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
packaging design has looked the same for 50 years. so I redesigned the category, not just the carton.
meet PATCH — brand identity, 3D visuals, full campaign. one system, built from a single insight.
this is what I bring to a brand: strategy that shows up in every pixel.
📩 open for freelance & full-time opportunities — link in bio.
Graphic DesignProduct DesignAdobe After EffectsAdobe IllustratorAdobe PhotoshopBrand Designfreelancerlifeproduct
adore this. the logo is such a clever play on a dairy product that feels so obvious but is so rarely used! you've taken what the natural world provides & elevated it into something distinctive, which is always a huge 'kudos' on my end. adhering to a matte black & white also...
Sports Ticket Booking & Team Analytics App UI Animation
SKIN.ai — AI-Powered Skincare Routine & Skin Diary App 💗✨
SKIN.ai is a playful BeautyTech mobile app concept designed to make skincare tracking feel more personal, visual, and engaging.
The experience combines structured routines, skin journaling, educational content, and an AI-style assistant that helps users reflect on daily skin changes without making the product feel overly clinical. The visual direction uses soft pinks, bold red accents, editorial typography, and expressive imagery to create a distinctive beauty-focused interface.
Special attention was given to:
• morning and night skincare routines with clear step-by-step tracking;
• a skin diary that encourages users to log changes and build consistent habits;
• AI-style guidance through a friendly assistant experience 🤖;
• educational skincare content integrated into the product journey;
• interactive reflection and gamified elements that make daily check-ins feel more engaging;
• clear product logging and routine overview screens;
• a strong mobile-first visual system designed to feel modern, expressive, and easy to use.
The result is a BeautyTech experience that turns skincare routines into a more engaging daily ritual — blending functionality, education, and personality in one mobile product 🌸
Looking to create a mobile experience for your beauty, wellness, health, or AI-powered product? Let’s build something users actually enjoy coming back to 💫
😍 😍 😍