]
puff.svg
logo4-1.png

Homepage Web and Mobile Designs : GoPro

PROBLEM:

While GoPro has an amazing brand with incredible community strength and following, the homepage was aging and not optimized for other form factors. Customers were seeking out reseller sites (over gopro.com) itself for purchasing purposes and activities.

 

SOLUTION:

Worked with product management on research into customer behavior and desires to build concepts around a mobile optimized and brand driven site that was responsive and integrated the community aspect in a much more prevalent way.

 

MY ROLE:

Lead interaction and visual designer who worked closely with product manager as well as higher level stakeholders.

Process began with an understanding of both business requirements and most importantly our customer. We did a deep dive into a current market analysis (from third party vendor) and decided to focus on a couple of key user types - the 'extreme adventurer' and 'hardcore enthusiast'.

MC_98.jpg

After a number of informal whiteboarding sessions, we move into building an ecosystem map.. where we took the time to understand how the various parts of our business might play into an actual homepage strategy. One example artifact is below.

MC_99.jpg

Finally, after a number of brainstorming and loose whiteboarding sessions, we quickly started working on a mobile first strategy that spoke to our 'on the go' typical GoPro persona - an avid outdoor enthusiast who might access the site casually while on a trip. We experimented with a number of feasible layouts for this persona that focused on their key activities (identified from the research)... 'watch', 'shop', 'join' etc..

MC_100.jpg

We also extended the explorations to desktop... as many users would go through awareness/discovery phases on mobile, but move into desktop as their purchase consideration became more serious.

GoPro_homepage_wires.jpg

And finally.. moved into high fidelity visuals for both mobile and web..

GoPro_mobile_highfidelity.jpg
GoPro_web_highfidelity.jpg