Vereint
Website to search for a sport’s club
Developing a website that simplifies the search for a sport’s club using User Experience techniques. This project was conceived in a team during an advanced training course in UX/UI Design with Adobe XD.
- Techniques
- User Survey per Google Forms
- User Persona & Customer Journey
- User Flow
- Wireframing and Prototyping
- UI Design
- Usability testing
Empathize
Premise
The idea of working out together in a sport’s club originated in 1836 –
unfortunately a lot of sport’s clubs websites look almost as antiquated.
Our solution is to develop an application, which suppprts people in finding
a sport’s club near them, read up on possible kind of sports and easily get in
contact with fitting sport’s clubs.
- Techniques
- Market research
- Analyzing demand using surveys via google forms
Define
Target group
Primary:
Athletic people, who are interested in joining a sport’s club near them.
Secondary:
Sport’s clubs looking to further their reach to increase the number of memberships.
Personas
We established three personas:
— Person, who is looking for a sport’s club for themselves
— Parent, who is looking for a sport and matching sport’s club for their child, wanting to compare them.
— Sport’s club manager/coach who is looking to expand his club’s reach online to gain more members
- Techniques
- Personas
- Epics
- User Stories
- Customer Journeys
Andrea, 56
Self-employed lecturer
After only doing her daily workouts alone at home, Andrea is looking to get into canoeing as an outside acitvity and get to know new people.
User Story
“I want to book a trial lesson at a nearby canoeing club, to find out if this club fits my requirements.”
Mark, 25
Judo-coach
As a new coach at his judo-club, Mark wants to rejuvenate the club with new members and is looking to expand his clubs reach online.
User Story
“I want to create a profile for my sport’s club, potential new members are able to find and contact us easier”
Paula, 36
Single mother
Paula wants to look for an appropriate sport for her 6-year old daughter and be able to compile and compare her findings to make an informed decision.
User Story
“I want to find a fitting sport for my daughter and be able to compile and compare my findings to discuss them together with her.”
User requirements
Overall description
Website that simplifies looking for a local sport’s club
Main application
Searching and comparing various sports and sport’s clubs.
Product description
Supports the user in finding a sport’s club near them. Recreational as well as
competitive athletes can use the filter-options to specifically search for suitable
sport’s club and compare them. People with little to no experience with sport’s clubs
can also check out different kinds of sport to find a fitting one.
- Main functions
- Search function
- Filter
- Maps
- Overview / Comparing sport’s clubs
- Secondary functions
- Set up appointments for trial sessions
- Calendar: Events, open house, etc.
- Give / Look at feedback
- Contact coaches
- Filter
- Location (maps)
- individual / team sport
- Indoor/Outdoor
- Sport category (e.g.: ball sports, martial arts…etc.)
- Type of sport (e.g.: Judo, volleyball…etc.)
- Age group (Children, Teenager, Adults, Seniors)
- Performance level (beginner, advanced, recreational, competitive…etc.)
- Time of practice
- Cost
- Gender (Women, Men, Mixed)
Ideate
Developing design solutions, ideation
- Techniques
- Card Sorting
- Flow Charts
Brandfilter
- Look & Feel Tonality
- personal
- dynamic / active
- young / modern
- friendly / communal
- “in motion”
- Directing users and navigation
- clear menupoints
- call to action
- simple orientation
- easily understandable instructions
- Mobility and Interaction
- small animations highlighting actions
- contact form
- calendar
Prototype
Implement developed ideas into a prototype
Testing
Our participants were given the task to find a casual canoe sport’s club near them and book a trial session. Afterwards they were given a survey and had to evaluate functions, navigation, usability, and design
- Techniques
- User testing with small groups
- Create survey with google forms
- Evaluation of survey and conclusion
Conclusion
- structure, usability and navigation were coherent for most testers
- Use of color and hierarchies of content was critizised for being too random
Next steps
- Put missing navigation functions in place
- Revise use of colors, harmonize design
- Rework hierarchy