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
Just doing a simple animation of 404 page with tutorial from Kyle Skelly.
š
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
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?
Related posts
D'art Chocolate ā Creating a More Delightful Chocolate Shopping Experience š«āØ
The concept: reimagine the premium digital shopping experience for a local Vietnamese chocolate brand by turning product discovery into an enjoyable journey. The goal was to help customers easily discover the perfect chocolate product while showcasing the craftsmanship and story behind every handcrafted creation.
š Bringing the vision to life: I redesigned D'art Chocolate's website to present its handcrafted chocolates more visually and intuitively. Instead of browsing through static collections, customers can explore products based on the moments they're celebrating or the flavors they loveācreating a shopping journey that feels natural, inspiring, and enjoyable.
š ļø Built with Squarespace + Finish Layer
Used Finish Layer capabilities to bring the chocolate experience to life. Created a dynamic product interaction where chocolates gently float and transition into the gift box
Block Animations ā Added subtle motion and hover interactions to create a refined, engaging browsing experience without distracting from the products.
Mobile Experience ā Instead of simply scaling down the desktop version, the mobile experience was carefully redesigned with optimized spacing, content flow, and interactions to create a seamless shopping journey across screen sizes.
Rather than simply displaying products, this website, through thoughtful layouts, intuitive navigation, and engaging interactions, guides visitors from discovery to purchase.
šØ Tools: Squarespace Ā· Finish Layer Ā· Figma Ā· Gemini
š Live Demo: dart-chocolate.squarespace
Password: 123
love this style
Augment is a B2B SaaS website design project for an AI automation platform built for the logistics industry. Augie is an AI agent that works with brokers, freight operators, and carriers individually on their workflows. Pixel One designed the full product website to introduce Augie to an industry encountering AI for the first time.
We designed the website to show each section answer a specific question a logistics visitor would have. The abstracted UI and chat interface at the end defined the visual language for the use case animations across the entire product. Augment raised a $25M seed round followed by an $85M Series A five months later. Augie now supports over $35 billion in freight under management.
