Websites - John Hett Sports Foundation
Empowering Nigerian Squash Athletes Through Global Exposure, Structure, and Opportunity.
The John Hett Sports Foundation (JHSF) website was designed and developed to establish a credible digital presence for a growing non-profit dedicated to developing Nigerian squash athletes locally and internationally. With no prior website, the project focused on building trust, clearly communicating mission and impact, showcasing athletes and events, and creating a platform that could attract investors, partners, and supporters — while remaining easy for the foundation to manage internally.
WordPress
Photoshop
Illustrator
Figma
Business Context
The John Hett Sports Foundation was growing in visibility and activity but lacked a central digital platform to communicate its mission, programs, and athlete impact. For a foundation seeking sponsorships and long-term partnerships, this absence significantly limited credibility and outreach.
Brand Problems Identified
- No existing website or digital home
- Limited visibility into the foundation's athletes, events, and goals
- No structured way to attract or inform potential investors
- No centralized platform for ongoing content
Design Goals
- Establish legitimacy and credibility
- Clearly articulate the foundation's mission, vision, and goals
- Highlight athletes and events visually and emotionally
- Create a scalable content platform for future growth
- Support investor interest through clarity and professionalism
Market Context
Sports foundations and athlete development organizations rely heavily on storytelling, legitimacy, and visual proof of impact. Users expect to quickly understand who the foundation is, who it supports, and why it matters.
Target Audiences
Athletes
Recognition, visibility, pride
Investors
Proof of structure, seriousness, impact
Enthusiasts
Easy browsing of events and updates
Information Architecture
A flat, clear navigation structure was chosen to reduce friction and avoid complexity.
UX Structure & Planning
Layouts prioritize scannability, with clear section breaks and predictable content flow — avoiding over-designed or experimental patterns that could distract from content.
Content Hierarchy
- Large imagery to establish emotional connection
- Strong headings and spacing for readability
- Visual rhythm using motion, color, and typography contrast
Design Decision
- Complex interactions were intentionally avoided to ensure accessibility, performance, and ease of maintenance on WordPress.
Visual Design & UI System
A clean, modern sports aesthetic designed to feel energetic, disciplined, and credible — aligning with international sports standards.
Website Build & Implementation
WordPress was selected strategically for built-in content flexibility, strong support for blogs and galleries, and ease of use for non-technical administrators.
Assets & Integration
Edited and optimized athlete imagery for brand consistency. Structured YouTube video bios embedded into the site and created branded assets for the official JHSF YouTube channel.
Performance & SEO
Optimized images and media embeds, clean page structure for search discoverability, and SEO-friendly URLs and metadata foundations.
Accessibility
- Readable font sizes
- Clear color contrast
- Logical navigation and headings
Pre-Launch
- Cross-device testing
- Form testing
- Media performance review
Outcome & Impact
A professional, scalable digital platform that positions JHSF as a legitimate and forward-thinking sports foundation. The foundation expressed strong satisfaction with how clearly the site communicated their mission and showcased their athletes professionally.
How the Website Supports Business Goals
1
Builds investor confidence through clear structure and professional presentation
2
Amplifies athlete visibility with dedicated profiles and event coverage
3
Creates a long-term communication hub for ongoing engagement
Key Takeaway
Strong content structure and clarity are essential when building credibility from scratch. This project demonstrates how thoughtful UX, clear strategy, and disciplined execution can elevate a non-profit organization into a credible, investable brand — even without prior digital presence.
What Worked Well
- Clear navigation structure reduced friction for all user types
- Visual storytelling created emotional connection with the mission
- Strategic platform choice enabled long-term sustainability
