EcoVibe
Full-stack sustainable e-commerce platform with smart admin panel, order system, and multi-language support
The client needed a production-ready eco store that went beyond a simple product catalogue. Requirements included multi-language support (EN/DE), eco-certification badges per product, a full checkout funnel with Stripe, a customer account portal with wishlist and order history, and a dedicated admin panel — all in one cohesive system that felt premium and on-brand.
I designed and built the entire platform across three distinct layers: the public storefront (hero, categories, featured products, full catalogue with sidebar filters for category, price range, and eco-certification), the authenticated customer area (account dashboard, wishlist, order history with ECO-prefixed order numbers, order detail, checkout with address/shipping/payment accordion, and order success page with eco packaging messaging), and the admin panel (dashboard with live stats, products table with inline edit/delete, orders table with inline status dropdowns, category management, and admin user management).
What makes it work
Complete control over the entire store
The admin panel gives store managers a real-time overview of the entire operation. The dashboard shows live stats for total products, total orders, and categories at a glance. Quick action shortcuts let admins add products, manage listings, or process orders in one click — without navigating deep into menus.
End-to-end order tracking in one table
Every order gets an ECO-prefixed unique ID and flows through a full lifecycle. Admins see every order in a sortable table showing order number, date, customer, city, total, and current status. Status can be updated inline from Pending to Processing to Delivered with a single dropdown — no separate pages, no page reload.
English and German, switched in one click
The entire storefront — product names, categories, UI labels, legal pages, and checkout copy — is available in EN and DE via a global language switcher in the navigation bar. The active locale is persisted across sessions so returning visitors never have to switch again.
200+ products filtered by what matters
The shop page includes a persistent sidebar with 12 eco-certification checkboxes (GOTS, BPA Free, Fair Trade, Ocean Plastic, Compostable, and more), a price range selector, and 8 category filters — all applied simultaneously with instant results. Every product card shows its certification badges inline so shoppers can verify sustainability claims at a glance.
Site walkthrough
Storefront hero — sustainable living headline, language switcher, cookie consent
Featured Products — discount badges, Bestseller tags, eco-certification labels
Shop by Category — 8 image tiles, commitment stats: 200+ products, 50k+ customers, 100% plastic-free shipping
All Products — sidebar filters: category, price range, certifications (GOTS, BPA Free, Fair Trade...)
Product detail — eco badges, quantity selector, Add to Cart, You May Also Like section
Checkout — accordion flow: shipping address → shipping method → payment, order summary sidebar
Order success — ECO-prefixed order number, eco packaging confirmation
Customer account — Order History, Wishlist, Shipping Addresses, Account Settings
Order History — ECO order numbers, dates, item count, status badges, totals
Order detail — items, shipping address, subtotal / shipping / tax / total breakdown
My Wishlist — saved products with discount and bestseller badges
Admin Dashboard — live stats (201 products, 6 orders, 8 categories), quick actions, recent orders
Admin Products — searchable table with image / name / category / price / stock / edit / delete
Admin Orders — full order table with inline status dropdowns (Pending / Processing / Delivered)