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:

  1. Simplify the interface to reduce clutter and use clear, concise language to make navigation and interaction easy for users.
  2. Improve the visual design by using a consistent color palette, typography, and imagery to create a cohesive and aesthetically pleasing look.
  3. Making use of animation to provide feedback and enhance the overall user experience.
  4. Test the app with real users to identify any usability issues and make necessary improvements.
  5. 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.