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
Gratia — Chin Chin E-Commerce Product Page (In Progress)
A fully interactive product page for Gratia , a proudly Nigerian chin chin snack brand. Built with HTML, CSS, and JavaScript, the page already features flavour selection (Original, Chocolate & Coconut), multiple pack sizes with pricing, an Add to Cart function, a star rating system (4.9 from 238 reviews), a nutrition facts table, a reviews section, and breadcrumb navigation — all styled in a warm brown and cyan color scheme with floating product animations still in progress.
Gratia — Chin Chin E-Commerce Product Page (In Progress)
A premium, interactive product page for Gratia, a proudly Nigerian chin chin snack brand. Built from scratch with HTML, CSS, and JavaScript — no frameworks, just clean code.
What's built so far:
* Warm brown & cyan brand...
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
Challenges
View all
Related posts
Creating immersive digital experiences with smooth website animations ✨
Designed & developed by Usman DevHub Tech & Creative Studio.
We create premium websites with modern UI, interactive animations, and unique visual experiences that help brands stand out. 🚀
Want a website like this for your brand?
DM us and let's discuss your project.
#WebDesign #WebDevelopment #WebsiteAnimation #UIDesign #CreativeStudio #DigitalAgency #UsmanDevHub
Love this, Usman! You drop something amazing every single time.
🔥 Building a Website for a Food Business — Work in Progress
Currently working on a custom website for a food business 🍔🍕🔥
This project is all about creating a website that doesn't just show food — it makes people want to order it.
I’m going for a bold, premium and slightly vintage-inspired visual direction, with a dark atmosphere, warm food-focused visuals, and strong orange/gold accents to match the brand.
🚧 What I’m building:
🎨 Custom UI/UX
Designing the entire experience from scratch instead of using a generic restaurant template.
🍔 Interactive Menu
Organizing the complete food menu into categories with food images, descriptions, prices and Veg/Non-Veg options.
🛒 Online Ordering System
Customers will be able to browse the menu, add multiple items to their cart, adjust quantities and see their total before ordering.
💬 WhatsApp Ordering
The checkout flow will collect the customer's important details and generate the complete order information so it can be sent directly to the restaurant owner's WhatsApp.
📱 Fully Responsive Design
Making sure the website works smoothly across desktop, tablet and mobile — because most food orders happen on phones.
⚡ Animations & Interactions
Adding smooth transitions, hover effects, scroll animations, menu interactions and other small details to make the website feel more alive.
📍 Location & Contact
Adding dedicated sections for the restaurant's location, contact information, opening hours and directions.
⭐ Testimonials
Creating a section that builds trust and gives customers a reason to choose the business.
🎯 The goal
Not just another restaurant website.
The goal is to create a complete digital storefront for the food business — something that represents the brand, showcases the food beautifully and makes the path from “That looks delicious” → “I want to order this” as simple as possible.
Still working on it.
More updates coming soon. 👀🔥
#WebDevelopment #WebDesign #FoodBusiness #RestaurantWebsite #RestaurantWebDesign #UIUXDesign #FrontendDevelopment #HTML #CSS #JavaScript #WebsiteDevelopment #FreelanceDeveloper #BuildingInPublic #WorkInProgress #WIP #Contra #SmallBusiness #FoodBrand #DigitalExperience
Interactive 3D Product Visualization Gallery -
It shows 360° spaces, 3D product visualization, sustainability concepts, and product storytelling.
This is a great example of letting the environment carry the product story—the 360° spaces, gallery framing, and sustainability cues feel much more immersive than a standard catalog grid. The AptiCraft presentation also makes the transition from exploration to product detail feel especially natural.