WILSON LIVE APP DESIGN
I started working on the Wilson Live app in 2020. In the almost five years since, I have been heavily involved in developing the app’s features and leading the front end design. The team that built this was extremely small so I was able to learn the nuances of this type of design in a really unique, hands on way. I was responsible for creating and testing new consumer journeys, building (and maintaining) a responsive template library, and for about 90% of all the content built in the app. With that being said, it’s really hard to put on one page all the work I’m proud to have been a part of ..because there’ve been hundreds of exclusive product releases, stories elevated, and premium giveaways.
The time I spent leading this channel taught me a lot about who I am as a designer, I hadn’t done this type of work before but was instantly drawn to the strategy and storytelling needed to build content across multiple screens. Below is an overview of the branding, navigation, and examples of the three core user journeys.
Because this is a brand app, our marketing stakeholders (and frankly I) were looking for system of wordmarks that were easily identifiable as an extension of Wilson. In addition to the thumbnail version used for the app icon, we created horizontal and vertical lockups to optimize for various in-app and out-of-app assets.
Below is the final app icon as well as the five overview screens found in the App Store.
Here is a look at the main navigation elements of the app. The interface is intentionally very user friendly. It features content tags at the top to filter the type of content in the feed, a locker to house favorited posts, and a large center button that launches the Wilson.com mobile site.
The first of the three core user journeys in Wilson Live is for exclusive drops. This set of widgets features an specialty feed card, full screen (and pinned) countdowns, and multiple lateral detail screens that support static as well as motion assets. This is a very adaptable set of screens that could be designed to give each product release its own branded look.
The second user journey is called a story and functions similarly to the those on social media. Data showed that users would generally stay engaged throughout an entire story (vs dropping off after the first few slides) so we were able to expand on product stories and events in a way we really couldn’t on other channels. The development team also creates hot spots to allow individual elements to be interacted with ..an example of this can be seen in video at the top of the page.
The third users journey is called a challenge. These are “enter to win” assets that allow a user to have a chance at exclusive experiences and products.
If you’re interested in learning more about the app or for more examples please reach out. I could write a lot about this platform, it has been some of the most fulfilling work of my career and I’m really thankful for everyone involved along the way.