Segflow is a growing suite of web tools designed to address real-world challenges in grassroots sport and leisure. Each tool is built to simplify everyday processes, remove friction, and unlock new value for organisers, players, and participants.
Grounded in user research, Segflow focuses on specific workflows, identifying pain points and reimagining them through accessible, purpose-built digital solutions. The result is a set of intuitive, responsive tools that reflect a hands-on, practical approach to design and development.
Image of work flow (Research -> Design -> Live Tool)
A mobile-first web app designed to streamline and improve the user experience of making football predictions within an office league.
Football
UX Research
Figma
HTML / CSS / JS
Mobile
For the past few seasons, I’ve taken part in a football predictor league run by a friend for fans of my team, Middlesbrough. While it’s all for fun, the process of submitting predictions via Excel spreadsheets had become frustrating for both participants and the organiser. I decided to explore a better way to run the game by designing and building a prototype web app that simplifies the experience—especially for less tech-savvy users.
I set out to build a tool that:
Importantly, the prototype still exports an Excel file to maintain compatibility with the current system, but this can evolve with organiser input.
“I would definitely use this for next season’s challenge.”
“Love the visual colour change of the fixtures based on the result I predicted.”
“The season report is a great overview of my predictions—definitely too optimistic!”
A web tool designed to visualise age-graded running data to create meaningful insights and goal-driven progress.
Running
UX Research
HTML / CSS / JS
Mobile
Desktop
Tag Running is a web-based concept designed to reframe how recreational runners—particularly aging or returning athletes—track and interpret their progress. While running is an inherently personal pursuit, our understanding of achievement has become heavily stat-driven. Yet, as Good Run Guide describes, many runners find that once their peak personal bests are behind them, it becomes difficult to benchmark progress or maintain motivation.
Tag Running reimagines this experience by focusing on True Age Grading—a system that adjusts run times based on age and gender but presents the data in a more accessible, visual, and emotionally resonant way.
Limited Visibility and Usability
Age-graded times exist but are buried in single columns on sites like Parkrun or tucked away on outdated platforms with poor UX.
Lack of Motivation for Most Runners
The current system focuses on elite comparisons (world record pace) and provides little encouragement for new or mid-tier runners—especially anyone below a 60% grading, who sees no actionable insight.
Disconnect in Data Relevance
Parkrun’s grading model doesn’t reflect the unique difficulty of different courses. A flat 5K isn’t the same as a hilly trail run, so runners feel a disconnect between how they feel and how they score.
Opaque Grading System
The difference between 61% and 68% is unclear, and there’s no narrative or feedback to help runners improve or set goals. The system lacks context, clarity, and continuity.
User Discovery
Analysed how runners engage with Parkrun—searching by course, gender, age, and start time. This informed the filtering system. Acknowledged accessibility concerns around binary gender collection in the source data.
Visual Storytelling
Replaced dry data tables with a dynamic chart that offers clarity at a glance. Inspired by sports performance apps, the visualisations and messaging are designed to feel empowering rather than judgmental.
UI & UX Considerations
Incorporated Parkrun’s colour palette to maintain familiarity, with light-touch branding that feels like an extension of the existing ecosystem. Microcopy and alert messages help set user expectations, particularly where data is missing or skewed.
Scoring Over Percentages
Introduced a new scoring system—a higher, more abstract number that tracks personal growth in a gamified way, providing motivation even below traditional performance thresholds.
Course-Specific Benchmarking
Users can search and compare performance by Parkrun course, with historical age-graded data visualised clearly.
Personal Growth Insights
The system contextualises a user’s current level—local, regional, or national standard—with potential to track improvement over time.
Visualised Goal-Setting
Instead of vague targets, runners receive tangible goals (“Drop 2 minutes to hit next tier”) linked to future runs or training blocks.
UX Writing to Support All Levels
Carefully written microcopy encourages all users, particularly beginners or those returning after injury or time off.
Data Expansion
Complete collection and cleaning of Parkrun course data across a wider sample to ensure national coverage.
Training Integration
Link results to tailored training plans (e.g. “Drop 2 minutes in 6 weeks” prompts with a suggested program).
Local Club Integration
Based on the user’s level and location, suggest relevant running clubs to support next steps in real life.
Social Features
Explore ways for users to share results as graphic summaries—ideal for personal milestones or social accountability.
Edge Case Testing
Resolve limitations in the current scoring system (e.g. handling 99:99 finish times or extreme outliers) to ensure robustness across all data inputs.
A web tool designed to help football match organisers build fair, balanced teams with ease.
Football
UX Research
HTML / CSS / JS
Desktop
My old football club has run weekly social matches for over 20 years. After the long-time organiser retired, his manually maintained database of player ratings and positions was lost—along with the ability to create balanced teams. With talk of moving to a fully randomised system, I built a prototype web app to help the new organiser generate fairer teams based on historical data, using a more visual and user-friendly interface.
A desktop-first companion web app designed to modernise and streamline the experience of playing a classic board game.
UX Research
Figma
HTML / CSS / JS
Desktop
I researched, designed, and built a modern web app version of the Wembley 2016 board game using HTML, CSS, and JavaScript. The goal was to preserve the nostalgic value of the original while solving long-standing usability and relevance issues. The live site replaces outdated, often misplaced physical components with a dynamic, customisable digital experience.
Complexity: Cumbersome rules and fiddly mechanics (especially money distribution) slowed down gameplay and frustrated players.
Dependence on Physical Components: The game relied on custom dice and hard-to-find rule books—making it unplayable if anything was missing.
Unfair Mechanics: Dice outcomes felt unbalanced, and team strength lacked transparency, affecting fairness.
Outdated Elements: Team lineups became obsolete quickly due to promotion and relegation in real-world football.
User Experience First: Created wireframes focused on how players choose teams—prioritising alphabetical ordering, visual clarity, and intuitive layout.
Modern Interface: Drawing inspiration from football apps and live broadcasts, I introduced updated club badges, player ratings, and a clean, football-fan-friendly interface.
Enhanced Gameplay Context: Key gameplay variables—like international stars, game rules, and available funds—are clearly presented before kickoff to reduce confusion mid-game.
Customisable Mechanics: Dice rolls, team selection, and gameplay elements are now fully customisable, allowing for up-to-date seasonal versions and flexible rule sets.
“Love the modern feel, especially the updated club badges.”
“Made playing so much easier—no more fumbling with money or dice.”
“Feels like waiting for scores on the telly again—nostalgic but smoother!”