01

Introduction.

In the revamped Otosales experience, our team has embarked on a transformative journey to redefine our internal sales and management processes. As a dedicated UI/UX designer contributing to this initiative, my role has been to enhance the user interface and streamline user interactions within Otosales.

This redesign is more than just a visual upgrade. t represents a strategic effort to simplify complex sales workflows, ensuring an intuitive and efficient user experience. By collaborating closely with the team, I've worked on crafting an interface that not only meets but exceeds user expectations, making Otosales a tool that empowers our teams and enhances overall operational effectiveness. This project signifies a collective effort to elevate Otosales into a user-friendly, high-performance platform that supports our sales endeavors seamlessly.

‍

02

Project Goals.

1. Enhance User Experience: Improve the overall user experience of the Otosales platform by implementing intuitive and user-friendly interfaces, ensuring smooth navigation, and addressing specific pain points identified through user research
2. Intuitive User Interface: Craft an intuitive and visually appealing user interface for the Otosales platform, ensuring users can easily navigate and interact with the system. Focus on simplicity and clarity in design elements to enhance user understanding and engagement.
3. Seamless User Journeys: Design seamless user journeys by optimizing the flow of actions within the platform. Ensure logical progressions, clear calls to action, and minimal steps for users to accomplish tasks, resulting in efficient and frustration-free interactions.
4. Accessibility and Inclusivity: Implement accessible design practices to make the Otosales platform usable by a diverse audience, including individuals with disabilities. Prioritize color contrast, text readability, and intuitive navigation to create an inclusive user experience for all users.
5. Mobile Responsiveness: Ensure the user interface is responsive across various devices, particularly on mobile phones and tablets. Optimize the design for smaller screens, touch interactions, and varying resolutions, providing a consistent and user-friendly experience on all platforms.
6. Feedback Integration: Implement feedback mechanisms such as surveys, user testing sessions, and feedback forms within the platform. Use user feedback to identify pain points, usability issues, and areas for improvement, allowing for continuous refinement of the UI/UX design.
7. User-Centric Design: Conduct in-depth user research to understand the needs, preferences, and pain points of different user roles (Account Officers, Branch Managers, Telerenewal, Telesales, Account Receivable). Tailor the design to cater to specific user requirements, creating personalized and user-centric experiences.

‍

03

Problems That We Need to Solve.

Problem 1: Complex Navigation Challenge

Simplifying Intricate Sales Workflows for Seamless Navigation.

Problem 2: Lack of Intuitive Design Issue

Enhancing User Experience and Satisfaction through Intuitive Design

Problem 3: Integration of New Features Challenge

Integrating Additional Features into Otosales with User-Centric Design

Problem 4: Consistent User Experience Across Devices

Ensuring Cohesive User Experiences Across Diverse Devices and Platforms

Problem 5: Performance Optimization Challenge

Optimizing Otosales for High-Performance User Experiences

‍

04

Process.

Method.

Sprints are time-boxed periods of one week, during which a product owner, scrum master, and scrum team work to complete a specific product addition. During a sprint, work is done to create new features based on the user stories and backlog. A new sprint starts immediately after the current sprint ends.

‍

Project Timeline Overview.

In the project timeline utilizing the sprint method, we've outlined a comprehensive plan for the redesign of Otosales.

During the first sprint (Week 1), my focus will be on designing the Service Network feature, involving research, wireframing, and initial designs, followed by stakeholder feedback sessions.

Moving into the second sprint (Week 2), the project will transition into building the platform's basic structure, incorporating the Service Network design, and integrating key components such as the Product Knowledge section and an informative banner for announcements.

‍Sprint 3 (Week 3) will involve implementing the Premi Simulation feature and developing tailored dashboards for Account Officers and Branch Managers, ensuring relevant data visualization and managerial tools are in place.

Sprint 4 (Week 4) will refine the skeleton pages, ensuring consistent layout and conducting usability testing for optimal user experience.

‍Sprint 5 (Week 5) will focus on enhancing the Product Knowledge section by adding interactive features, followed by user acceptance testing.

‍Sprint 6 (Week 6) will see the implementation of the Tasklist feature and further customization of the Service Network based on user feedback and real-world scenarios.

Finally, Sprint 7 (Week 7) will concentrate on customizing search functionality, implementing advanced filters, and collaborating with a copywriter to refine and optimize all textual content for clarity and coherence throughout the platform. This structured timeline ensures a methodical and iterative approach to the redesign process, with each sprint building upon the progress made in the preceding ones.

‍

05

Old Design.

The previous design of Otosales was severely outdated and inefficient, causing significant usability issues for our users. Its antiquated interface not only looked unappealing but also hindered the overall user experience. Navigating through the platform was cumbersome, leading to frustration among users trying to perform even the simplest tasks. Outmoded design elements not only failed to engage users visually but also failed to accommodate the evolving needs of our sales teams.

Recognizing these shortcomings, the decision to overhaul the design was imperative. The goal was to transform Otosales into a modern, user-friendly, and visually appealing platform that not only met contemporary design standards but also prioritized seamless user interactions. Through this redesign, we aimed to not just fix the shortcomings of the old design but to create an entirely new and improved experience for our users, setting a new standard for usability and aesthetics.

‍

06

Redesigning the product.

Define The Flow.

The redesigned Otosales platform introduces a user-friendly flow, starting with effortless login and leading to personalized dashboards for different roles. Users navigate seamlessly between modules, such as premi simulation and product knowledge, and manage tasks efficiently. The streamlined flow ensures quick access to vital information and simplifies interactions, enhancing overall user satisfaction and productivity. The platform's intuitive design promotes effortless engagement and swift decision-making, making Otosales a powerful tool for our sales teams.

‍

‍

Design.

In the Otosales redesign, the focus was on creating a visually appealing and intuitive interface. The design features a modern, clean layout with vivid yet harmonious colors, enhancing user engagement. Clear typography, sleek icons, and interactive elements ensure effortless navigation. The design is mobile-responsive, providing a seamless experience across devices. By combining aesthetics with functionality, Otosales now offers a visually striking and user-friendly interface, setting a new standard for user engagement and satisfaction.

‍

Homepage

‍

Tasklist

‍

Order Approval

‍

Dashboard

‍

Banner Information

‍

Service Network

‍

Banner Information

‍

FAQ

‍

Mobile Version.

In the mobile version of Otosales, user experience is prioritized with a minimalist design optimized for smartphones and tablets. The interface features intuitive touch controls, vibrant yet cohesive visuals, and streamlined menus for effortless navigation. Typography is clear, ensuring readability, and interactive elements are designed for smooth interactions. The mobile version mirrors the desktop experience, providing users with a seamless and visually appealing interface on-the-go.

‍

07

Reflections.

During the project to revamp the Arka Learn website as a UI/UX designer, I had the opportunity to apply my skills and knowledge to improve the platform's overall user experience and visual appeal. As I reflect on this experience, several key takeaways come to mind.

1. User-Centric Design Focus: Prioritizing user needs and behaviors guided the design process, ensuring the interface resonates with the audience and serves its purpose effectively.
2. Iterative Prototyping: Iterative design and prototyping facilitated continuous improvements. Feedback-driven iterations refined design elements, aligning the interface with user expectations.
3. Cross-Functional Collaboration: Collaborating closely with developers, stakeholders, and team members enhanced design integration. Open communication and synergy ensured seamless implementation of UI/UX elements.
4. Responsive Design Expertise: Implementing responsive design principles ensured a consistent user experience across devices. Adapting the interface for various screens maintained accessibility and usability standards.
5. Accessibility Advocacy: Advocating for accessibility standards guaranteed an inclusive design. Incorporating features like clear alt text and keyboard navigation made the platform accessible to diverse users.
6. Consistent Design Language: Maintaining visual consistency through typography, color schemes, and iconography created a cohesive design language. Consistency fostered user familiarity and enhanced the overall aesthetic appeal.
7. Feedback Integration: Actively integrating user feedback refined the design. Adapting the interface based on user input led to a more user-friendly and engaging platform, emphasizing the importance of user perspectives.
8. Creative Simplicity Balance: Balancing creativity with simplicity was paramount. Engaging visuals were harmonized with intuitive interactions, creating a visually stimulating yet straightforward user experience.
9. Effective Time Management: Efficiently managing design tasks within sprint deadlines ensured a focused approach. Structured time management allowed for the timely completion of design milestones and deliverables.
10. Continuous Professional Growth: Engaging in the project facilitated personal and professional growth. Overcoming challenges reinforced the significance of user experience, underscoring the transformative impact of UI/UX design in digital platforms.

In conclusion, my journey as a UI/UX designer in the Otosales revamp project has been both enriching and transformative. Embracing a user-centered mindset, I navigated the complexities of redesigning a platform, focusing on intuitive interactions and visually appealing aesthetics. Collaborative efforts and iterative prototyping enabled the seamless integration of design elements, fostering a cohesive user experience. Balancing creativity with simplicity, I crafted interfaces that engaged users while ensuring effortless navigation. Advocating for accessibility and consistently refining the design based on user feedback reinforced the importance of user perspectives. Effective time management and structured tasks within sprints ensured timely completion of design milestones. This experience not only showcased the power of user-centric design but also reinforced my commitment to enhancing digital experiences. As I move forward, I carry valuable lessons and a renewed passion for creating impactful, user-friendly interfaces.