Let’s work
together

dwiiajeeng@gmail.com

Copied

© 2025 Dwi Ajeng. All rights reserved.

Let’s work
together

dwiiajeeng@gmail.com

Copied

© 2025 Dwi Ajeng. All rights reserved.

Let’s work
together

dwiiajeeng@gmail.com

Copied

© 2025 Dwi Ajeng. All rights reserved.

Redesign homepage to improve user engagement and satisfaction

Overview

Maimaid.id is a mobile application offering a wide range of on-demand cleaning and household assistance services. The app also features a financial service called MaiPay, enabling users to Top Up, Transfer, and Withdraw their balance seamlessly. The homepage of the app is the first touchpoint for users, making it a crucial element in shaping their overall experience. This redesign project focuses on optimizing the homepage to create a more engaging, user-friendly interface that effectively communicates the app's core services and features.

Timeline

4 Days

Role

UI/UX Designer

Background

The need for reliable household assistance is a common challenge faced by many individuals, especially in urban environments. Observations from my personal network revealed that finding a suitable Household Assistant (ART) often involves trial and error, leading to frustration and wasted time. Maimaid has the potential to solve this problem by providing a platform that connects users with vetted service providers. However, the current homepage design falls short in delivering an intuitive and efficient user experience, prompting the need for a redesign.

Problem

Closer look at the current Maimaid app homepage reveals the following information architecture:

Closer look at the current Maimaid app homepage reveals the following information architecture:

Information Architecture of Old Maimaid Homepage

Information Architecture of Old Maimaid Homepage

Information Architecture of Old Maimaid Homepage

Upon reviewing the existing homepage of the Maimaid app, I identified several issues that hinder user engagement and satisfaction.

01

Lack of Visual Hierarchy

The key features, such as MaiPay, household services, and top-up & bill payments, compete for user attention without a clear prioritization. This lack of visual hierarchy creates confusion and detracts from the most important services that should guide the user's journey.

01

Lack of Visual Hierarchy

The key features, such as MaiPay, household services, and top-up & bill payments, compete for user attention without a clear prioritization. This lack of visual hierarchy creates confusion and detracts from the most important services that should guide the user's journey.

01

Lack of Visual Hierarchy

The key features, such as MaiPay, household services, and top-up & bill payments, compete for user attention without a clear prioritization. This lack of visual hierarchy creates confusion and detracts from the most important services that should guide the user's journey.

02

Inefficient Navigation

The main navigation is positioned at the top of the screen without supporting icons, making it difficult to access, particularly for users operating the app with one hand. This placement requires extra effort from users, leading to a less than optimal experience.

02

Inefficient Navigation

The main navigation is positioned at the top of the screen without supporting icons, making it difficult to access, particularly for users operating the app with one hand. This placement requires extra effort from users, leading to a less than optimal experience.

02

Inefficient Navigation

The main navigation is positioned at the top of the screen without supporting icons, making it difficult to access, particularly for users operating the app with one hand. This placement requires extra effort from users, leading to a less than optimal experience.

03

Lack of Essential Information

On the homepage, promotional content might be important to users, but "order" information may not be, especially if the user hasn't placed an order yet. Since "order" details already have a dedicated page accessible via quick navigation, displaying them on the homepage could be unnecessary.

03

Lack of Essential Information

On the homepage, promotional content might be important to users, but "order" information may not be, especially if the user hasn't placed an order yet. Since "order" details already have a dedicated page accessible via quick navigation, displaying them on the homepage could be unnecessary.

03

Lack of Essential Information

On the homepage, promotional content might be important to users, but "order" information may not be, especially if the user hasn't placed an order yet. Since "order" details already have a dedicated page accessible via quick navigation, displaying them on the homepage could be unnecessary.

Goals

After identifying the key problems, I established the following goals for the redesign.

01

How might we restructure the feature elements to better highlight the core features?

01

How might we restructure the feature elements to better highlight the core features?

01

How might we restructure the feature elements to better highlight the core features?

02

How might we create a more efficient navigation ?

02

How might we create a more efficient navigation ?

02

How might we create a more efficient navigation ?

03

How might we curate and present content that aligns with user needs?

03

How might we curate and present content that aligns with user needs?

03

How might we curate and present content that aligns with user needs?

Target Audience

To ensure the redesign meets the needs of Maimaid's target audience, I analyzed who the potential users of the Maimaid app are:

Demographics

Demographics

Demographics

  • Between 25-50 years old

  • Location in urban areas like Jakarta, Surabaya, and Bandung

  • Economic status is middle to upper-middle class, with a monthly disposable income of 5 million IDR or more

  • Occupation is professionals, including managers, entrepreneurs, and specialists

Needs

Needs

Needs

  • Easy and efficient booking for household services.

  • Transparent pricing and fees before booking.

  • Seamless payment options.

  • Assurance of vetted and trustworthy service providers.

Competitive Benchmark

To adopt best practices, I analyzed the homepage designs of leading apps in Indonesia. This includes examining 4 major platforms, particularly those with their financial features like Go-Pay and ShopeePay. The analysis focuses on how they present: Key Features, Navigation, and Content Structure.

Competitive Benchmark

Competitive Benchmark

Competitive Benchmark

Key Takeaways

In this analysis, I noticed that apps like Gojek, Shopee, and Kitabisa use small, clean card designs to display financial features at the top, making it easy to access payments or donations. In contrast, OVO has a large, noticeable card for its financial options. All apps feature well-organized cards for core services at the top. Navigation is at the bottom with clear icons and labels, and the homepage includes promotions, recommendations, vouchers, tips, and a help center.

Next Steps

Based on competitive research, I identified opportunities to implement on the Maimaid homepage.

01

Navigation Revamp

Moving the navigation bar to the bottom of the page will make it easier to use, especially with one hand. Each menu will have clear icons & labels to help users find what they need. Additionally, the Profile menu will be moved to the top so users can quickly access their information and account settings.

01

Navigation Revamp

Moving the navigation bar to the bottom of the page will make it easier to use, especially with one hand. Each menu will have clear icons & labels to help users find what they need. Additionally, the Profile menu will be moved to the top so users can quickly access their information and account settings.

01

Navigation Revamp

Moving the navigation bar to the bottom of the page will make it easier to use, especially with one hand. Each menu will have clear icons & labels to help users find what they need. Additionally, the Profile menu will be moved to the top so users can quickly access their information and account settings.

02

Rearranging Elements

To emphasize core features, the MaiPay card design will be simplified, reducing the visual emphasis on top-up, transfer, and withdrawal options. Essential services like ART, Babysitters, and Drivers will remain prioritized, ensuring they are the first options users encounter.

02

Rearranging Elements

To emphasize core features, the MaiPay card design will be simplified, reducing the visual emphasis on top-up, transfer, and withdrawal options. Essential services like ART, Babysitters, and Drivers will remain prioritized, ensuring they are the first options users encounter.

02

Rearranging Elements

To emphasize core features, the MaiPay card design will be simplified, reducing the visual emphasis on top-up, transfer, and withdrawal options. Essential services like ART, Babysitters, and Drivers will remain prioritized, ensuring they are the first options users encounter.

03

Content Selection

To determine the right content for the Maimaid app homepage, we need to understand user needs and behavior. However, due to limited access to user research, I rely on competitive analysis. So, based on maidmaid's preference, the content might be vouchers, tips, and a help center, and adding a referral feature could help encourage users to invite others to the app, boosting engagement and driving growth through word of mouth marketing.

03

Content Selection

To determine the right content for the Maimaid app homepage, we need to understand user needs and behavior. However, due to limited access to user research, I rely on competitive analysis. So, based on maidmaid's preference, the content might be vouchers, tips, and a help center, and adding a referral feature could help encourage users to invite others to the app, boosting engagement and driving growth through word of mouth marketing.

03

Content Selection

To determine the right content for the Maimaid app homepage, we need to understand user needs and behavior. However, due to limited access to user research, I rely on competitive analysis. So, based on maidmaid's preference, the content might be vouchers, tips, and a help center, and adding a referral feature could help encourage users to invite others to the app, boosting engagement and driving growth through word of mouth marketing.

Low Fidelity

Before moving to the design phase, I created a wireframe to outline the layout, structure, and key elements of the homepage, ensuring a clear and user friendly experience.

Wireframe

Wireframe

Wireframe

High Fidelity Design

Once the wireframes were completed, I proceeded to develop the mockup design. I applied the brand's color also selected appropriate illustrations and icons to effectively convey the information

Homepage New Design

Homepage New Design

Homepage New Design

Comparison

Comparison

Comparison

Design Rationale

Navigation Revamp

Moving the navigation bar to the bottom makes the app easier to use with one hand, simplifying access to essential controls and improving overall usability. The Profile menu is moved to the top, providing quick access to account settings without cluttering the main navigation, allowing users to focus on core features while still easily accessing personal information.

Navigation Revamp

Moving the navigation bar to the bottom makes the app easier to use with one hand, simplifying access to essential controls and improving overall usability. The Profile menu is moved to the top, providing quick access to account settings without cluttering the main navigation, allowing users to focus on core features while still easily accessing personal information.

Navigation Revamp

Moving the navigation bar to the bottom makes the app easier to use with one hand, simplifying access to essential controls and improving overall usability. The Profile menu is moved to the top, providing quick access to account settings without cluttering the main navigation, allowing users to focus on core features while still easily accessing personal information.

Navigation Revamp

Navigation Revamp

Navigation Revamp

Rearranging Elements

The simplified MaiPay card adopts a clean and compact design to reduce visual clutter. It emphasizes the balance while maintaining easy access to MaiPay key features without overwhelming users. Essential services like ART, Babysitters, and Drivers are placed prominently alongside a simplified “Pulsa & Tagihan” section, making them easy to find. By positioning these elements at the top of the homepage, users can quickly access critical services, reducing friction and enabling them to complete important tasks more efficiently.

Rearranging Elements

The simplified MaiPay card adopts a clean and compact design to reduce visual clutter. It emphasizes the balance while maintaining easy access to MaiPay key features without overwhelming users. Essential services like ART, Babysitters, and Drivers are placed prominently alongside a simplified “Pulsa & Tagihan” section, making them easy to find. By positioning these elements at the top of the homepage, users can quickly access critical services, reducing friction and enabling them to complete important tasks more efficiently.

Rearranging Elements

The simplified MaiPay card adopts a clean and compact design to reduce visual clutter. It emphasizes the balance while maintaining easy access to MaiPay key features without overwhelming users. Essential services like ART, Babysitters, and Drivers are placed prominently alongside a simplified “Pulsa & Tagihan” section, making them easy to find. By positioning these elements at the top of the homepage, users can quickly access critical services, reducing friction and enabling them to complete important tasks more efficiently.

Rearranging Elements

Rearranging Elements

Rearranging Elements

Content Selection

Adding content such as promotions and vouchers to the homepage can make the experience more enjoyable and rewarding, helping to foster a positive relationship with users. Providing easy access to tips, the help center, and FAQs is also especially helpful for new users, as it allows them to quickly understand how Maimaid works and builds trust.

Content Selection

Adding content such as promotions and vouchers to the homepage can make the experience more enjoyable and rewarding, helping to foster a positive relationship with users. Providing easy access to tips, the help center, and FAQs is also especially helpful for new users, as it allows them to quickly understand how Maimaid works and builds trust.

Content Selection

Adding content such as promotions and vouchers to the homepage can make the experience more enjoyable and rewarding, helping to foster a positive relationship with users. Providing easy access to tips, the help center, and FAQs is also especially helpful for new users, as it allows them to quickly understand how Maimaid works and builds trust.

Content Selection

Content Selection

Content Selection

Design Iteration

To create an effective design, I carefully review and rethink each part of the homepage. I look at how every element works and how it contributes to the overall user experience. By doing this, I ensure the new homepage better meets user needs and improves their experience with the Maimaid app.

Iteration Design

Iteration Design

Iteration Design

Impact Prediction

01

Boost user engagement by 30% through improved navigation and better visibility of core features.

01

Boost user engagement by 30% through improved navigation and better visibility of core features.

01

Boost user engagement by 30% through improved navigation and better visibility of core features.

02

Enhance user satisfaction by 15% with a clearer content structure and a more intuitive layout.

02

Enhance user satisfaction by 15% with a clearer content structure and a more intuitive layout.

02

Enhance user satisfaction by 15% with a clearer content structure and a more intuitive layout.

Leanings

Visual hierarchy plays a big role in guiding user attention, using placement, size, and contrast helps highlight what matters most.

Future Steps

Conduct A/B testing and usability testing to validate the new design, gather insights from real users, and refine the interface through iterative improvements based on feedback.

Create a free website with Framer, the website builder loved by startups, designers and agencies.