App Design / FanHub work example by NCDESIGNED in App Design.
DELIVERED
Research
Persona Development: Crafted detailed user personas representing core FanHub audiences (e.g., casual fans, fantasy league players, and die-hard supporters) to guide design decisions grounded in user needs.
Journey Mapping: Mapped key user flows, such as match-day check-ins, squad selections, and leaderboard tracking, to identify friction points and streamline the overall experience.
Architecture
Site Maps: Structured and organised the app’s navigation to ensure logical groupings of content like fixtures, leaderboards, rewards, and community features.
Content Strategy: Defined a clear hierarchy and labelling system to help users quickly find stats, team info, and game-related updates without cognitive overload.
Wireframes & Prototypes
Wireframes: Developed low-fidelity wireframes to explore screen layouts and user flows, focusing on clarity, ease of navigation, and content prioritisation.
Interactive Feedback: Subtle visual responses like button hovers and loading cues that improve usability and guide user behaviour.
Testing
User Testing: Conducted usability sessions with representative users to evaluate interactions like squad submission and reward claiming. Gathered feedback to refine navigation and improve clarity.
A/B Testing: Tested alternate designs for leaderboard layouts and match tracking features to measure engagement and user preference.
Interaction & Interface Design
Design Systems: Established a consistent design system with reusable components (buttons, cards, icons) to ensure UI consistency across the app.
Responsive elements: Integrated subtle animations such as hover states, point tallying effects, and loading transitions to enhance user feedback and delight.
Accessibility Considerations
Ensured the interface met accessibility standards by applying strong color contrast, scalable fonts, keyboard navigability, and touch-target sizing — making the app inclusive for all users.
Collaboration & Communication
Cross-functional Collaboration: Partnered with product managers, developers, and branding specialists throughout the design cycle to align features with business goals and user expectations.
Design Documentation: Delivered detailed design specifications, annotated flows, and responsive guidelines to support seamless development handoff.
OUTCOME
Since its launch in 2021, FanHub’s innovative approach to fan loyalty has positioned it as a leader in the sports tech industry. The app has attracted over 100,000 users across the UK, rewarding more than 65,000 fans with exclusive prizes—including match tickets, signed merchandise, and unique experiences.
In January 2024, FanHub secured $3 million in funding to expand its platform and elevate fan engagement. The app has been ranked among the UK App Store’s top 10 sports apps and boasts a 90-day retention rate of 41.4%.
To date, FanHub has distributed over 50,000 pints of beer, 3,500 tickets, and nearly 2,500 merchandise items. As it continues to grow, FanHub remains at the forefront of fan engagement—rewarding loyalty and enhancing the matchday experience for football supporters.
SOFTWARE
Figma (design and prototyping) Adobe Creative Suite (Photoshop, Illustrator, InDesign).