Thumbnail image of Shawn

Shawn Willings

Stroll - logo

Enhancing human connection through seamless app design.

Toronto, On.

July 2023

IMCBA

Stroll - Promotional Banner

/01 Context

UX Design
UI Design
Prototyping
Promotional Material

Stroll is a mobile app designed to revolutionize in-person meetings by blending productivity tools with the simplicity of walking conversations. The app captures notes, photos, audio snippets, and action items, and promotes genuine relationships through shared strolls.

Shawn was brought in after the initial wireframes were completed. Taking a step back, he started by developing detailed user flows to highlight possible interactions and streamline the app’s structure. This approach ensured the app would be intuitive for users while remaining feasible for developers. The design was aligned with the Ionic library, setting parameters for aesthetics and functionality.

Shawn then produced refined wireframes and converted them into a prototype to validate user experience and test features. After receiving the branding guide, Shawn integrated the style into the app’s skin and presented design concepts that aligned with Stroll’s vision. The final product was successfully introduced at events such as Start-Up Fest, where it fostered real-time networking and business connections among participants.

Stroll - User flow diagram

/02 The Experience

Rewiring the Flow – Where Design Meets Interaction

Taking over the project, Shawn redefined the app’s layout by establishing user flows that emphasized clarity and seamless interaction. This backward approach from the user’s perspective ensured that every feature fit naturally into the overall app flow.

Stroll - Figma interface flow idea
Stroll - Axure user flow and wires

From Ideas to Interactive Reality

Working within the Ionic library framework, Shawn developed detailed wireframes and prototypes that explored different features and interactions. These prototypes allowed the team to test the functionality, troubleshoot challenges early on, and refine the app’s experience before full development.

Shawn also incorporated the brand’s visual identity into the app’s UI. After receiving the branding guide, he designed multiple skin concepts that reflected the brand’s style while maintaining user-centric design principles. These designs ensured that the app was not only functional but also visually engaging and consistent across all touchpoints.

Stroll - Wireframes
Stroll - Figma component library

From Trade Show to Triumph

The refined app looked great and performed exceptionally well in practical settings. At Start-Up Fest, it became an invaluable tool for connecting entrepreneurs, fostering business relationships, and demonstrating Stroll’s real-world impact.

/03 Outcomes

The Stroll app successfully achieved its purpose, becoming a valuable tool for enhancing networking at events. Shawn’s contributions ensured the app was intuitive, development-friendly, and visually aligned with the brand’s identity. The client was pleased with the product’s performance, and the app’s impact at trade shows demonstrated its ability to bridge gaps between people, creating genuine connections through technology.

Stroll - Promotional banner