Website Redesign & Ordering Experience
Less visual noise.Clearer choices. A simpler orderingexperience.
- About
- Veglifefood delivers balanced plant-based meal plans. On the website, customers pick a diet, a calorie level and a plan length, and ready meals arrive at their door.
- Challenge
- The site hadn’t been touched since 2017. It looked dated and cluttered, which cost it trust, and the first-order discount was easy to mistake for a separate meal plan.
- Goals
- A full visual redesign: one modern, calm visual language with nothing fighting for attention.
An unmistakable first-order discount: visible right where people choose a plan length, and out of the way for returning customers.
01 / Before the redesign
02 / Homepage: from cluttered to clear
A patchwork of loud banners gave way to one calm visual language: generous white space, a single lime accent, soft blue surfaces and real food photography. The page is easy to scan on any screen.
03 / Components
04 / Meal-plan calculator
The calculator is the heart of the site. Diet, calories, the daily menu, delivery days and plan length now form one top-to-bottom flow, with the total always in view. Any dish opens a card with its weight, nutrition and ingredients without leaving the page.
05 / First-order discount
The discount no longer looks like a plan. It has its own block under the 6-day option that says plainly who it’s for and what it covers, with the promo code field right there. Every state is designed, and returning customers can skip the block entirely.
06 / Promotions & stories
Secondary content got its own rhythm: promo cards with a 3D illustration I made for each offer, and stories about the team, the menu and the approach. Stories open full-screen; questions open in a light modal.
07 / Checkout
Checkout is now one short form — contact details, delivery date and time, address — with the order summary always beside it. I designed the full flow: validation errors, a shortcut for repeat orders and a clear confirmation.
08 / Outcome
Veglifefood went from a dated, noisy site to a calm one where the food does the selling and every step of ordering is obvious.
- Clarity
- One calm visual language replaced eight years of patchwork, and ordering became a single top-to-bottom flow with the total always in view.
- Discount
- The first-order offer sits inside the plan-length choice: new customers find it, returning ones skip it.
- Handoff
- Components with every state, desktop and mobile layouts and 3D illustrations are ready to build. After launch, first-order conversion and checkout drop-off will show the impact.