NCG Warehouse
A Warehouse Management Web UI That Mirrors Operational Excellence
NCG Warehouse Solutions - a Lyceum Global subsidiary running 30,000+ sq ft of storage and an island-wide fleet - had the operations, but not the digital presence to match. This redesign set out to give a complex logistics business a website as organised as its warehouse floor: clear capacity, findable tenders, and trust at first glance.
Context & The Problem
For a logistics company, credibility lives in the details - capacity figures, service levels, and live tender timelines. NCG's old site buried all of it. Supply-chain stakeholders couldn't quickly gauge what NCG offered, and the people who mattered most - corporate clients and vendors - were left guessing.
"68% of users struggled to locate tender documents, warehouse capacity was buried in PDFs, and mobile visitors (42% of traffic) bounced 73% more often."
Problem Statement
Key information - capacity, services and tenders - was hidden in PDFs and unclear pages, so the site failed to communicate NCG's real operational strength to its stakeholders.
The Goal
Clearly communicate warehouse capabilities, streamline tender discovery and submission, reflect Lyceum Global's corporate identity, and serve users of every technical literacy.
Target Audience
Corporate clients needing capacity metrics, SLAs and tender timelines - and job applicants needing clear career paths and a mobile-friendly application process.
Discovery & Research
User research with 47 participants - spanning corporate buyers, vendors and applicants - turned vague complaints into a sharp picture of where the old site failed and where the new one could win.
What the Research Revealed
- 68% struggled to locate tender documents
- Warehouse capacity data was buried in PDFs
- Mobile users (42%) bounced 73% more often
- Surface capacity as live, visual dashboards
- Make tenders discoverable with smart filters
- Design mobile-first for on-the-go stakeholders
User Personas
"I need capacity, service levels and tender deadlines up front - not buried in a PDF."
"Applying for tenders now takes half the time."
"I browse and apply on my phone - it has to be quick and clear."
Cross-Persona Insights
Ideation & Structure
User Flow: From Discovery to Tender
A clean 7-page architecture - Home, About Us, Our Team, Our Operations, Tenders, Join Us and Contact - used a top-level overview with drill-down into department flows and equipment details only when needed.
Information Architecture
Company
Home · About Us · Our Team
Operations
Capacity · Fleet · Workflow
Tenders
Listings · Filters · Submission
Engage
Join Us · Careers · Contact
Visual Design & Style Guide
The visual language pairs Lyceum Global's corporate blue - for trust - with a warehouse-yellow accent for energy and visibility. Isometric warehouse diagrams, animated process flows and a living style guide keep the whole experience consistent, credible and easy to scan across devices.
Geometric sans-serif typefaces have always been popular, and with support for both the Devanagari and Latin writing systems, Poppins is an internationalist addition to the genre.
A basic colour palette offering a broad range of options for design and artistic purposes is used.
High-Fidelity Screens
The core of the experience - from the operations overview to the tender listings and the careers flow. Click any screen to view it in high resolution.
Interaction Design & Emotional Intent
Industrial operations are complex - the interactions had to make that complexity feel effortless and trustworthy. Three signature patterns turn dense logistics data into something anyone can read at a glance.
Capacity Dashboard
Real-time warehouse occupancy visualisations bring 30,000+ sq ft of storage to life - no PDFs, just a glanceable view of what's available.
Tender Timeline
Smart filters by date, type and value, plus alert subscriptions and a timeline generator, so vendors never miss a relevant tender again.
Fleet Tracking Preview
An embedded mapping preview hints at the island-wide fleet, reinforcing NCG's operational reach right on the page.
Outcome & Impact
Key Outcomes
"The operations page finally makes sense of their complex workflow." - Logistics Manager · "Applying for tenders now takes half the time." - Vendor Representative
📈 Outcome
Tender support queries fell 57% and mobile conversions rose 39%, with average sessions reaching 5.1 minutes on a fast 0.8s-loading site - clarity, efficiency and brand elevation in one.
🧗 Challenge
Communicating multi-layered warehouse operations without overwhelming users. The fix: a top-level overview with drill-down into department flows and equipment details on demand.
🚀 Next Steps
ERP system integration, augmented-reality warehouse tours, and multilingual support (Sinhala / Tamil) to reach every stakeholder.
💬 Conclusion
NCG Warehouse shows how thoughtful UX engineering can bring clarity to complex industrial operations - turning information into intuitive, interactive experiences.