CarryBags
Overview
CarryBags is a delivery management app that allows users to drop off their bags after in-store shopping and then deliver them, providing a hassle-free shopping experience for busy customers.
My Role
Solo UX designer with a team of two developers and one graphic designer reporting directly to the CEO.
Practices
UI & UX Design, Prototyping, Usability testing
Problem & Challenges
According to News UK research, 65% of British people prefer to shop in-store. However, carrying multiple shopping bags creates a huge problem in certain situations, such as unexpected bad weather, having a child with you, or planning post-shopping activities.
Solution
The CarryBags app offers a solution by combining the convenience of online shopping with the experience of visiting physical stores.
-
Users can leave their shopping bags at the till, and CarryBags delivery agents will safely and securely deliver them to the user's desired location.
-
In return, users can support the in-store shopping industry and reduce carbon emissions while enjoying the rest of their day without the burden of carrying more bags.
Mobile app for customers
Fills in-store shoppers' needs without requiring them to carry their bags.
Features
-
Easily locate nearby stores based on the user's location
-
Browse stores by obtaining accurate information about bestsellers, store hours, and address
-
Specify the desired shopping item by using filters
-
Track the progress of your order from the time it is placed to the time it is delivered
-
Manage your account information and contact customer service
Information Architecture
I created information architecture based on business requirements and user needs. It covered all of the essential features and interactions required for the application's initial release.
App Experience
UI Design
Designed the first iteration of the CarryBags android mobile app by adhering to material design guidelines.
Onboarding & Sign up
To provide a more seamless registration experience, we introduced two onboarding screens and allowed users to sign up using their mobile phone number.
Help & Support
Users can contact customer service by using the Chat or Call features to get the assistance and support they require.
UI Specifications
I used an 8-point grid spacing between the UI elements to keep the layout consistent across the application. For example, 8, 16, 24, 32.
By using only one main typeface, Plus Jakarta Sans, a typography hierarchy was constructed to display critical information in bold and less significant information in lower sizes.
Ensured that all critical elements are easily accessible, readable, and have high contrast.
CarryBags rider
CarryBags rider app enables delivery agents to accept a delivery job as well as add multiple orders back-to-back without wasting time.
Usability Testing
The first iteration of the mobile app's usability testing was conducted with five participants.
Participant’s Comments
“Usability is fine but maybe we need to show capacity/delivery agents? just storing information is not enough information to click on it.”
“The divider line is not consistent across screens logout should not be hidden.”
“An innovative idea fills the small gap between the shopping experience and the hectic part of carrying bags.”
Updated Designs
Based on usability testing and user feedback, the homepage design was updated by adding search input and a Scan QR code button to the bottom navigation.
Interaction changes
To meet the business goal of allowing users to access more stores while scrolling, the following interaction has been updated so that users can see more stores while scrolling.
Before
After
Results
The CarryBags website was redesigned, which increased user visits by 32%.
Seven clients from Coventry's local high street market were onboarded during the pilot mobile app demonstration.
Usability testing results (qualitative & quantitative) yielded useful insights into app usability and user motivation.
Key Takeaways
As a solo UX Designer, I had the opportunity to work on a project from the discovery stage to the final delivery stage.
I presented the first design system, which included components and pattern libraries by considering material design framework and accessibility standards.
Collaboration with stakeholders, developers, and designers was effective in understanding the development and design constraints and avoiding future feasibility issues.