An internal project

1. Retail app
User study

2. Personas
The different type of users targeted

3. The Caring Mother
Julie Mathew (35 y.o)
About Julie:
Julie is a working mother with 2 children, balancing her job and personal life.
She often maintains a shopping list and visits the store on a monthly basis.
She searches for the right store considering the cost and at the same time
not compromising on the quality.
“
”
I wish to spend more time with
my children and less time for shopping.
How she measures:
Mobile friendly
Frequent shopper
Cost sensitive
Social
Travel/Explore
Pain Points:
• Time consumption due to long queues and searching for the products
within the store.
• Reviews of the products.
• Unaware of the discounts and coupons.

4. The Explorer
“
”
I travel frequently and finding a
store near by is my biggest concern.
Lyn Fernandez (28 y.o)
About Lyn:
Lyn is in Sales, and an avid traveler. He has an smart phone and uses it to
explore his new locality and explore new places. He is not a frequent
shopper but one who visits the store when in need.
How he measures:
Mobile friendly
Frequent shopper
Cost sensitive
Social
Travel/Explore
Pain Points:
• Locating a store where he is located.
• Time consumption in searching for the products within the store.
• Gathering contact information of the store.

5. “
”
I travel frequently and most concerned
with finding a store near by.
The Social Butterfly
Nancy Thomas (27 y.o)
About Nancy:
Nancy is a student of Fashion design. She has a big network of friends to
hang out with. She is not a frequent shopper but lives by her own and
manages her grocery.
How she measures:
Mobile friendly
Frequent shopper
Cost sensitive
Social
Travel/Explore
Pain Points:
• Quality of the products.
• Unaware of the discounts and coupons.
• Searching for rare products and new stores near her locality.
• Locating the products in the store.

6. User Journey map
Understanding users step-by-step process, needs,
attitudes and problems

7. User Journey
Julie Mathew
Step-by-step Attitudes/Needs
Create/Update Shopping list based
on her needs as and when they are
required.
Navigate to the store where she can
find the items.
Browse through the items
Search for items within the store.
Check for the quality of the product
and when satisfied scan the bar
code.
When all done in that store create a
QR code.
Scan the QR code at the counter for
payment.
Locate and visit the other store to
shop the missing item.
1
2
3
4
5
6
7







 





Easy Editable list
Drive the shortest way
Prepares the shopping
list.
Navigate within the store
to locate items easily.
Review and ratings for
products
Generate QR code and
get to see the total amt.
Avoid long queues.
Search and navigate
easily

 8
Shopping list creation
Map Navigation
iBeacon/Navigation.
Product reviews
Bar code scanner
QR code generator
QR code scanner in the
payment area.
Features

8. User Journey
Lyn Fernandez
Step-by-step Attitudes/Needs
Search for a near by store.
Navigate to the store.
Browse through the items within the
store and locate items
Scan the bar code after checking
quality.
When all done create a QR code.
Scan the QR code at the counter for
payment.
Locate and visit the other store to
shop the missing item.
1
2
3
4
5
6









Based on his position
and Zip/Location
Drive the shortest way
Navigate and locate
items in the store
Check for products
review and ratings.
Generate QR code and
get to see the total amt.
Avoid long queues.
Search and navigate
easily


7  
Maps
Map Navigation
iBeacon/Navigation.
Product reviews
Bar code scanner
QR code generator
QR code scanner in the
payment area.
Maps and Navigation
Features

9. User Journey
Nancy Thomas
Step-by-step Attitudes/Needs
Check for products based on friends
recommendations and ratings.
Search for a store based on her
location.
Navigate to the store where she can
find the items.
Search items within the store and
scan the bar code.
When all done create a QR code.
Scan the QR code at the counter for
payment.
1
2
3
4
5
6











Products Feed
Based on his position
and Zip/Location
Drive the shortest way
Navigate, check for
products review and
ratings.
Generate QR code and
get to see the total amt.
Avoid long queues.

Maps
Navigation
iBeacon/Navigation.
QR code generator
QR code scanner in the
payment area.
Features

10. FEATURES CHECKLIST
Cost sensitive
Social
Quality
Travel/Explore
Time
• Offers
• Coupons
• Sharing
• Friends suggestions
• Review/Rating
• Friend suggestions
• Maps/Navigation
• Favorite
P
• QR code / Bar code
• Shopping list
• BLE technology to
locate items
P
PP
P
P P
P
P
NancyLynJulie
P

11. INFORMATION ARCHITECTURE AND FEATURES CATEGORIZATION
EXPLORE
STORES
GO
SHOPPING
Nearby
stores
Find
stores
Favorite
stores
Shopping
list
Scan
BAR
code
Scan
QR
code
Locate
items
Offers
Coupons
Sharing
Review
Suggestion
Maps
Navigate
Navigate

12. Visual Design Exploration
Simple, Intuitive and refreshingly neat interface

13. THEME
Magazine

14. Icon and Home screen

15. Home screen
Design based on the theme of a
consumer magazine with use of bright
colored icons and intuitive user interface.
Rounded icons inline with Aditi branding
in the logo to have the same feel.
A compact map showing the users current
location beside the Near By Stores button.
Tapping on the center buttons will
highlight the section.

16. Stores
Users can search for Stores by tapping
‘Near By Stores’ button or ‘Find Stores’
Stores are displayed both in map view
and list view.
Users can switch between views and
explore different stores available near
their location or search for stores using
the zip/location code.

17. Stores / Details
Store details can be viewed by tapping
on the store.
Users are prompted options to view
details of the store, navigate to the store,
Call the store using the phone number.
Tapping on ‘More Details’ icon will take
them to the Store details page.
Users can tap ‘Products’ to search/locate
products in that store.

18. Shopping
Products screen displays the products
with the cost and product image.
Users are tap on a product to view
options.
Tapping on the ‘Details’ icon will open
the Product Details page from where
users can Add the product to their
cart/list.

19. Shopping
Users can locate the product within the
store using the Beacon feature
A demo is available in the app to
familiarize users on this new feature.

20. Shopping
Users can visit the ‘My List’ section to
view all items available in his cart.
Once the user is done they can generate
a QR code with the list of items they wish
to purchase.
The QR code generated can be scanned
at the counter for payment.

21. Navigation
Users can comfortably navigate to any
section by the menu on upper left side
of the screen

22. Moving forward
Idea for iPad app