This case study documents my experience in redesigning the Hava Havai mobile application.  I worked as the UX/UI designer. The project spanned from January 2024 to June 2024. I utilized Figma for design and prototyping, Jira for project management, and conducted user testing via Zoom and UserTesting.com. My primary goal was to revitalize the app's user interface and experience, increasing user engagement and satisfaction while remaining true to the brand's core values. The target audience encompassed existing users seeking improvement, potential new users drawn to a modern design, tech-savvy individuals, and businesses leveraging the app's services.

The original Hava Havai app suffered from a cluttered design, inefficient navigation, and low user engagement.  User surveys and analytics revealed significant pain points, including difficulty in completing core tasks and a generally negative perception of the app's aesthetics.  Many users expressed frustration with the lack of intuitive design and expressed concerns regarding the app’s visual appeal not aligning with the brand’s overall image. Competitor analysis highlighted more modern and user-friendly alternatives, emphasizing the need for an overhaul. Solving this problem was crucial for retaining existing users and attracting new ones, ultimately impacting user retention, engagement, and the overall success of the app.

My primary objective was to enhance the user experience and engagement with the Hava Havai app.  Key performance indicators (KPIs) included: a 25% increase in daily active users, a 15% rise in session duration, a 10% improvement in task completion rates, a 20% increase in app store ratings, and a Net Promoter Score (NPS) of at least 70. We aimed to achieve a significant uplift in user satisfaction and brand perception through a more intuitive and visually appealing design.

My research involved user interviews with 20 existing users and 10 potential users, online surveys distributed to over 100 respondents, and heuristic evaluations of the current app. I analyzed competitor apps to identify best practices and opportunities for differentiation. Key findings highlighted a need for improved navigation, simplified task flows, and a more modern visual design. I created several user personas based on these findings, encompassing different user needs and behaviors.

The ideation phase involved brainstorming sessions, sketching, and wireframing. I explored several design concepts, prioritizing simplicity, clarity, and visual appeal.  Throughout this stage, I continuously sought feedback from stakeholders and potential users, incorporating their suggestions to refine our design direction.  I created multiple iterations of low-fidelity prototypes, testing with users at various stages to validate our concepts.

I created low-fidelity wireframes to establish the information architecture and basic layout. These were then iterated upon based on user feedback.  I transitioned to high-fidelity prototypes using Figma, incorporating interactive elements and visual designs to simulate the actual user experience. This allowed for thorough usability testing and adjustments before moving into development.

The visual design focused on a clean, modern aesthetic. I selected a color palette that was both visually appealing and aligned with the brand identity. The typography was carefully chosen for readability and consistency across the app. I created custom icons and illustrations to enhance the overall visual experience.

I conducted several rounds of usability testing, involving both in-person and remote sessions.  These tests allowed us to identify areas for improvement and ensure the final design met the needs of our target users.  I used the feedback to further refine the prototypes, ensuring the app was both user-friendly and visually appealing.

One major challenge was balancing the various needs of different user groups.  This required careful consideration of design choices to ensure inclusivity and ease of use for all. Another hurdle was managing stakeholder expectations.  I addressed this through frequent communication, presentations, and incorporating feedback into the design process. Technical limitations were also encountered; I solved these through creative problem-solving and collaboration with the development team.

The redesigned Hava Havai app features a clean, intuitive interface with improved navigation and task flows.  The visual design is modern and appealing, enhancing brand recognition.  Post-launch data showed a 28% increase in daily active users, a 17% rise in session duration, and a 12% improvement in task completion rates. The app store rating increased by 22%, and our NPS reached 75, exceeding our initial goals. User feedback was overwhelmingly positive, with many users praising the app’s improved usability and visual appeal.

This project reinforced the importance of a user-centered approach in design.  I learned the value of iterative design, continuous testing, and the importance of clear communication with stakeholders and developers. If I were to work on a similar project, I would invest even more time in early-stage user research to better understand and address specific user needs.

The Hava Havai app redesign was a success, demonstrating the positive impact of a well-executed user-centered design process.  The redesigned app achieved significant improvements in user engagement, satisfaction, and key performance indicators.  Moving forward, I will monitor user feedback and consider implementing additional features based on ongoing user needs and market trends.

This case study details the redesign of the Hava Havai app, focusing on improving user experience and engagement through a user-centered design process.

Hava Havai App Redesign: A User-Centric Approach

I'm thrilled to share the story of my work on a project that combined my passion for education and user-centered design.  The goal was simple: to create an educational app that is not only functional but also joyful and engaging, making learning a more positive and accessible experience.  This case study documents my journey from initial concept to final launch, highlighting the design process, challenges, and outcomes.

Many existing educational apps fall short in providing a truly engaging and user-friendly experience.  Students often find them visually unappealing, clunky to navigate, and lacking in motivational elements. Educators also face challenges with limited options for progress tracking and assignment management. My goal was to design an app that addresses these pain points and provides a seamless learning journey for both students and educators.

My primary objective was to create an intuitive, visually appealing app that enhances student engagement and simplifies course management for educators.  To measure success, I focused on several key performance indicators (KPIs):  Increased user engagement (measured by time spent in the app and feature interactions), improved task completion rates for assignments, high user satisfaction scores from surveys and feedback, and a strong Net Promoter Score (NPS) indicating user willingness to recommend the app.

The research phase involved conducting user interviews with students and teachers, analyzing existing educational apps, and developing user personas.  I discovered that students craved a more visually stimulating and interactive environment, while teachers emphasized the need for clear progress tracking and efficient task management. This led to the creation of user personas representing different student age groups and teacher roles.  Competitive analysis showed a gap in the market for an app that beautifully combines functionality with an enjoyable user interface.

I used a combination of brainstorming sessions, sketching, and wireframing to explore different design concepts.  Initially, I focused on creating a visually appealing dashboard, employing a color palette of ivory, charcoal gray, golden sun, and sky blue to promote a positive and calming learning experience.  Early prototypes were tested with users to gather feedback and refine the design iteratively.

The design process followed an iterative approach.  I started with wireframing key screens like the dashboard, profile, and assignment sections.  Low-fidelity prototypes were created to test the basic functionality and layout, followed by high-fidelity prototypes that incorporated the visual design elements. User testing played a crucial role throughout, shaping the final design through feedback and iteration. The focus was always on creating a clean, modern, and responsive UI compatible with various devices.

Balancing aesthetics and functionality proved to be a significant challenge.  I had to ensure that the visual appeal didn't compromise the usability of essential features.  User testing helped me navigate this by providing valuable feedback on both design aspects.  Integrating diverse feedback from students and educators, who often had conflicting preferences, was another hurdle.  Ultimately, I achieved a design that satisfied both groups through compromise and iterative refinement.  Technical challenges related to cross-device compatibility were tackled through careful optimization of layouts and interactions to ensure a consistent experience across all platforms.  Time management was also a factor, requiring strategic prioritization of features and careful scheduling to meet deadlines.

The final app boasts a clean, visually appealing interface that enhances user engagement and streamlines learning management.  Post-launch, user engagement metrics showed a substantial increase in time spent in the app and interaction with features.  User satisfaction surveys revealed high levels of approval for both the design and functionality. Task completion rates improved noticeably, indicating an enhanced learning experience.  The app was successfully launched with minimal post-launch issues, showcasing a strong result of the iterative design process.

This project significantly strengthened my skills in user-centered design and iterative development.  I learned the importance of consistently incorporating user feedback throughout the entire process.  If I were to undertake a similar project again, I would place an even stronger emphasis on accessibility testing early in the process to ensure inclusivity for users with diverse needs.  I also recognize the benefit of conducting more thorough usability testing during the earlier stages of design.

The Joyful Learning App is a testament to the power of user-centric design in enhancing educational experiences.  Its success lies in addressing both the functional and emotional needs of students and educators, ultimately making learning more engaging, efficient, and enjoyable.  Future plans include adding features based on ongoing user feedback and exploring integrations with other educational platforms to further expand its utility and reach.

This case study details the design and development of a user-friendly educational app focused on improving engagement and accessibility.

Empowering Learning: A Seamless and Engaging Educational Experience

This case study details the design and development of a project dashboard aimed at enhancing the training experience for candidates and streamlining project management for mentors.  I, as the lead UX/UI designer, worked on this project from its inception to its final launch. We utilized Figma, Adobe XD, and Jira throughout the process.

Many candidates struggled with staying organized and motivated during training projects.  There was a lack of clear communication regarding project expectations and progress tracking.  Mentors also lacked efficient tools to monitor candidate performance. Feedback indicated confusion, missed deadlines, and inconsistent performance.

My primary objective was to create a user-friendly dashboard that centralized all project information. I aimed to improve candidate engagement and motivation through gamification, streamline the mentor's workflow, and increase overall project completion rates. Key performance indicators (KPIs) included project completion rate, milestone achievement rate, user satisfaction scores, and average time to completion.

I conducted user interviews with both candidates and mentors, supplemented by surveys and usability testing.  Key findings revealed a need for clear visual progress indicators, accessible project details, and engaging elements to maintain motivation.  I created user personas representing typical candidates and mentors, and analyzed existing training project management systems to identify best practices and areas for improvement.

My design process involved brainstorming sessions and sketching potential layouts.  I explored different gamification elements, such as points, badges, leaderboards, and progress bars.  User feedback was incorporated throughout this stage to refine the design and ensure it met user needs.

I started with low-fidelity wireframes to define the basic structure and functionality.  High-fidelity prototypes were then developed using Figma, incorporating a visually appealing color scheme and intuitive navigation. I conducted A/B testing on different design elements and user flows. The final visual design focused on clean lines, clear typography, and a user-friendly interface adhering to the 60-30-10 rule for color palette selection.

Balancing simplicity with functionality was a challenge.  I had to ensure the dashboard was easy to use for all skill levels while also incorporating advanced features.  Ensuring real-time updates for the leaderboard and progress bars posed a technical challenge.  I overcame this by utilizing a robust backend system and optimizing data transfer methods. I addressed feedback that the leaderboard may be discouraging by allowing users to choose to view the leaderboard or not.

The final dashboard provided a clear overview of assigned projects, progress indicators, and a gamified leaderboard.  Post-launch data showed a 25% increase in project completion rates, a 30% increase in candidate engagement, and positive user feedback.  Mentors also reported improved efficiency in monitoring candidate performance.

This project reinforced the importance of user-centric design and iterative development. If I were to work on a similar project again, I would dedicate more time to exploring different strategies to optimize engagement further.

The SkillTrack Dashboard successfully addressed the challenges of project management and candidate engagement in training programs.  Future improvements could include integrating personalized learning paths and advanced analytics to further personalize the training experience.

A case study on designing a dashboard to improve training project management and candidate engagement.

Hey, I’m Raynex – Web & UX/UI Designer