Bassmaster had an increasing portion of their user base accessing their content via mobile devices but offered very little optimized experiences for those users. With my team at Phase2, we collaborated with Bass to plan, design, and build an iOS and Android app that delivered the latest news, photos, and tournament information in an easily digestible format.
I started by building a greyscale interactive prototype of key screens and functionality. This let us get feedback from the client on how specific interactions would work, plan how their content would be structured, and test how pulling in content from their feeds affected layout.
Bassmaster had many types of content it needed to display in their main news feed. I designed an adaptive tile system so that each news item in their the feed appeared uniform and adapted to its background regardless of how rich the the feed content was.
If the tile had a featured image associated with it, we'd make that full bleed in the background and use design elements to make sure text on top was still readable.
If a news item had no featured image, we would still display the tile at the same height as the photo tiles, but reverse out the color scheme.
When there is a live tournament in progress, we display a tile at the top of the feed with a standard background and quick links to most visited tournament pages.
For the visual direction, I wanted to feature the great photography that Bassmaster used to accompany their articles and blog posts while still being mindful of the limited available space on mobiles. We pushed the photography to the full width of the screen, and used adaptive overlays to ensure significant contrast behind the text of each content type.
The BassNews app will be appearing on iOS and Android in the near future.
We helped Bassmaster create a real-time tournament tracker, BassTrakk, to let fans keep up with anglers and each of their catches during tournaments.
The tracker uses GPS to show locations of anglers and also displays spots where they've made a catch. Users can view totals of each Angler and choose which ones to display on the map at any given time.
Even with some initial controversy, BassTrakk increased traffic to their site during tournaments and gave fans a way to keep up with each tournament using interactive maps.
To check out the real thing, Bassmaster usually features Basstrakk during major tournaments on their website.