The idea of Hagl was to create of an interactive negotiation platform that redefines the way buyers and sellers engage. The idea was to leverage short-term fluctuations in supply and demand, fashioning a captivating experience that not only saves buyers money but also empowers businesses during quieter periods.

The idea of Hagl was to create of an interactive negotiation platform that redefines the way buyers and sellers engage. The idea was to leverage short-term fluctuations in supply and demand, fashioning a captivating experience that not only saves buyers money but also empowers businesses during quieter periods.

My Role

My Role

Lead Product designer

Lead Product designer

Contribution

Contribution

UI / UX Design

UI / UX Design

Product Duration

Oct 2022 - Feb 2023

Company

Appboxer

Product Duration

Oct 2022 - Feb 2023

Company

Appboxer

Product Duration

Oct 2022 - Feb 2023

Company

Appboxer

The Problem

The Problem

1.

1.

Many business may not provide sufficient payment options, hindering the ability of customers to negotiate mutually beneficial terms.

Many business may not provide sufficient payment options, hindering the ability of customers to negotiate mutually beneficial terms.

Many business may not provide sufficient payment options, hindering the ability of customers to negotiate mutually beneficial terms.

2.

2.

Smaller service providers, such as independent hairdressers or local mechanics, may struggle to access the same negotiation opportunities as larger establishments, impacting their competitiveness.

Smaller service providers, such as independent hairdressers or local mechanics, may struggle to access the same negotiation opportunities as larger establishments, impacting their competitiveness.

3.

3.

Customers may find it challenging to determine when service providers are operating during quieter periods, leading to uncertainty.

Customers may find it challenging to determine when service providers are operating during quieter periods, leading to uncertainty.

The Goal

The Goal

1.

1.

How might we change the statuesque of the interaction between business and customers and make it acceptable to negotiate.

How might we change the statuesque of the interaction between business and customers and make it acceptable to negotiate.

2.

2.

How might we save customers time and money on everyday services.

How might we save customers time and money on everyday services.

3.

3.

How might we expand the reach of business and fill fluctuations in demand.

How might we expand the reach of business and fill fluctuations in demand.

Starting the mapping with flow chats

Starting the mapping with flow chats

Completed by Solutions analyst in collaboration with myself

Completed by Solutions analyst in collaboration with myself

Following the discovery session with the client, we embark on the next crucial step of the design process. We gather all the valuable insights and ideas from the session, combining them with our extensive research, to create comprehensive flows that outline the key features and functions required for the application. This essential task encompasses the distinct needs of each user role: super admin, sellers, and businesses. This pivotal task is carried out collaboratively between the business analyst and myself as the designer.

The close collaboration between the business analyst and myself ensures a holistic understanding of both the business objectives and the user experience. By synthesizing various perspectives, we craft a coherent and user-centric design that maximizes the application's potential for success.

Following the discovery session with the client, we embark on the next crucial step of the design process. We gather all the valuable insights and ideas from the session, combining them with our extensive research, to create comprehensive flows that outline the key features and functions required for the application. This essential task encompasses the distinct needs of each user role: super admin, sellers, and businesses. This pivotal task is carried out collaboratively between the business analyst and myself as the designer.

The close collaboration between the business analyst and myself ensures a holistic understanding of both the business objectives and the user experience. By synthesizing various perspectives, we craft a coherent and user-centric design that maximizes the application's potential for success.

Designing the functionality & form

Designing the functionality & form

Completed by myself

Completed by myself

Once the flows and functionalities are confirmed, the next crucial step is designing the wireframes. Through wireframes, I can effectively convey the initial ideas discussed during the discovery session in a visual representation. This process allows for a more tangible and concrete visualization of the application's structure and layout. Leveraging my expertise in UX design, I focus on creating wireframes that optimize the usability flow, ensuring an intuitive and seamless user experience. By carefully mapping out each screen's layout and interactions, I identify potential areas for improvement and refine the design to align with the best usability practices.

Once the flows and functionalities are confirmed, the next crucial step is designing the wireframes. Through wireframes, I can effectively convey the initial ideas discussed during the discovery session in a visual representation. This process allows for a more tangible and concrete visualization of the application's structure and layout. Leveraging my expertise in UX design, I focus on creating wireframes that optimize the usability flow, ensuring an intuitive and seamless user experience. By carefully mapping out each screen's layout and interactions, I identify potential areas for improvement and refine the design to align with the best usability practices.

Usability study: findings

Usability study: findings

Completed by myself

Completed by myself

1.

1.

Users need a quick way to broadcast offers within their area, not just to one business.

Users need a quick way to broadcast offers within their area, not just to one business.

2.

2.

Sending offers should be quick and simple to accommodate busy users.

Sending offers should be quick and simple to accommodate busy users.

3.

3.

Business users require a clear way to indicate when they are accepting offers on the application.

Business users require a clear way to indicate when they are accepting offers on the application.

Streamlining Offer Sending: Simplifying the User Experience

Streamlining Offer Sending: Simplifying the User Experience

Completed by myself

Completed by myself

The primary goal was to ensure that sending offers for users was simple and time-effective. Once a business is selected, I optimized the user flow to eliminate the need to navigate to additional pages. Instead, all essential details and functions are available on a single page.


The main priority on this page is to make the process of adding the price seamless, while other options such as notes and timeline are made collapsible or available in dropdowns. By doing so, I significantly reduced the time it takes for users to send offers, enhancing the overall user experience and encouraging frequent engagement with the application.

Enhancing User Experience: Intuitive Design and Seamless Navigation

Enhancing User Experience: Intuitive Design and Seamless Navigation

Completed by myself

Completed by myself

Another significant enhancement I implemented was to the main home screen, where I incorporated intuitive iconography to make different business types easily interpretable. Taking inspiration from successful functioning apps like Uber Eats, I crafted an interface that users are already familiar with, reducing friction for new users and ensuring a seamless onboarding experience.

Additionally, to enhance user convenience, I introduced an additional Call-to-Action for accepted offers. Now, users can effortlessly return to their offers after redeeming them, enhancing engagement and making the application more user-friendly. By carefully curating these design choices, the overall user experience has been elevated, making the application more approachable and intuitive for all users.

Streamlined Broadcasting: Effortless Offers to Multiple Businesses

Streamlined Broadcasting: Effortless Offers to Multiple Businesses

Completed by myself

Completed by myself

Another notable improvement was in broadcasting offers to multiple businesses simultaneously. By streamlining the process, users are now required to select only a few essential requirements: business type, service, and defining a radius. Once these details are provided, users are seamlessly taken to the offers screen. After finalizing the offer, users gain the flexibility to exclude any of the selected businesses within their defined radius, granting them more control over their offer distribution.

This enhancement optimizes the efficiency and effectiveness of offer broadcasting, empowering users to reach a wider range of businesses in their negotiation efforts.

Crafting Consistency: A Design System for Seamless UI

Crafting Consistency: A Design System for Seamless UI

Completed by myself

Completed by myself

Creating the UI design involved developing a comprehensive design system that encapsulates multiple states for components and inputs. This design system serves as a foundation for maintaining consistency and coherence throughout the application, ensuring a seamless and polished user experience. By carefully defining various states for each component and input, I aimed to enhance user interaction and feedback, making the application more intuitive and user-friendly.

Additional designs

Additional designs

Completed by myself

Completed by myself

In addition to the UI design for the main application, the project also involved creating a captivating landing page to register initial user interest and a persuasive pitch deck to seek investment from potential stakeholders. These design components played a crucial role in establishing a cohesive and impactful brand presence for the project.