Area Availability Popup - Ecom
Customizable popup on an eCommerce Platform for Grocery Retailers- back office control incloding customization options and front design
Made in collaboration with PM Or Groer for Stor.ai
des 2023
The Needs:
- Design an Area Availability Popup for all site’s platform
- Create a user experience that is convenient and inviting for the end-user on the site.
Visibility by brand for each retail separately
The solution:
- Inviting and intuitive pop-up design for the end user
- Adding division into tabs by delivery method
- Designing a convenient interface for the retailer in the back office system to control text, colors, and images, allowing them Adapt the design language to the brand
A project that provides a comprehensive solution
- Support for three different template
- Desktop, mobile web, and App
- Display for new and returning customers
- Provide a look for one shipping method or two different shipping methods
- View different results pages: one store found, more than one store found, or no store found for the address.
- Support for different languages on the site
- Option to customize the text, colors, icons, and images for all scenarios and create a default of all the above.
Back office support
Creating an interface that allows retail to control content and visibility for all possible scenarios and different search results. Option to customize or choose a default layout and preview.
General settings
These settings will affect the overall appearance of the pop-up window in all different modes and scenarios. Where you can set the color of the header, the names of the tabs and their color, and more.
In these settings, you can change each line of text and each image that appears in the popup according to user type, delivery method, and search results.
Customization by user type and different scenarios
Mobile
Popup appearance design on mobile - default display for all trailers (default color will be based on each retailer's dominant color)
Desktop
Popup appearance design on desktop - default display for all trailers
support only one shipping methoed
Popup appearance design on Mobile and Desktop if the retailer has only one shipping method on the site- no tabs needed
