All projects

Omnifood

Coded Landing Page

Coded website

  • Web Design
Omnifood landing page hero

Overview

A responsive landing page for Omnifood, a fictional AI-powered healthy meal subscription, coded by hand in HTML and CSS.

See the website

The page

The page leads visitors from the promise to sign-up:

  1. Navigation to each section, plus a "Try for free" button.
  2. Hero: "A healthy meal delivered to your door, every single day", with two calls to action and social proof.
  3. As featured in: press logos.
  4. How it works: three steps, from setting preferences to receiving meals.
  5. Meals: sample dishes with calories, NutriScore and ratings, plus supported diets.
  6. Testimonials: customer quotes and a food photo gallery.
  7. Pricing: two plans and the features both include.
  8. Sign-up: "Get your first meal for free!" with a short form.
  9. Footer: contact details, social links and link groups.
How it works section with phone screens
How it works
Pricing section with two plans
Pricing

Deliverables

  • Responsive coded landing page, deployed on Netlify