57hours
Revamping an outdoor adventures website for
long-term growth.
OVERVIEW
57hours is an outdoor adventures booking platform. As a member of the early design team in 2019, I helped create the product from scratch. Three years later and 4x larger, this is a link the company recognised the need for a front-end redesign to address accumulated inconsistencies, reduce maintenance costs, and ensure scalability. I was hired for a redesign project.
Aligned with the company’s main goal of increasing the time people spend outdoors, we leveraged data analytics and existing user research to increase performance of the key pages and develop a design system that will support the company’s future growth.
OUTCOMES
62% dropoff decrease
20% revenue increase
Relaunched successfully in March 2023 after a three month product sprint.
Homepage
To reinforce brand values and offerings, we designed the homepage that felt more like an inspirational travel magazine than a standard eCommerce site. We leaned into video content, attractive visuals and interactions to leave a stronger impression on the users.
Search
The mobile-optimized search functionality highlights the popular queries and minimizes the clicks needed to reach a goal, quickly guiding users to pages where they can refine results without dead ends.
Adventure details
The adventure details page layout was optimized to use the screen space efficiently and improve the visibility of important information that often leads to support inquiries. The page’s responsiveness was enhanced to improve the low conversion rates due to poor mobile experience.
Design system
Finally, a design system was established that enables 57hours to create and deploy a consistent digital experience for users across their product. Accompanying this system is comprehensive documentation to facilitate its seamless integration by their in-house team.
NEXT STEPS
Title 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Title 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- This is an example of a numbered list
- This is an example of a numbered list
- This is an example of a numbered list
- This is an example of a bullet list
- This is an example of a bullet list
- This is an example of a bullet list
TESTIMONIAL
His easy communication, adaptability to our needs, and direct approach made working with him a breeze. Mateo effortlessly captured the essence of our company’s philosophy, reflecting it beautifully in the design. His exceptional design skills were evident in the visually stunning and functional website he created for us, exceeding our expectations.
Alberto Ojembarrena
Ceo, Amarok adventures
Team: Viktor marohnic, Perica Levatic, Borna Perak, Nikola Cvitkovic, Marko Gereczy • Photos: Alberto Ojembarrena, Unsplash
NEXT PROJECT
