Truite Area Cup
Project
Roles
Duration
- Website
- Research
- UX/UI Design
- Front-end
- 1 week
A website for an international fishing tournament,
open to everyone, taking place all around
France, Belgium, Luxembourg and Italy.
Context
In February 2021, Truite Area Cup was acquired by FishingTheSpot with the objective to make it a staple of the fishing contest industry.
It already had a small but loyal following and two prior seasons to show for but no online presence beside an outdated website and a Facebook page.
Problems
The contest suffered of an outdated image and didn't attract the new generation of anglers. It was in dire of need of a younger and dynamic look.
An other issue was the booking system. The only ways to attend the event were either to contact the organizer or to go to the location directly. The number of participants being limited, people would potentially be going for nothing.
Finally, the contest promotes no-kill fishing. But many of the participants were showing up with inappropriate gear. It was crucial to communicate clear and accessible regulations.
Team & Role
The team consisted of a back-end developer, a front-end dev and myself as the product designer, also helping out on the HTML and CSS.
As the sole designer, I oversaw the entire design of the product from initial ideas stage to development including research, ideation, information architecture, user flows and UI design.
Results
Number of participants
+ 204%
Revenue
+377%
Fully booked events
32
Design process
After a few days working on the project, we figured that we should separate it in two parts: a website for promotion and booking, and a mobile app to run the events and follow them.
Our goal was to build a tunnel-like website that could:
1) help the users understand what the Truite Area Cup is all about,
2) allow the users to sign-up for one or multiple contests and for one or multiple persons,
3) give visibility to the sponsors and drive new ones.
User flow
To kick-start the project, I relied on interviews with both the stakeholders and various participants to the contest.
I was then able to identify their pain points and core needs to map out the ideal user flow.
Home page
The objective of the home page was to promote the Truite Area Cup key values: playfulness, accessibility and dynamism.
This was accomplished through the use of heavily rounded corners, big beautiful photos and contrast.
Sponsor page
In order to improve sponsors' visibility and drive new ones, we create a dedicated space. Each sponsor gets a page with links to their website and social medias and a presentation of their brand.
Our goal was to tell users that they could compete against the pro staff of their favorite brands. We included portraits of the sponsors' participating staff.
FAQ
During the research phase, I noticed that some of our users were having questions about the technical aspects of the competition: format, duration, authorized gear etc. I gathered the most frequent ones and created this page to answer them.
Booking a date
After testing several wireframes, we chose to have a unique page to show available dates and checkout, given that only four dates would be open to book at the same time.
Listing events directly on the checkout page prevents users to go back and forth, avoiding unnecessary actions, reducing rebound and loading time.
Date booked
We created a joyful congratulations page, summarizing booking details and pointing to the Truite Area Cup app download page.
