Skip to content
Anas Chaabane
Back to work
03Product · Dieture

Dieture Website

The storefront for Qatar's leading healthy meal-subscription service

Role
Full Stack Developer, team of three
Period
2023 — 2026
Stack
Next.js · TypeScript +6

A meal subscription is a considered purchase. The site has to sell a product people eat every day, handle a sign-up full of real choices, and stay useful for as long as the customer subscribes. It is a storefront, an onboarding flow and an account area in one.

01The problem

The old site was a basic Wix page on a simple CMS, with no onboarding, no plan or meal selection and no online payment. The new one had to take a visitor from understanding the plans to picking meals, paying and managing their subscription (pausing, switching plans, adding items, booking a dietitian), all in one consistent experience.

02Approach

Content is data. Plans, copy and campaign pages live in Contentful, so marketing launches an offer without a deploy. Zustand handles client state and Radix provides the UI primitives. Every conversion step (plan view, selection, onboarding, checkout) is tracked through MoEngage and Meta's marketing tools.

  • Plan comparison and meal selection
  • Onboarding and online payment, from first visit to active subscription
  • Dietitian appointment booking
  • Add-on purchases and self-serve subscription management
  • Funnel event tracking and campaign tooling across the whole flow

03Three developers, one front end

I led a team of three and split the work by flow (discovery, onboarding, account) on top of a shared component and data layer. We rarely edited the same file, and the boundaries between flows stayed visible in review.

Outcome
  • 30% increase in online sales in the first quarter after launch
  • Online sign-up, meal selection and payment, none of which the old Wix site offered
  • Higher engagement and subscription conversion across discovery and onboarding
  • Marketing ships plans, copy and campaign pages without a deploy