Real Estate Freelancing App
Overview
TaskEstate is an innovative real estate platform that simplifies and automates leasing processes, achieving the highest standards of ease, transparency, and trust in rental transactions.
Recently, they’ve been looking into developing an app for real estate freelancers, mainly photographers and brokers to deliver tasks assigned by the company.
The goal is to automate some business processes, minimize manual paperwork internally and offer real estate freelancers a platform to facilitate and enhance their workflow.
TaskEstate is an innovative real estate platform that simplifies and automates leasing processes, achieving the highest standards of ease, transparency, and trust in rental transactions.
Recently, they’ve been looking into developing an app for real estate freelancers, mainly photographers and brokers to deliver tasks assigned by the company.
The goal is to automate some business processes, minimize manual paperwork internally and offer real estate freelancers a platform to facilitate and enhance their workflow.
TaskEstate is an innovative real estate platform that simplifies and automates leasing processes, achieving the highest standards of ease, transparency, and trust in rental transactions.
Recently, they’ve been looking into developing an app for real estate freelancers, mainly photographers and brokers to deliver tasks assigned by the company.
The goal is to automate some business processes, minimize manual paperwork internally and offer real estate freelancers a platform to facilitate and enhance their workflow.
Role
UX/UI , Visual Design
Timeline
3 months
(Feb-April 2024)
Tools
Figma, Miro, Canva, Photoshop



Challenge
A challenge faced was to provide freelancers with essential information for a seamless task experience without overwhelming them.
Implementing a minimalistic design, incorporating clear iconography and readable typography, and organizing information according to UX principles (like Miller's Law, which involves breaking content into smaller parts to aid users in processing, understanding, and memorizing information) proved to be effective design strategies in reducing users' cognitive load.
Results
The designed app provides a seamless interface, making it easier for users to navigate and simplifies the users' journey to access essential features.
With the ability to visualize and manage their workload, effortlessly track their profits and delivered enticing incentives, users are encouraged to remain engaged.
The designed app provides a seamless interface, making it easier for users to navigate and simplifies the users' journey to access essential features.
With the ability to visualize and manage their workload, effortlessly track their profits and delivered enticing incentives, users are encouraged to remain engaged.
The designed app provides a seamless interface, making it easier for users to navigate and simplifies the users' journey to access essential features.
With the ability to visualize and manage their workload, effortlessly track their profits and delivered enticing incentives, users are encouraged to remain engaged.

Increased Engagement
Increased Engagement

Higher Satisfaction
Higher Satisfaction
Problem
TaskEstate has been struggling to manage paperwork and has been experiencing a high turnover rate with freelancers; making their inner workflow inefficient and difficult to maintain a professional and high quality work from freelancers.
TaskEstate has been struggling to manage paperwork and has been experiencing a high turnover rate with freelancers; making their inner workflow inefficient and difficult to maintain a professional and high quality work from freelancers.
TaskEstate has been struggling to manage paperwork and has been experiencing a high turnover rate with freelancers; making their inner workflow inefficient and difficult to maintain a professional and high quality work from freelancers.
Hypothesis
Due to the ineffectiveness of the current inner operations, there’s a dissatisfaction in the overall management of tasks within and without the company, and freelancers are discouraged to continue working with TaskEstate.
By designing an app that focuses on providing real estate freelancers with a platform to manage their tasks, have access to quality manuals and communicate easily with the company; it will reduce frustration with the tasks’ processes, ensures compliance with regulations, and ultimately streamline the company’s workflow.
Due to the ineffectiveness of the current inner operations, there’s a dissatisfaction in the overall management of tasks within and without the company, and freelancers are discouraged to continue working with Aamar.
By designing an app that focuses on providing real estate freelancers with a platform to manage their tasks, have access to quality manuals and communicate easily with the company; it will reduce frustration with the tasks’ processes, ensures compliance with regulations, and ultimately streamline the company’s workflow.
Due to the ineffectiveness of the current inner operations, there’s a dissatisfaction in the overall management of tasks within and without the company, and freelancers are discouraged to continue working with TaskEstate.
By designing an app that focuses on providing real estate freelancers with a platform to manage their tasks, have access to quality manuals and communicate easily with the company; it will reduce frustration with the tasks’ processes, ensures compliance with regulations, and ultimately streamline the company’s workflow.
Quantitative Data
Data was collected through Freelancers’ surveys from different studies:
Global Survey on Freelancing 2021
Key findings and insights to consider:
Data was collected through Freelancers’ surveys from different studies:
Global Survey on Freelancing 2021
Key findings and insights to consider:
Data was collected through Freelancers’ surveys from different studies:
Global Survey on Freelancing 2021
Key findings and insights to consider:



Results summary of the analyzed data from different survey reports
Results summary of the analyzed data from different survey reports
Qualitative Data (User Persona)


User Persona for Broker freelancers
User Persona for Broker freelancers


User Persona for Photographer freelancers
User Persona for Photographer freelancers
Problem Statement
There’s an overwhelming amount of work to be done manually within TaskEstate, and a mismanagement between the company and their freelancers.
Consequently, frustration with the workflow has led freelancers to lose interest in maintaining consistent effort while working with the company, resulting in a decline in service quality.
Furthermore, freelancers are struggling with 4 main issues:
1- Project acquisition & lack of access to information
2- Time management
3- Late payments
4- Building client relationships
There’s an overwhelming amount of work to be done manually within TaskEstate, and a mismanagement between the company and their freelancers.
Consequently, frustration with the workflow has led freelancers to lose interest in maintaining consistent effort while working with the company, resulting in a decline in service quality.
Furthermore, freelancers are struggling with 4 main issues:
1- Project acquisition & lack of access to information
2- Time management
3- Late payments
4- Building client relationships
There’s an overwhelming amount of work to be done manually within TaskEstate, and a mismanagement between the company and their freelancers.
Consequently, frustration with the workflow has led freelancers to lose interest in maintaining consistent effort while working with the company, resulting in a decline in service quality.
Furthermore, freelancers are struggling with 4 main issues:
1- Project acquisition & lack of access to information
2- Time management
3- Late payments
4- Building client relationships
Objectives of Study
Design an app with a coherent brand identity.
Minimize the amount of paperwork by automating the tasks’ processes.
Develop a clear and easy to follow task-flow that will increase satisfaction with the process.
Create comprehensive content and provide resources to ensure consistency and quality of work.
Incorporate tools and features to assist in task and time management, promote trust & transparency and ease communication.
Design an app with a coherent brand identity.
Minimize the amount of paperwork by automating the tasks’ processes.
Develop a clear and easy to follow task-flow that will increase satisfaction with the process.
Create comprehensive content and provide resources to ensure consistency and quality of work.
Incorporate tools and features to assist in task and time management, promote trust & transparency and ease communication.
Design an app with a coherent brand identity.
Minimize the amount of paperwork by automating the tasks’ processes.
Develop a clear and easy to follow task-flow that will increase satisfaction with the process.
Create comprehensive content and provide resources to ensure consistency and quality of work.
Incorporate tools and features to assist in task and time management, promote trust & transparency and ease communication.
How Might We..
Design a user-friendly interface that maximizes intuitiveness and minimizes the learning curve?
Develop a feature that helps freelancers manage multiple projects, track progress, and meet deadlines while accommodating flexible work hours?
Ensure timely & reliable payment methods within our app to build trust?
Facilitate easy communication between freelancers & clients?
Leverage the flexibility & happiness that freelancers experience to enhance their engagement with our app?
Tailor their search for tasks to their needs and provide accessible useful information?
Design a user-friendly interface that maximizes intuitiveness and minimizes the learning curve?
Develop a feature that helps freelancers manage multiple projects, track progress, and meet deadlines while accommodating flexible work hours?
Ensure timely & reliable payment methods within our app to build trust?
Facilitate easy communication between freelancers & clients?
Leverage the flexibility & happiness that freelancers experience to enhance their engagement with our app?
Tailor their search for tasks to their needs and provide accessible useful information?
Design a user-friendly interface that maximizes intuitiveness and minimizes the learning curve?
Develop a feature that helps freelancers manage multiple projects, track progress, and meet deadlines while accommodating flexible work hours?
Ensure timely & reliable payment methods within our app to build trust?
Facilitate easy communication between freelancers & clients?
Leverage the flexibility & happiness that freelancers experience to enhance their engagement with our app?
Tailor their search for tasks to their needs and provide accessible useful information?




Ideas from a brainstorming session to
inform the design
Notes from a brainstorming session to inform the design
Site Map (Constructing The Mental Model)



Task Flow Diagrams



Unit Photography Task
Unit Photography Task



Tenant Visit Task
Tenant Visit Task
Design Decisions
Ensure the app has a user-friendly interface and an easy onboarding process.
Create an intuitive interface that is easy to navigate, enabling freelancers to search for tasks and access essential information.
Include a calendar or scheduling feature to help users manage multiple projects, track progress, and meet deadlines.
Include tools for tracking income, expenses and payment updates.
Introduce gamification elements that reward freelancers for completing tasks: Progress Bars.
Include in-app messaging, notification features and automated reminders to facilitate easy communication between all parties involved.
Provide access to technical support for troubleshooting app-related issues.
Ensure the app has a user-friendly interface and an easy onboarding process.
Create an intuitive interface that is easy to navigate, enabling freelancers to search for tasks and access essential information.
Include a calendar or scheduling feature to help users manage multiple projects, track progress, and meet deadlines.
Include tools for tracking income, expenses and payment updates.
Introduce gamification elements that reward freelancers for completing tasks: Progress Bars.
Include in-app messaging, notification features and automated reminders to facilitate easy communication between all parties involved.
Provide access to technical support for troubleshooting app-related issues.
Ensure the app has a user-friendly interface and an easy onboarding process.
Create an intuitive interface that is easy to navigate, enabling freelancers to search for tasks and access essential information.
Include a calendar or scheduling feature to help users manage multiple projects, track progress, and meet deadlines.
Include tools for tracking income, expenses and payment updates.
Introduce gamification elements that reward freelancers for completing tasks: Progress Bars.
Include in-app messaging, notification features and automated reminders to facilitate easy communication between all parties involved.
Provide access to technical support for troubleshooting app-related issues.
Low Fidelity Wireframing


Low-Fidelity sketch designs exploring app pages, features and elements
Low-Fidelity sketch designs exploring app pages, features and elements
Visual Identity
Colours:
Blues: Conveys a sense of reliability and trust, capturing the essence of the business. The used shades vary between striking blues to grab attention and light blue tones that are soft and subtle, creating a complementary contrast.
Neutrals: White and greys are used around the app for text, backgrounds, and disable status.
Reporting: Red and green to convey system status.
Fonts:
Reem Kufi Font: A neat and elegant looking style. Used for headlines and important text.
Roboto Font: Clean style with sharp lines. Used for body paragraphs and subheadings for its clarity and readability.
Colours:
Blues: Conveys a sense of reliability and trust, capturing the essence of the business. The used shades vary between striking blues to grab attention and light blue tones that are soft and subtle, creating a complementary contrast.
Neutrals: White and greys are used around the app for text, backgrounds, and disable status.
Reporting: Red and green to convey system status.
Fonts:
Reem Kufi Font: A neat and elegant looking style. Used for headlines and important text.
Roboto Font: Clean style with sharp lines. Used for body paragraphs and subheadings for its clarity and readability.
Colours:
Blues: Conveys a sense of reliability and trust, capturing the essence of the business. The used shades vary between striking blues to grab attention and light blue tones that are soft and subtle, creating a complementary contrast.
Neutrals: White and greys are used around the app for text, backgrounds, and disable status.
Reporting: Red and green to convey system status.
Fonts:
Reem Kufi Font: A neat and elegant looking style. Used for headlines and important text.
Roboto Font: Clean style with sharp lines. Used for body paragraphs and subheadings for its clarity and readability.



Left: App colors and their functions
Right: Typography with font details and type scale
Left: App colors and their functions
Right: Typography with font details and type scale
UI Components
I used the 8px grid system for the iconography. I sized them proportionally, with the height as a multiple of 8 (16px, 24px, 32px, and 48px). While the rest of the components' followed the grid system's lines.
I used the 8px grid system for the iconography. I sized them proportionally, with the height as a multiple of 8 (16px, 24px, 32px, and 48px). While the rest of the components' followed the grid system's lines.
I used the 8px grid system for the iconography. I sized them proportionally, with the height as a multiple of 8 (16px, 24px, 32px, and 48px). While the rest of the components' followed the grid system's lines.



Sample of UI components' style used
throughout the App
Sample of UI components' style used throughout the App
High-Fi Prototyping



On-Boarding
On-Boarding



Wallet - Account - Task Schedule respectively
Wallet - Account - Task Schedule respectively



Tenant Visit Task page
Tenant Visit Task page



Photography Task pages
Photography Task pages



My Task page
My Task page
Learnings
Balancing the need to present comprehensive data with the goal of minimizing cognitive load taught me to prioritize a user-centric design with clarity and simplicity.
By integrating intuitive UI elements and streamlined navigation, I discovered that a minimalistic approach does not only reduce clutter but also significantly enhances user engagement and satisfaction.
Balancing the need to present comprehensive data with the goal of minimizing cognitive load taught me to prioritize a user-centric design with clarity and simplicity.
By integrating intuitive UI elements and streamlined navigation, I discovered that a minimalistic approach does not only reduce clutter but also significantly enhances user engagement and satisfaction.
Balancing the need to present comprehensive data with the goal of minimizing cognitive load taught me to prioritize a user-centric design with clarity and simplicity.
By integrating intuitive UI elements and streamlined navigation, I discovered that a minimalistic approach does not only reduce clutter but also significantly enhances user engagement and satisfaction.
Conclusion
This experience underscored the value of empathetic design thinking. By understanding the users' experience with freelancing, it was possible to design an app with an engaging journey that curates for their needs and addresses their concerns.
Implemented elements and features offered a hustle-free interaction, enabling the user to prioritize and focus on their tasks.
This experience underscored the value of empathetic design thinking. By understanding the users' experience with freelancing, it was possible to design an app with an engaging journey that curates for their needs and addresses their concerns.
Implemented elements and features offered a hustle-free interaction, enabling the user to prioritize and focus on their tasks.
This experience underscored the value of empathetic design thinking. By understanding the users' experience with freelancing, it was possible to design an app with an engaging journey that curates for their needs and addresses their concerns.
Implemented elements and features offered a hustle-free interaction, enabling the user to prioritize and focus on their tasks.