Back to work
Web · eCommerceFigmaResponsive

Foodzy
a grocery store that converts.

A modern eCommerce food and grocery website concept built for a seamless online shopping experience — fresh meals, organic products, beverages, and healthy items presented through a clean, visually engaging platform with conversion-focused layouts.

Role
Website Designer
Platform
Responsive Web
Tools
Figma
Type
Concept

01 — Hero

A storefront that earns the first scroll.

A bold editorial hero anchors the homepage — a single hero deal, a clear CTA, and a category rail right beneath the fold. The dark hero contrasts a bright product grid so the eye flows naturally from promise to product.

Foodzy homepage shown on a Galaxy Tab — bold hero with a 50% off deal and category cards

The Problem

Grocery sites feel like spreadsheets.

Most food eCommerce templates bury the deal, hide categories behind menus, and treat product cards as line items. Shoppers bounce before they ever reach the cart.

The Approach

Editorial hero, conversion-driven grid.

I designed a clear top-to-bottom narrative: hero deal, promo cards, filterable popular products, lifestyle banners, trust strip, countdown offer, and testimonials — each band has one job and hands off cleanly to the next.

02 — Full page

One scroll, the whole story.

Every section reinforces the next — discovery, social proof, trust, and a final newsletter capture at the footer.

Foodzy full homepage — hero, categories, popular products, lifestyle banners, testimonials and footer

03 — Outcomes

A scalable storefront, ready to ship.

12+
Homepage sections
Responsive
Desktop · Tablet · Mobile
1
Reusable component library

Next

More case studies coming soon.