Ian & Shirley Norman Foundation

ISNF and EPP needed new websites that better reflected their mission and values. Clickk delivered two visually striking, user-friendly platforms with seamless navigation, accessibility features, and enhanced content management. The result? A digital presence that is bold, intuitive, and impactful.
Ian & Shirley Norman Foundation - Web Design Case Study Mock Up
Embrace People Web Design Mock Up

Bold, Impactful & Unapologetic: Ian & Shirley Normans Digital Evolution

  • Custom-Designed WordPress Websites: Developed two distinct yet cohesive websites tailored to ISNF & EPP’s needs.
  • Tailored WordPress CMS: Ensured easy in-house management for effortless content updates.
  • Visual Mega Menu: Enhanced navigation with visual cues for better user experience.
  • Dynamic Partner Directory: Implemented a randomised display to ensure equal exposure.
  • Custom Icons & Branding Elements: Inspired by ISNF’s founding artwork to create a unique digital identity.
  • Interactive Page Transitions: Integrated animations featuring ISNF’s ampersand brand mark.
  • Accessibility Features: Implemented UserWay widget to improve site usability for all users.
  • Advanced Form Logic: Developed custom Gravity Forms with conditional logic to streamline applications.
  • Optimised Performance: Ensured seamless mobile and desktop performance with fast load times.
  • Outdated Design: The existing websites lacked a modern, engaging feel and failed to effectively communicate ISNF’s mission and values.
  • Content Consistency: With partner images of varying quality and missing content from some partners, maintaining a cohesive visual identity was a challenge.
  • Navigational Complexity: Users needed an intuitive structure that made it easy to find partners, apply for funding, and understand ISNF’s purpose.
  • Email Clutter: ISNF received a high volume of unqualified partnership applications, leading to inefficiencies in communication.
  • Brand Alignment: The ISNF team wanted a bold and unapologetic design without overwhelming users.
  • Strict Timelines: The project required careful coordination to ensure timely delivery without compromising quality.
  • Efficiency in Development: The website design and layout for Ian & Shirley Norman was repurposed for its sister company, Embrace. Many page sections and functionalities were copied over and redesigned, streamlining development and maintaining consistency across both platforms.

1. Discovery & Strategy

  • Conducted in-depth research into ISNF’s goals, values, and target audience.
  • Held a collaborative workshop to define branding direction and functionality requirements.

2. UX & UI Design

  • Developed a clean, bold, and visually striking design using ISNF’s signature purple sparingly to maintain balance.
  • Created custom icons and image masks to add depth and personality.
  • Implemented a layered text effect and animated page transitions featuring ISNF’s ampersand logo.
  • Repurposed ISNF’s website layout and design for Embrace, modifying sections and functionalities to fit its unique identity while maintaining efficiency.

3. Content Management & Accessibility

  • Built a dynamic partner directory that randomises the order to ensure equal exposure.
  • Integrated the UserWay widget for improved accessibility compliance.
  • Developed custom Gravity Forms with conditional logic to streamline partnership applications and reduce unqualified submissions.

4. Development & Optimisation

  • Built a flexible WordPress CMS that ISNF could easily manage.
  • Optimised site speed and ensured seamless responsiveness across devices.
  • Incorporated a mega menu for intuitive navigation with visual cues.

5. Launch & Training

  • Provided video tutorials and a training session for the ISNF team.
  • Ensured a smooth transition with no downtime during the website launch.
  • Conducted final testing across browsers and devices for flawless performance.
  • Enhanced Brand Presence: The new design aligns perfectly with ISNF’s values—bold, impactful, and welcoming.
  • Improved Navigation & Engagement: Users can quickly find partners, funding opportunities, and key resources.
  • More Efficient Application Process: Conditional logic in forms reduced unqualified submissions, cutting down email clutter.
  • Positive Feedback from ISNF: The team was thrilled with the final result, particularly how the site captured their unique identity.
  • Increased Usability: The WordPress CMS enables ISNF to easily update content, reducing reliance on external support.
  • Development Efficiency: By repurposing ISNF’s website layout and design for Embrace, significant time and resources were saved while maintaining a cohesive digital identity for both organisations.

Similar Projects