Mobile First Design

Movers & Packers Web Application

Project Overview

Project Type:

Mobile-first design

Team:

Independent project with the help of Mentor and Peers

Tools:

Figma, Mural, Freepik

Problem Statement:

Problem Statement:

Problem Statement:

Moving and organizing any space is often stressful and time-consuming. Many struggle to find reliable movers, packers, or organizers, facing unclear pricing, multiple service providers, and inconvenient booking processes.

Research

Research Objective

The research focused on understanding users' needs and motivations when seeking home services like movers, packers, and space organization through a digital platform.

It explored common challenges users face during service discovery and booking, such as lack of trust, transparency, and inefficient processes.

The study evaluated how a mobile-first design could simplify access, build trust, and offer a more convenient experience for users on the go.

Competitive Analysis

Key Takeaways

Competitors like NoBroker, Urban Company, and Porter offer strong moving and home services, but none provide dedicated space organization solutions. While Urban Company has a polished interface and variety, it lacks consistency in service quality. NoBroker integrates moving with rentals but has a cluttered UI. Porter is efficient for logistics but limited in scope.

This reveals a clear gap and opportunity for a mobile-first platform that combines essential home services with personalized space organization, offering a more seamless and complete user experience.

Competitive Analysis

Key Takeaways

Competitors like NoBroker, Urban Company, and Porter offer strong moving and home services, but none provide dedicated space organization solutions. While Urban Company has a polished interface and variety, it lacks consistency in service quality. NoBroker integrates moving with rentals but has a cluttered UI. Porter is efficient for logistics but limited in scope.

This reveals a clear gap and opportunity for a mobile-first platform that combines essential home services with personalized space organization, offering a more seamless and complete user experience.

Personas

Key Takeaways

The two personas—a homemaker and mother, and a busy software developer—showed different lifestyles but similar needs. The homemaker wants a clean, well-organized home and service providers she can trust. The developer looks for fast booking, clear options, and an easy-to-use app. Both want a smooth, reliable experience that saves time and effort.

How might we?

How might we support customers in efficiently organizing and setting up their belongings in their new home to create a comfortable and functional space?

How might we provide easy and reliable access to professional experts who can offer personalized advice and guidance throughout the moving and settling process?

How might we transform the overall moving experience into a smoother, more enjoyable, and trustworthy journey by ensuring careful packing, supervision, and clear communication?

Design & Prototype

Low Fidelity Wireframes

Low Fidelity Wireframes

Mid Fidelity Wireframes

Using Figma, I translated key screens into mid-fidelity digital wireframes, enhancing the detail and structure of each interface element. This transition from hand-drawn sketches to a digital format provided clarity on the feasibility of my initial low-fidelity concepts and allowed for more precise exploration of layout and functionality.

Style Guide and Components

The style guide acts as a foundation for maintaining visual and functional consistency across all design elements. It outlines key components like typography, color palette, iconography, and buttons—each thoughtfully chosen and documented to create a cohesive, intuitive user experience. This not only strengthens the brand identity but also streamlines development and future updates.

Style Guide and Components

The style guide acts as a foundation for maintaining visual and functional consistency across all design elements. It outlines key components like typography, color palette, iconography, and buttons—each thoughtfully chosen and documented to create a cohesive, intuitive user experience. This not only strengthens the brand identity but also streamlines development and future updates.

High Fidelity Wireframes

The style guide acts as a foundation for maintaining visual and functional consistency across all design elements. It outlines key components like typography, color palette, iconography, and buttons—each thoughtfully chosen and documented to create a cohesive, intuitive user experience. This not only strengthens the brand identity but also streamlines development and future updates.

The style guide acts as a foundation for maintaining visual and functional consistency across all design elements. It outlines key components like typography, color palette, iconography, and buttons—each thoughtfully chosen and documented to create a cohesive, intuitive user experience. This not only strengthens the brand identity but also streamlines development and future updates.

View Prototype

UI Interaction

Usability Testing

User testing is a process where real users interact with a product or prototype to identify usability issues and gather feedback. It helps understand how users experience the product, ensuring it meets their needs and expectations. Feedback from user testing is analyzed and used to refine the design, addressing pain points and improving the overall user experience to better align the product with user needs.

For the Sortify app, I conducted one-on-one user testing, utilizing Figma prototypes to evaluate the design and functionality. The sessions involved peoples who have experienced shifting recently, which allowed for more targeted feedback on relevance to the app's purpose. During the testing, participants were guided through key user flows and asked to complete specific tasks, providing real-time insights into the app's usability. This approach helped uncover potential improvements and ensured that the app meets the needs of users.

Feedback

  • Home Page can me improved a bit.

  • Adding map for the location will be easier for user to use.

  • Some text alignments should be improved.

  • Color palette is good.

  • Some more questions could be added before service estimation.

Overall, the iterations mentioned above were made to create a more intuitive application, and the UI designs have already been implemented based on the feedback received.

Usability Testing

User testing is a process where real users interact with a product or prototype to identify usability issues and gather feedback. It helps understand how users experience the product, ensuring it meets their needs and expectations. Feedback from user testing is analyzed and used to refine the design, addressing pain points and improving the overall user experience to better align the product with user needs.

For the Sortify app, I conducted one-on-one user testing, utilizing Figma prototypes to evaluate the design and functionality. The sessions involved peoples who have experienced shifting recently, which allowed for more targeted feedback on relevance to the app's purpose. During the testing, participants were guided through key user flows and asked to complete specific tasks, providing real-time insights into the app's usability. This approach helped uncover potential improvements and ensured that the app meets the needs of users.

Feedback

  • Home Page can me improved a bit.

  • Adding map for the location will be easier for user to use.

  • Some text alignments should be improved.

  • Color palette is good.

  • Some more questions could be added before service estimation.

Overall, the iterations mentioned above were made to create a more intuitive application, and the UI designs have already been implemented based on the feedback received.

Juhi Garg

Navigations

Home

About Me

Case Studies

Daily Check

Getaway

Google Maps

Sortify