Mobile-first product design

Agile design for a clubhouse app.

I worked closely with client stakeholders and led a junior designer to deliver a mobile-first product design system for Clubland. An all-in-one content hub for rugby clubs, bringing together players, coaches, managers, and supporters into a seamless digital experience.

Year

2023

Clients

Aginic / Clubland

Challenge

Building clarity from inconsistent user flows and design screens.

While Clubland had a solid vision, their previous designs consisted of a few fragmented screens, unclear information architecture, and inconsistent visual patterns. It was missing solid user flows in place, making it hard for clients, investors and development team to fully realise the product’s potential.

More than just improved screens; they needed a cohesive and tangible solution. Our objective was to bring structure, clarity, and consistency to transform scattered ideas into a meaningful, interactive prototype, all within a high-velocity sprint.

Process

Aligning vision with agile and design thinking.

Rather than jumping straight into the tools, we started setting up the foundations for design thinking and agile.

We kicked things off with a discovery workshop to align expectations, define guardrails, and plan the sprint roadmap. We ran exercises around identifying opportunities, prioritising features, mapping user stories, and building out the core flows.

From there, we also arranged three users engagement sessions to validate designs and collect feedback on priority use cases. We also ran a mid-sprint alignment session to reassess direction and ensure the final sprint days were focused on delivering value.

Solution

Leading design execution and mentoring in a fast-paced sprint.

Along the engagement, There were multiple hats to wear: client engagement lead, design mentor, delivery manager, and hands-on designer. We worked across Figma to design the prototype along with Miro to facilitate workshops and organise project information.

We designed a responsive, high-fidelity, interactive prototype that could support white-labelling features. We also introduced responsive layout systems that made the product feel cohesive across mobile and desktop. In the final Showcase, we had a validated product design, delivering the clarity and confidence needed for Clubland team to keep evolving.

Results

Product direction back on track in a fortnight sprint.

In just a couple weeks, we brought Clubland’s vision back to life. Designing with key users in mind, and building out an interactive, high-fidelity experience that reflected their needs.

The interactive prototype featured a mobile-first structure, responsive logic and the ability to white-label the platform.

Our showcase session marked a strong wrap-up, allowing us to celebrate a clear direction for future development.

Takeaways

Scaling product design with agile.

This engagement is a great example of the value of agile and design thinking in Practice. With the right mindset and process in place, even the shortest sprint can generate massive progress. Being lean on design delivery made the work more impactful, and committed.

This project reinforces that good designing isn’t just about pretty interfaces, it’s about prioritise efforts to generating momentum, clarity, and leaving something people can actually use.

      • Defined key user groups and core user flows
      • An user validated, mobile-first, high-fidelity prototype. ready for development.
      • Branded components for white-label-enabled product interface
      • Sitemap and navigation
      • Responsive design framework
      • Custom app icon