This site uses cookies for statistical purposes. More information.

Pétanque App

Piste. Transforming the digital experience for pétanque player & fans

What is Piste?

Piste is a hybrid Single Page Application (SPA) & Progressive Web App (PWA) that provides its audience with real-time information. Piste differentiates its product offering from competitors by focusing on user-centric design, trust & safety, and outstanding design.

  • Piste Features Mobile-first hybrid
  • Piste Features Offline access
  • Piste Features Fast & Light
  • Piste Features Installable
  • Piste Features Safe
  • Piste Features Re-Engageable

The problem

Previously, players had to search across multiple platforms in order to find information on pétanque clubs and events. Information was often fragmented and incomplete. This resulted in many pétanque players feeling fraustrated at the lack of unity. Therefore, a reliable solution needed to be found.

The Process

Phase 1: Running the Design Sprint

  • Define the challenge in order to bring purpose to the product
  • Wire Flow are used to effectively document the flow of the application
  • Crazy 8's as part of the design sprint process to generate fast ideas
  • Card sorting exercise in the studio with involvment from the team

i. Research & Competitor Analysis

In-depth research and competitor analysis of the existing petanque related and none related products on the market was undertaken.

ii. User Interviews

We selected participants from multiple petanque channels, as well as a variety of additional contributors, to conduct user research interviews. Utilising Typeform we were able to collate relevant data. In addition, we implemented Google Hangouts to conduct remote interviews with participants from different locations, have face-to-face communication, and record the users needs. In doing so, this also exposed any assumptions and knowledge gaps.

iii. Defining the Challenge

This was acheived by gathering all existing information & knowledge connected to the problems indentified by the user interviews.

Questions raised were;

  • What is the product going to be?
  • What is the problem your product is trying to solve?
  • Who is going to be using the product in the future?
  • What will the product look like in the future?
  • What are the motivations for using the product?
  • What are the value propositions of this product?
  • Are there any competitive products, and what do they offer?

iv. User Personas

Lightning User Personas were created to act as a point of reference for identifying the ttarget audience during the project life-cycle. Learn more abour User Personas

  • User Persona

    Jason Ashby, 16

    England Youth Academy

    Goals & Objectives

    • Be able to travel
    • To progress to the top level
    • Win trophies

    Behaviors

    • Actively uses technology
    • Works part-time
    • Independant
  • User Persona

    Scott Bradbry, 27

    England International

    Goals & Objectives

    • To represent England
    • Increase player profile
    • Win at big tournaments

    Behaviors

    • Commits to regular training
    • Plays competively across the UK
    • Focused and driven to succeed
  • User Persona

    David Hayes, 62

    Regional Player

    Goals & Objectives

    • Take part in regular event
    • Find clubs in neighbouring regions
    • Make more memories

    Behaviors

    • Active & outdoors activities
    • Commited to family & friends
    • Active on social medie (Facebook)

v. Turning User Problems into How Might We Questions

The problems were turned into HMW questions

  • How Might We Question
  • How Might We Question
  • How Might We Question
  • How Might We Question

vi. Open & Closed Card Sorting

In order to help develop the Information Architecture & User Flow both open and closed card sorting exercises were undertaken.

By gathering insights on how users may group and catalog information, this provided valuable insights into how a user would expect to experience the product.

Card sorting exercise in the studio with involvment from the team

vii. Introducing the Storyboard

To help design an effective product, it was essential to understand the user’s world. Creating a storyboard enabled us to envision how this particular product could make the user’s experience of finding pétanque information better. The storyboard remained visible during the project lifecycle as a visual reminder of the end-goal.

Storyboarding the idea to align the product with the prototype

Phase 2: Creating an Identity & Visual Direction

Logo Feature
Logo Feature

Typography

Piste Typography

Palette

  • Primary #272D3F
  • Accent #00C3FF
  • Base #F1F1F1
  • White #FFFFFF

Phase 3: Design, Build, Testing & Launch

  • Piste Progressive Web App & Single Page Application
  • Piste Progressive Web App & Single Page Application
  • Piste Progressive Web App & Single Page Application
  • Piste Progressive Web App & Single Page Application
  • Piste Progressive Web App & Single Page Application
  • Piste Progressive Web App & Single Page Application

So, how can I help you with your project?

Get in touch