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
Order tracking is the screen people check the most and enjoy the least. A grey bar and the word "Shipped".
Pack & Ship makes that moment feel real. The products drop into a box, the flaps fold, tape and label go on, the parcel ships and lands on the doormat, and the card ticks from Packed to Delivered right alongside it.
To show how far one template stretches, I made three versions with the same animation: a store order, a file transfer and a gift box. Only the text, images and colours change. The motion stays exactly the same.
Making it yours takes about 5 minutes:
Retype the text, it's all real text
Swap the logo and 3 product images
Pick 3 colours: your brand accent, the box, the inside of the box Every layer has a plain name (headline, product-image-1, box-colour), so you find it by searching.
Use it on your website, in a React Native or Flutter app, or export it as a video or GIF for socials. It can start on load, on hover, on click, when it scrolls into view, or you can set the exact state from your app's order data.
All artwork is original and the fonts are free to share (SIL OFL). Built with Claude and the SVGator MCP.
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
A fresh e-commerce redesign focused on making the product experience cleaner, clearer, and easier to shop.
Really happy with how this one came together 🫧
What do you think about this visual direction? Would love to hear your thoughts!
The cleaner product layout really lets the items breathe, Ella. The soft visual direction fits a shop that wants to feel calm and easy to browse.
Behind every smooth checkout is a system that remembers everything. 🧾✨
Meet Relivo, a retail POS and inventory platform where every detail is easy to see and easy to act on. Think dark, sleek screens with lime green accents on a lush green backdrop: an order timeline that tracks each step, a clear refund flow that shows exactly what goes back, and quick access to every store in one place.
Swipe through the 4 frames to see the order timeline, the refund flow, the multi-store navigation, and the category settings. 👀
Which screen would your team use the most? Tell us in the comments! 💬👇
#UIDesign #UXDesign #DashboardDesign #SaaSDesign #RetailTech #POSDesign #DarkModeUI #ProductDesign
what do u collect?
i'm currently travelling the southern hemisphere, so I've been picking up loads of beautiful boarding passes, tickets and receipts from everywhere I've been.
this morning i worked on these collaged animations in photoshop, inspired by the collection of receipts growing in my wallet + by this lovely holographic ticket animation by SHIROTA.
lots of texture + type always make for the prettiest animations.
Very nice