Designing app features that connects you to the physical store
Several new In-Store app features were introduced (and are still in the works) that was built on my recommended UX. In-Store Maps is an example.
The shift to customers shopping online continues to lead to less traffic at the physical brick-and-mortar stores.
Yet strictly shopping online has it’s disadvantages: customers want to be able to see, feel, or try-on the products and not having the colleague-to-customer interaction is a pain point.
Redesign the iOS App’s In-Store Guide. That will streamline the layout and introduces new features to connect the app customer to the store.
I collaborated with several cross-functional Product, Marketing, and iOS engineering teams to gather business requirements, ideate on several iterative wireframe and user-flow solutions, and understand how to work within the underlying code stack to propose updates.
Worked with several product managers across Bloomingdale’s and Macy’s to gather Localytics data and other metrics to determine design solves.
Collaborated and drafted a usability study with my product manager and our 3rd-party research vendor to gather user feedback on our Store Maps pilot.
Met with numerous store employees in New York and San Francisco, including floor associates, style experts, and managers, to understand store colleague pain points and rapid-test proposed design solutions for some of the In-Store features.
Co-authored a survey study with my UX peer and our Customer Insights team to determine how to brand our In-Store Guide tools.
Example user flow for an App as personal ID project: for customers picking up items they bought online at the store, they can easily get an app notification, which allows them to pull up their Quick Pickup order when they’re near or at the store, and have an immediate barcode scanned by the store colleague.
This also required rearchitecting the App’s Order Details screen hierarchy (which lives in Account) from previous legacy standards. Research showed that Buy Online Pickup In-Store customers were also trying to access their Quick Pickup Order, and subsequent barcode, through their Account. Extensive UX work was done to identify the existing order history logic rules and then logically restructure the screen to remove redundant invoice messaging, then reorganize and streamline the content.
The live screens from In-Store Guide, following UX recommendations. Fig. 1 -Your Pickup Orders widget appears in the In-Store Guide; Fig. 2 - Details on a specific pickup order with 2D barcode; Fig. 3 - Orders that are partially ready to be picked up, with a 1D barcode. UI design is credited to our UI Creative team.
Increase engagement/usage of App while in a Bloomingdale’s Store.
Increase in-store sales through the app.
Store Maps was released as a pilot with a handful of store locations. A usability study was conducted by our 3rd-party research firm. They noted that users had an overall positive experience with the feature, and highlighted the biggest desire to Search within Maps (which I had to back burner due to resource constraints), and there were very few defects noted. Next steps are to address the defects, scale Maps to all stores, and continue to build additional map features.
After a quick adoption of the Buy Online Pickup In Store Quick Pickup feature, it was scaled to all stores across the app. Next steps are to holistically reassess our app notifications for future in-store app announcements.
Initial discovery concepts for the Store Maps designs.
Sample iOS user flow of the Store Maps interaction, which was largely inspired by Google and Apple Maps. Over time, I had to park some ideas for Map functionality to meet the MVP, such as Search and the floating action button.
With development resource constraints the final iOS user flow for Store Maps was simplified to display the floor level selection above the map. The bottom drawer and store directory were also streamlined for the MVP.
Some example scenarios for when the user is on a Product Details Page and is afforded the ability to locate the product on the availble Store Map.
Today’s live Store Maps, powered by the UX functionality. Maps built by PointR. UI design is credited to our UI Creative team.
Displaying product recommendations on the In-Store Guide was another improvement to bridge the gap between the customer’s online and store browsing habits.