At a glance
Crown Flour Mill has milled wheat in Nigeria for over four decades and, as an Olam Agri company, grown into one of the country’s largest flour, pasta and semolina producers — with plants across Apapa, Tincan Island, Beachland, Ikorodu, Ilorin, Warri, Calabar, Port Harcourt and Kano, and a portfolio of household brands from Mama Gold to Crown Premium Pasta to Supreme Semolina. The company needed a corporate web presence that did justice to that scale: a credible home for the full product portfolio, the operations and community-impact story, and a growing media library.
Inventrium designed and built crowncfm.com — a ~21-page consumer brand-and-product platform on a bespoke CFM section design system, with dedicated brand and product pages across flour, pasta and semolina, an operations and community-impact narrative, and a CMS-driven media hub for events, recipes and nutritional videos.
We gave a major Nigerian miller a dedicated consumer product site: a single platform that carries the full portfolio with real per-product depth, tells the operations story, and grows its own media library.
The brief
Crown Flour Mill Ltd. was incorporated in May 1971 and began milling in 1981 with a single product: flour. Its 2010 acquisition by Olam Agri brought agro-technical and supply-chain capability that multiplied the business, followed by the 2016 entry into pasta and the 2019 acquisition of Dangote Flour Mill. The result is a wide portfolio spanning a consumer range (multiple pasta and semolina brands) and a business-to-business range (bread, noodle and confectionery flours), produced in FSSC 22000- and ISO 9001:2015-certified plants.
A company of that breadth needs a product site that reads as trustworthy and brand-led, not a thin brochure. The brief was to build the consumer product presence at crowncfm.com so it could present the full portfolio with the depth each brand deserves, tell the company story credibly, showcase operations and the owned logistics fleet, house a media hub the team can keep current, carry a community-impact narrative, and reflect the Crown / Olam Agri brand consistently while loading fast across Nigerian connections. This is the consumer product site; the corporate and governance front door is a separate site (crownflourmillng.com) that links here for product detail.
The constraint that shaped the work was range: a single design system had to hold a corporate narrative, eleven-plus consumer and B2B brands, six dedicated product pages, an operations storyline and an editorial media library, without ever feeling generic.
Objectives
- Establish a premium corporate identity — a visual system that signals scale, quality and the Crown / Olam Agri brand, distinct from a templated FMCG site.
- Make the portfolio navigable — company → category (flour / pasta / semolina) → individual product, with no dead ends.
- Give each brand a proper home — dedicated product pages rich enough for descriptions, cooking instructions, ingredients, pack sizes and nutrition.
- Tell the operations and community story — turn the plant network, logistics fleet and CSR work into credible, well-structured narrative pages.
- Stand up a self-service media hub — events, recipes and nutritional videos the team can publish without a developer.
- Build for performance, SEO and longevity — fast, discoverable and structured to extend as brands and content grow.
What we did
A bespoke CFM identity and design system
Rather than force Crown CFM onto generic blocks, we built a dedicated CFM section system — purpose-made components (cfm-hero, cfm-about, cfm-product-carousel, cfm-image-text-quote, cfm-contact-page) that give the corporate site its own voice. The identity runs on a multi-colour Crown brand stripe (a deep blue #1F40AF anchor with gold, indigo, green and red accents) on the Inter typeface, with the Olam Agri lockup carried alongside the Crown mark. Each brand category and product page picks up its own signature colour — flour in blue, pasta in red, semolina in green — so the system feels bespoke per brand while staying one coherent platform.
A brand-first information architecture
The portfolio was mapped to a clear, three-level structure so visitors are never more than a click or two from what they want:
- Company — a deep About page narrating four decades of milling, the Olam Agri turnaround, the BUA and Dangote acquisitions, the nine-plant footprint, certifications, mission and values.
- Brands — a brands hub fanning out into Flour, Pasta and Semolina category pages, each presenting its full line-up on a horizontal product-card grid.
- Products — six dedicated product pages (Crown Premium Pasta, Mama’s Pride Pasta, Crown Pasta, Supreme Semolina, Mama Gold Semolina, Crown Tuwovita), reachable from the nav, the homepage carousel and the category grids.
Rich, dedicated product pages
Each product page is built on a bespoke brand-hero + product-info pairing: a branded hero in the product’s own colour with a foreground pack-shot, then a structured information block carrying the brand logo, a marketing description, cooking instructions, ingredients, pack sizes and a full nutrition panel, plus the product’s own social links. This turns each brand from a catalogue thumbnail into a genuine destination, useful to consumers deciding what to cook and to trade partners assessing the range.
Operations and community-impact storytelling
The Operations page uses a vertical-tab layout to tell two stories cleanly: the Factories tab maps the strategic national plant network, and the Fleet tab frames the owned logistics fleet — “we own the last mile with precision” — as a real competitive edge. The Community Impact page leads with a branded header and a CMS-driven story grid, giving the company a living place to evidence its CSR work rather than a static statement.
A self-service media hub on Sanity
Media is a hub of three CMS-driven libraries — Events, Recipes and Nutritional Videos — each rendered from a categorised Sanity feed via a shared news-grid component. The marketing team can publish a new event, recipe or video without touching code, and the same machinery powers the Community-Impact story grid, so the editorial surface stays consistent.
Engagement and engineering
A dedicated contact experience plus a get-in-touch form route and a careers page round out engagement; legacy URLs are 301-redirected so nothing breaks and SEO equity is preserved. The site is built on Inventrium’s modular Next.js platform extended with the bespoke CFM section components, with shimmer/skeleton image loading on image-heavy pages, per-page metadata and Open Graph images, and GA4 with a Consent-Mode banner under an enforced content-security policy.
Delivered and verified
- A ~21-page consumer brand-and-product platform built on a section design system made for Crown CFM.
- A fully navigable portfolio: company → category → product, with a brands hub, three category pages and six dedicated product pages across consumer and B2B ranges.
- Product pages with real depth: every flagship brand has a page carrying descriptions, cooking instructions, ingredients, pack sizes and nutrition.
- An operations and impact narrative: the plant network, the owned last-mile fleet and the community-impact work told as structured pages.
- A self-service media hub: events, recipes and nutritional videos the marketing team publishes themselves through Sanity.
- The technical controls, and what the bespoke section system bought: clean metadata and OG handling, preserved legacy URLs and consent-aware analytics, plus per-brand theming and six product pages shipped quickly from one component library.
How to judge the result
What we can show is the delivered product site: the portfolio structure, the six deep product pages, the operations narrative and the CMS media hub. For a product site, the measure that matters most is whether the product content stays complete and current, because buyers compare products on it. The company owns that content and updates it from the media hub.
What it means
For consumers: the brands they cook with daily have proper homes. A shopper can find Crown Premium Pasta or Supreme Semolina, see how to cook it, what is in it, which pack sizes exist and its nutrition, turning the back of the pack into a branded page online.
For the business: a product site broad enough to carry the full consumer and B2B portfolio, the operations story and the community work in one place, credible to put in front of trade partners and distributors. The media hub lets marketing keep it current without a developer.
Strategically: crowncfm.com is the consumer product anchor for a multi-brand miller, one platform that can absorb new brands, products and content as the portfolio grows, built on a bespoke section system so a new brand page reuses existing components rather than needing a rebuild.
Why it matters for Inventrium
This engagement shows we can build a premium, multi-brand corporate platform for a major manufacturer — designing a bespoke section system, modelling a deep brand-and-product information architecture, crafting rich product pages, and standing up a self-service CMS media hub on a fast, SEO-sound modern stack. It is a strong example of holding a large, varied portfolio inside one coherent, brand-led product.