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
Beauty Tools | Tools & dedicated packaging
A collection of beauty tools and their packaging, balancing ergonomic research, material selection and manufacturing constraints — from concept to prototype validation.
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
Related posts
I built a lamp that switches on with your scroll. 💡
NOCTE is a concept site for a modular table lamp. Scroll into the configurator and the cream page fades into night, the lamp lights up, and its warm light tints the whole page.
Change the light from 2200 K to 3000 K and the page shifts with it.
Pick the shade, body and cable, and every lamp gets its own link.
Built from code, with no 3D model files.
Which finish would you choose?
Looks amazing
A fashion storefront needs to show the outfit and make its individual pieces easy to find.
For FORM, I paired a warm, editorial lookbook with clearly grouped product names, prices, and size choices.
Cream surfaces, charcoal typography, and consistent product cards connect the homepage with the desktop and mobile screen concepts.
One useful design principle from this project: give campaign imagery and shopping details their own readable zones. The collection can have a strong visual presence while the next product decision stays clear.
Explore the complete design case study:
https://contra.com/p/rNPRqooQ-form-fashion-e-commerce-website-design
When exploring a clothing collection, what helps you most: a styled outfit or an individual product grid?
Adorable
When a section relies on animation, I now prototype it in Figma motion instead of writing it out. A simple prototype gives the client and the developer the same clear reference: less back and forth, more precise feedback and a smoother build. Here’s the hero animation for a recent landing page, shown as a working prototype.
Creative work