MPH Bespoke Velo Artistry
mph

User Interface & Experience

Preem's cycling web application aims to connect cycling enthusiasts and enhance their riding experience. The app transforms each ride into an event by integrating data and social connections, allowing users to plan, share, and relive every moment. As the creative lead, I defined the product architecture, features, UI component library, and user experience for screen designs and interactions.

UI Component Library

The Preem user interface and screen designs were centrally located in a browser-based index. This setup allowed all components and screens to render fully responsively, providing internal stakeholders with up-to-date references to the state of the product design.

web app teaser website

During the development of the web application, a teaser website was launched to engage interested cyclists, attract media attention, and support investment efforts.

web app prototypes

Screen designs ultimately resulted in fully responsive templates that internal engineers used to build production code. These prototypes offered numerous benefits for user testing, design iterations, and significantly reduced engineering time.

web app visioning

The product feature list was extensive. I developed numerous concepts and iterations for future prioritization based on user testing and feedback from both internal and external stakeholders.