Project Overview
Client: NSF International
Scope: eLearning Catalogue - Phase 1
Company: Giant Goat Web Development
Role: Lead Designer
Tools: Adobe Adobe XD, Illustrator, Photoshop, Drupal 7 CMS
Deliverables: Responsive website, visual design system, content templates, high-fidelity UI components, implemented WCAG accessibility
Timeline: Multi-phase project over 3 years
Scope: eLearning Catalogue - Phase 1
Company: Giant Goat Web Development
Role: Lead Designer
Tools: Adobe Adobe XD, Illustrator, Photoshop, Drupal 7 CMS
Deliverables: Responsive website, visual design system, content templates, high-fidelity UI components, implemented WCAG accessibility
Timeline: Multi-phase project over 3 years
The Challenge
NSF International, a global leader in food safety and quality standards, needed a scalable online course catalogue to support the 6,000+ professionals they train each year. Training was fragmented across regions, course presentation was inconsistent, and learners struggled to search, and had no online registration. Staff spent extra time manually managing updates. The team needed a unified, accessible global catalogue that streamlined the learner journey while reinforcing NSF’s brand credibility.
Desktop version of home page with the new image
Tablet version of course information, course registration, courses timelines, and home page
Strategy & Design Approach
I designed and developed a unified platform that prioritized clarity, usability, and accessibility. After conducting a competitive audit and mapping the learner journey to identify pain points, I created wireframes and interactive prototypes, developed scalable UI components, and documented reusable design patterns. The design emphasized streamlined search and filter tools, card-based layouts for easy scanning across devices, consistent typography, color palette, and iconography, and accessibility compliance (WCAG). Iteration with stakeholders and usability testing ensured the platform met both user and business needs.
Outcome and Impact
The eLearning catalogue replaced fragmented regional systems, standardizing course access and registration. Usability and accessibility improvements enabled professionals of all abilities to confidently access training, increasing course completion rates. Staff time spent managing updates was reduced, and reliance on printed materials decreased, saving time and distribution costs. The scalable, branded system now supports 6,000+ professionals annually and reinforces NSF’s credibility and global reputation for quality and compliance.
Desktop version of home page, course overview, course timetable, course registration
