NCG Warehouse
A website for a logistics company, made as organised as its warehouse floor.
- Role
- Client
- NCG Warehouse Solutions (Lyceum Global)
- Type
- Corporate website
- Tools
- Research
- 47 participants
- Platform
- Responsive web
01The Brief
NCG Warehouse Solutions is part of Lyceum Global, with more than 30,000 sq ft of storage and a fleet that covers the whole island. The operations were impressive, but the website didn’t live up to them.
The redesign gives a complex logistics business a website where capacity is clear, tenders are easy to find and visitors trust the company from the first glance.
Problem
Information about capacity, services and tenders was hidden away in PDFs and unclear pages, so the site didn’t show how capable NCG really is.
Goal
Show what the warehouse can do, make it easier to find and submit tenders, reflect the Lyceum Global brand and work for people with any level of technical experience.
Audience
Corporate clients who need to know about capacity, service agreements and tender deadlines, vendors bidding on tenders, and job applicants browsing on their phones.
68% of users struggled to find tender documents, capacity details were buried in PDFs, and mobile visitors, who made up 42% of traffic, left the site 73% more often.
02Research & Insights
Research with 47 people, including corporate buyers, vendors and job applicants, turned vague complaints into a clear picture of where the old site was letting people down.
- 68% couldn’t locate tender documents
- Warehouse capacity buried in PDFs
- Mobile users bounced 73% more often
- Capacity as live, visual dashboards
- Tenders discoverable with smart filters
- Mobile-first for on-the-go stakeholders
The Corporate Client
“I need capacity, service levels and tender deadlines up front - not in a PDF.”
The Vendor / Bidder
“Finding the right tender and submitting on time is the whole job.”
The Job Applicant
“I browse and apply on my phone - it has to be quick and clear.”
03Structure & Flows
A clean seven-page structure with Home, About Us, Our Team, Our Operations, Tenders, Join Us and Contact. A top-level overview leads into department details and equipment only when people want to dig deeper.
Company
Home · about us · our team
Operations
Capacity · fleet · workflow
Tenders
Listings · filters · submission
Engage
Join us · careers · contact
04Visual Design System
Lyceum Global’s corporate blue builds trust, and a warehouse yellow accent adds energy and makes things stand out. Isometric warehouse diagrams and animated process flows are part of a style guide that keeps evolving.
Colour palette
Tap a colour to try itDesigned around one palette
Every screen is built from these colour and type tokens.
Typography
Type your own textGeometric sans with Latin and Devanagari support - one family across the whole site
05Key Screens
10 high-fidelity screens from the final design. Tap any of them to see it full size.
06Interaction Details
Capacity dashboard
Live visuals of how full the warehouse is bring more than 30,000 sq ft of storage to life, with no PDFs, just a view you can take in at a glance.
Tender timeline
Vendors can filter tenders by date, type and value, subscribe to alerts and follow a timeline, so they never miss one.
Fleet preview
A built-in map preview gives a sense of the island-wide fleet and shows how far NCG’s reach goes.
07Outcome & Reflection
"Applying for tenders now takes half the time." - Vendor representative
Outcome
Support questions about tenders dropped by 57% and mobile conversions went up by 39%. The redesign made things clearer, more efficient and stronger for the brand all at once.
Hardest Part
Explaining warehouse operations with many layers without overwhelming people. The answer was an overview that lets people dig deeper when they want to.
What I Learned
Complicated industrial operations become easy to understand when you turn the information into something visual and interactive.
Next Steps
Connecting to the ERP system, adding AR tours of the warehouse, and supporting Sinhala and Tamil.