Pickup Location Selection
Adding Flexibility to the Checkout Experience
Industry
Health & Nutrition
Client
Herbalife
Scope
UI/UX Design
Company
Strategy CX
Pickup Location Selection
Adding Flexibility to the Checkout Experience
Industry
E-commerce / Retail
Client
Herbalife
Scope
UI/UX Design
Company
Strategy CX
In India’s fast-growing e-commerce market, delivery flexibility is becoming a key competitive advantage. While home delivery remains the default, customers in dense urban areas often prefer collecting orders from nearby pickup points to avoid missed deliveries, coordinate with their schedule, or save on delivery fees.
The challenge was to integrate Pickup Location (PUDO) into the Address Step of checkout in a way that was intuitive for new users, efficient for repeat buyers, and consistent across guest and logged-in flows. The solution had to allow users to discover the option easily, search locations quickly, apply filters, and confirm their choice without adding unnecessary steps to checkout.
In India’s fast-growing e-commerce market, delivery flexibility is becoming a key competitive advantage. While home delivery remains the default, customers in dense urban areas often prefer collecting orders from nearby pickup points to avoid missed deliveries, coordinate with their schedule, or save on delivery fees.
The challenge was to integrate Pickup Location (PUDO) into the Address Step of checkout in a way that was intuitive for new users, efficient for repeat buyers, and consistent across guest and logged-in flows. The solution had to allow users to discover the option easily, search locations quickly, apply filters, and confirm their choice without adding unnecessary steps to checkout.
Choosing the Delivery Method
The first step was making pickup as visible as shipping. Instead of hiding it in secondary menus, we designed a two-option toggle at the top of the Address Step:
• Ship to My Address
• Pick Up from a Nearby Location
Each option is given equal visual weight to encourage discovery. For new users, an inline description and tooltip explain the benefits of pickup—like faster availability or convenient hours—without requiring them to leave the flow.
This structure creates a clear decision point early on, setting the stage for a focused, guided selection experience.
The first step was making pickup as visible as shipping. Instead of hiding it in secondary menus, we designed a two-option toggle at the top of the Address Step:
• Ship to My Address
• Pick Up from a Nearby Location
Each option is given equal visual weight to encourage discovery. For new users, an inline description and tooltip explain the benefits of pickup—like faster availability or convenient hours—without requiring them to leave the flow.
This structure creates a clear decision point early on, setting the stage for a focused, guided selection experience.
Searching for Pickup Locations
Once pickup is chosen, the user is taken to a search interface designed for speed and clarity. Users can search by city, PIN code, or full address, ensuring flexibility whether they start broad or precise.
The results are displayed in both map and list view.
• List view offers quick scanning of details like location name, address, distance, and open/closed status (using color-coded tags).
• Map view helps users visually evaluate proximity, especially useful in urban areas where distances can be deceptive.
Selecting a location instantly saves it and updates the Address Summary in real time—no extra confirmation screens needed.
Once pickup is chosen, the user is taken to a search interface designed for speed and clarity. Users can search by city, PIN code, or full address, ensuring flexibility whether they start broad or precise.
The results are displayed in both map and list view.
• List view offers quick scanning of details like location name, address, distance, and open/closed status (using color-coded tags).
• Map view helps users visually evaluate proximity, especially useful in urban areas where distances can be deceptive.
Selecting a location instantly saves it and updates the Address Summary in real time—no extra confirmation screens needed.
Refining the Results
To help users make a faster, more relevant choice, we implemented contextual filters:
• Distance range (e.g., within 2km, 5km, 10km)
• Real-time availability (open now)
• Opening hours for scheduling convenience
These filters appear at the top of the results and update dynamically. This reduces the number of locations to browse, streamlining the decision process. The layout is built for scalability—future filters like pickup partner type or delivery speed can be added without redesigning the interface.
To help users make a faster, more relevant choice, we implemented contextual filters:
• Distance range (e.g., within 2km, 5km, 10km)
• Real-time availability (open now)
• Opening hours for scheduling convenience
These filters appear at the top of the results and update dynamically. This reduces the number of locations to browse, streamlining the decision process. The layout is built for scalability—future filters like pickup partner type or delivery speed can be added without redesigning the interface.
Persistent Confirmation
Once a location is chosen, it’s displayed clearly in:
• Address Summary during checkout
• Final Order Summary before payment
This confirmation is not static—users can click “Change” at any time to return to search and select a different pickup point. This ensures flexibility without forcing them to start over.
By making the selection persistent yet editable, we reduce user anxiety about committing too early and avoid costly order changes after purchase.
Once a location is chosen, it’s displayed clearly in:
• Address Summary during checkout
• Final Order Summary before payment
This confirmation is not static—users can click “Change” at any time to return to search and select a different pickup point. This ensures flexibility without forcing them to start over.
By making the selection persistent yet editable, we reduce user anxiety about committing too early and avoid costly order changes after purchase.
impact
The redesigned Address Step transforms pickup from a hidden alternative into a primary delivery method. It improves conversion for customers who prefer self-collection, reduces failed delivery attempts, and supports logistics cost savings.
From a UX perspective, the flow is:
• Discoverable – Pickup is visible from the start.
• Efficient – Search, filter, and select in one interface.
• Reversible – Users can change their mind anytime.
This approach makes delivery flexibility a standard part of the checkout experience, aligning with customer expectations and business efficiency goals.
The redesigned Address Step transforms pickup from a hidden alternative into a primary delivery method. It improves conversion for customers who prefer self-collection, reduces failed delivery attempts, and supports logistics cost savings.
From a UX perspective, the flow is:
• Discoverable – Pickup is visible from the start.
• Efficient – Search, filter, and select in one interface.
• Reversible – Users can change their mind anytime.
This approach makes delivery flexibility a standard part of the checkout experience, aligning with customer expectations and business efficiency goals.