Horizon Gear

A user-centered mobile application design for Horizon Gear focused on enhancing the purchasing experience for camping enthusiasts through deep personalization.
UX Design
Branding
Horizon Gear
Date
June 21, 2025
Role
UX Designer

Horizon Gear Mobile App: Designing a Personalized E-Commerce Experience for Outdoor Adventurers

The mission for this project was to move Horizon Gear beyond just selling camping supplies and to start creating a personalized journey for every outdoor enthusiast. I recognized that buying gear is driven by specific needs—not everyone is hiking the Rockies. My work started with deep UX research, where I developed user stories and personas to truly understand our customers' diverse needs, from the weekend car-camper to the long-distance trekker. This critical insight became the foundation for everything. I designed a native mobile app that prioritizes personalization, ensuring the homepage, navigation, and recommendations felt tailored to that specific user. I moved through the design pipeline efficiently, starting with detailed wireframes to guarantee an intuitive flow, then building both low-fidelity prototypes for early structural testing and, finally, delivering polished high-fidelity mockups and a complete, interactive prototype in Figma—a solution that is ready for development and focused entirely on increasing conversion through a trusted, personalized user experience.

Portfolio Showcase

The Voice of the User: Before designing a single screen, I focused on listening. I compiled detailed user stories and created representative personas to capture the needs and motivations of real camping enthusiasts. This output became my guiding north star, ensuring every design feature directly solved a validated user pain point.
Visual display of the core user personas and a few key user stories that guided the mobile app's feature set.
Establishing the Visual Identity: To deliver a seamless and trustworthy brand experience, I first developed a comprehensive sticker sheet. This foundational work finalized the logo usage, color palette, and typography, giving the Horizon Gear app a consistent, professional, and visually appealing aesthetic.
Digital sticker sheet or design system showing the Horizon Gear app's color palette, typography, and primary UI components.
My Blueprint for Intuition: These grayscale wireframes were the structural foundation of the app. By eliminating visual distractions, I was able to focus purely on the flow and hierarchy, ensuring that complex paths—like personalized gear filtering and checkout—were effortlessly easy to navigate.
Low-fidelity wireframes showing the app's structure and information hierarchy for the camping gear checkout flow.
Testing the Foundation, Fast: This was the first playable version of the app! By linking the wireframes, I created a clickable low-fidelity prototype to quickly run early user tests. This allowed me to identify major structural flaws and confirm that my core architectural decisions were sound before moving forward.
Outline of an Apple iPhone
Bringing the Brand to Life: This is the stage where structure met style. I transitioned the grayscale wireframes into fully designed high-fidelity mockups. Using the defined brand system, I applied colors, imagery, and detailed component styles to showcase the final, polished application interface.
High-fidelity mockup of the Horizon Gear mobile app's personalized product recommendation screen with brand colors.
The Final Interactive Experience: This is the developer-ready product. I created this final high-fidelity prototype to be fully interactive, showcasing every screen and transition. It served as the comprehensive tool for final stakeholder sign-off and provides the perfect, pixel-accurate guide for the development team.
Outline of an Apple iPhone