Vebryx

A custom online grocery store for African and Afro-Caribbean food

Client
Odogwu Foods
Industry
Retail & e-commerce
Services
Custom online shop, Catalogue setup, Content management, Payments, Delivery rules, Accessibility and privacy compliance
Website
odogwufoods.co.uk
Stocked aisles in a grocery warehouse

The project

Odogwu Foods is an African and Afro-Caribbean grocery business serving customers across the UK. Vebryx designed and built a modern e-commerce platform around the client's real product catalogue, delivery needs and changing business processes.

The platform uses Next.js, React, TypeScript, Payload CMS, PostgreSQL, Supabase and Stripe. The work focused on e-commerce features, catalogue management, performance, accessibility, security and SEO.

The challenge

What stood in the way.

  1. 01

    Business rules still taking shape

    Several business rules were unclear at the start, and some changed as the work progressed. Stock indicators, order statuses, VAT, delivery pricing and free delivery rules hadn't been fully defined.

  2. 02

    A catalogue that needed restructuring

    The supplier spreadsheet held 122 rows, but the real catalogue was 78 products in 73 pack sizes. Each size had to work as a variant of its product, not a separate product, with its own SKU so stock could be managed accurately.

  3. 03

    A long list of shopping features

    The client also asked for Click & Collect, delivery rules, product bundles, better navigation, food information, related product suggestions and a stronger search.

Our solution

What we built.

  1. 01

    Custom e-commerce development

    Built with Next.js 16, React 19 and TypeScript, with Payload CMS running inside the same application. Its e-commerce features manage products, variants, carts and orders, and Stripe processes payments in GBP.

  2. 02

    Product catalogue architecture

    A two-level category structure, with pack sizes as product variants, each with its own SKU: 122 supplier rows became 78 well-organised products in 73 sizes. A bulk import tool adds products without entering them one by one. Testing showed import and export were open to any logged-in user, so we restricted them to administrators.

  3. 03

    Delivery and order management

    Delivery pricing is calculated on the server, so customers can't change their location details at checkout to get a lower rate. A five-stage order tracker follows the order statuses from the payment system, and clear Nottingham delivery rules apply at checkout, covering NG postcodes and addresses outside Nottingham.

  4. 04

    Search and shopping experience

    Organised shopping aisles, and food boxes that show customers their savings. Search understands common spelling variations, such as 'gari' and 'garri', or 'egusi' and 'melon seeds'. Tailwind CSS, Radix UI and reusable components keep the design consistent, and the hero video keeps a still image underneath, for faster pages and for visitors who've turned off motion.

  5. 05

    Security, SEO and accessibility

    Cart ownership checks and administrator-only catalogue imports, plus SEO metadata, structured data and image optimisation. The platform was built to meet WCAG 2.1 AA, and Google Analytics and Chatway stay blocked until the visitor gives cookie consent, supporting UK GDPR compliance.

Inside the product

A look at the platform.

The Odogwu Foods home page: 'The Taste of Home, Delivered.' beside the Odogwu lion crest, a basket of peppers, plantain, palm oil and garri, flags for Nigerian, Ghanaian, Congolese and Caribbean food, a grocery search bar, and a chat window offering help with orders, stock, bulk orders and delivery
01The home page: authentic African and Caribbean groceries delivered across the UK, with shopping by country, search and quick answers on orders and delivery.

Implementation

The technology behind it.

Tech stack

  • Next.jsFront end (Next.js 16)
  • ReactInterface (React 19)
  • TypeScriptType-safe code throughout
  • Tailwind CSSStyling (Tailwind CSS 4)
  • Radix UIAccessible interface components
  • Payload CMSCMS and e-commerce (3.88)
  • PostgreSQLDatabase
  • SupabaseDatabase and file storage
  • StripePayments in GBP
  • SharpImage processing
  • VitestUnit tests
  • Testing LibraryComponent tests
  • PWPlaywrightEnd-to-end tests
  • VercelHosting
  • GitVersion control for every change
  • GitHubCode hosting, reviews and deployments

The results

78
Structured products, created from 122 supplier rows
73
Pack sizes set up as variants, each with its own SKU
314
Automated unit tests protecting quality
33
Change requests formally logged and managed
  • Server-side delivery pricing and cart ownership controls
  • Organised product categories and shopping aisles
  • SEO metadata and structured data on every page
  • Built to the WCAG 2.1 AA accessibility standard
  • GDPR consent controls for third-party services

Next project

Last Minute Cards

A gift card tied with a red ribbon in a miniature shopping cart

Ready to start step one?

Book a free 30-minute call and we'll map out your journey together.

Book your free strategy callGet an instant estimate
  • 30 minutes, no obligation
  • Scope and price agreed up front
  • You own everything we build
  • 4.3 on Trustpilot