Arc'xplorer

Inspiration

This project was inspired by our experience working in retail and our active lifestyles. We noticed that one of the major pain points customers had when shopping was finding the right item for their specific use case. We integrated that idea with gamification of wellness through achievements and badges. The result is a cohesive shopping experience that not only builds community, but also ties in real world experiences with omnichannel spaces.

What it does

Through a social-media feed inspired home page, users can see real world use cases for Arc’teryx products. This helps shoppers who are looking for products specific to activities (think hiking, skiing, etc), or simply products that look good on people in the real world (we can all think of a time where a product did not look the same online as in real life).

Users can click on images to see the specific product breakdown and more tailored photo galleries. An easy access shop button brings users to existing product pages on the shop tab, making use of the current app design while streamlining the shopping experience. The tailored photo galleries can be integrated into stores via QR codes and the online website as well.

To promote health and wellness, users can earn badges and achievements by posting photos of themselves in Arc’teryx gear while participating in various outdoor activities. This is an engaging way of supporting active lifestyles, while encouraging users to show off their gear and their different use cases.

How we built it

Our product uses Figma to redesign the Explore page in the existing Arc'teryx mobile app. We make use of the app’s existing design and functionality to integrate our idea. This emphasizes the feasibility and scalability of implementing this solution.

Challenges we ran into

Our team initially planned to implement our design in a React Native app and add in Computer Vision to assist with sizing recommendations. However, one of our developers withdrew during the start of the hackathon and we had a lot of trouble implementing the Computer Vision model we wanted to use. Without enough time, we were not able to fully develop the React Native frontend, so we opted for a high fidelity Figma prototype instead.

Accomplishments that we're proud of

We are proud of the solution we came up with and believe that it can successfully integrate omnichannel experiences, engage customers and promote wellness.

What we learned

As developers without a design background, this was our first time making any sort of functional prototype in Figma. We learned that designing is extremely fun and relaxing. It is so rewarding to see your vision come to life without the frustrations that come with code! When it comes to AI/ML, installing the required libraries and dependencies can be extremely challenging and time consuming. Make sure you are using a model that is maintained or one that you have used recently to make sure it works.

What's next for Arc'xplorer

This is a solution that we believe is scalable - there is so much you can do with it! This includes monthly challenges related to wellness that rewards users with exclusive badges, implementing the computer vision sizing functionality we originally planned, and much more.

Built With

• figma
• python
• react-native