The goal of the product was to bring together various products from any brand’s website into a single, sharable and shoppable shop link that can be used on any platform.
Client
Ari
Services
Product Management
Low-Fi Mockups
User Interviews
High-Fi Mockups
High-Fi Prototypes
Year
2022
Deliverables
Mobile App Design
Web Platform Design
Admin Dashboard Design
DESIGN CHALLENGE
How can we streamline the mobile app and enhance its appearance for a better user experience?
THE SOLUTION
To streamline the mobile app and enhance its appearance for a better user experience, the following steps were taken:
- Simplify the interface to reduce clutter and use clear, concise language to make navigation and interaction easy for users.
- Improve the visual design by using a consistent color palette, typography, and imagery to create a cohesive and aesthetically pleasing look.
- Making use of animation to provide feedback and enhance the overall user experience.
- Test the app with real users to identify any usability issues and make necessary improvements.
- Focus on accessibility to ensure the app is accessible for all users, including those with disabilities.
By taking these steps, the app was made more intuitive and visually appealing, resulting in a better user experience.
DESIGN PROCESS
Discover
Discovery included heavy user research to uncover contact sharing needs and market improvement opportunities through primary and secondary research.
Define
A concise UX strategy for contact sharing defined user beliefs, attitudes, needs, pain points, and vision for product improvement.
Ideate
Change the color to match your brand or vision, add your logo
Validate
Change the color to match your brand or vision, add your logo, choose the perfect layout and more.
Prototype
Change the color to match your brand or vision, add your logo, choose the perfect layout and more.
UX AUDIT
Mobile Application before Redesign
Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more. Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more.
Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more. Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more.
REIMAGINING
Low Fidelity Wireframes
Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more. Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more.
IDEATE
Usability Testing
Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more. Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more.
- Would Users be able to create an account, setup their profiles, and connects with users?
- Where might people struggle with sharing contacts?
- What suggestions might people have for improving the interaction design of the prototype in order to make it easier to navigate and understand, and to make the experience of setting goals and sharing contacts more enjoyable?
PROTOTYPE
High Fidelity Prototype
I am text block. Click edit button to change this text. Here are some core improvements made:
ONBOARDING SCREEN
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
ADDING A BRAND SCREEN
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
MY CLOSET SCREEN
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
All Screens
Conclusion
Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more. Change the color to match your brand or vision, add your logo, choose the perfect layout, modify menu settings, add animations, add shape dividers, increase engagement with call to action and more.
