📌 Project Context
Mavenir is a company in the telecommunications industry, one of the digital product they offer is an app designed for small businesses and enterprises to connect with their customers and manage their presence on the platform. It offers various features and functionalities that help businesses communicate with their customers, automate their messaging, and analyze their performance. Here are some of the key functionalities:
Business Profile: Allows businesses to create a professional profile on the app with essential information such as business description, website, address, and email.
Messaging Tools: Businesses can use messaging tools such as quick replies, automated messages, and greeting messages to respond to their customers' queries quickly and efficiently.
Catalog: Businesses can showcase their products and services on the app using the Catalog feature. It allows businesses to display their offerings in a visually appealing format with details such as price, product images, and descriptions.
Future App Features:
Payments: Mavenir's App will support payments, allowing businesses to receive and send money securely on the app.
Analytics: Mavenir's App will provide analytics that enables businesses to track their performance, including the number of messages sent, delivered, and read, to measure their engagement and improve their strategies.
🤓 The Design Challenge
The primary objective of this project was to improve the overall user experience (UX) of the product. However, because of the poor design and inconsistent user interface (UI) of the app, key stakeholders emphasized the need to address these issues as well.
To identify areas for improvement, the team conducted a heuristic analysis that uncovered several issues.
➡️ Heuristic Analysis Evaluation | Before & After
✍🏼 Summary
User confusion: The inconsistent UI confuse users and make it difficult for them to navigate the app. Different parts of the app had different design elements and users struggle to understand what the visual elements mean. This confusion lead to frustration and poor user experience.
Lower user engagement: The app was difficult to use/understand due to its inconsistent UI, making it challenging to generate engagement. As a result, app usage decreased.
Increased development time and cost: This was a major issue, as we had an incomplete design system and a product with an inconsistent UI. This inconsistency also caused tension between the design and development teams, and the hand-off process was tedious and delayed the release of new features
The Solution
I assumed team leadership, clarified roles, and provided UX coaching through workshops to midlevel and junior team members. I established a user-centered design process, implemented agile methodology, and redesigned the product with improved accessibility and usability. We presented the new process and product to the client's CEO and VP of product, securing our business relationship while improving team productivity, collaboration, and innovation.
Final DEMO presented to the client ⬇️
Design process approved and implemented by the team ⬇️
🛠️ Design Software
⛰️ Conclusions
A well-defined design process and collaborative work are essential for the success of a mobile app project or any digital product. They help ensure the final product is user-centered, efficient, error-free, and of high quality.
Additionally, collaborative work promotes communication, transparency, and increases productivity and efficiency among team members. Here we have a perfect example of that 🌟
More information about this project can be found in the following links: