Designing a landscape project organisation platform

By Aqil Azrif
Timeline
2.5 Months (2022)
Tools Used
Figma, Notion

Client Background

Living Areas is a landscaping and garden maintenance business based in Sydney. They specialise in lawn care, irrigation, garden upgrades and long or short term maintenance schedules for landscapes.

The Problem

Currently, the business uses a complex mix of platforms and spreadsheets in which a lot of the data needs to be transferred manually.

As a result of these problems, Living Areas came to us for guidance on designing their web & mobile portal platform to centralise the key segments of their business into an interlinked platform to roll out for managers and gardeners alike.

Project Objective

I was tasked with the objectives of working on implementing the following parts of the platform in the span of 2.5 months.

Jobs, Quotes & Inventory Web Portal

The sections of the web portal to do with the tracking of job progress, managing materials & labour along with building quotes & invoices.

Workers Mobile App

A native smartphone application to optimise the workers job tracking workflow while also allowing for a centralised, intuitive place for messaging, trip logging and leave/avaliability requests.

My Role

My responsibilities for this project was predominantly centred around the visuals and interaction side of the experience - iterating upon different structures of the UI to be as understandable as possible for each areas target user.

  • - Userflows
  • - Information Architecture
  • - Wireframes
  • - Design System
  • - User Interface design
  • - Interaction design

Project kickoff

Within the initial kickoff, I was tasked to hit the ground running by quickly familiarising myself with the existing dashboard that was designed before me.

In order to get up to speed I took the time to map out the new userflows to integrate with the dashboard along with coordinating with Georgina (The co-founder of Living Areas) the main objectives for the upcoming design phase.

Fig 1. Zoomed out version of the userflow showcasing all the main sections involved for the main dashboard. This helped us map out the essential interactions for each section along with how each section may need to interact between each other.

These userflows greatly helped in defining the main objectives for each section of the Portal. Fig 2 & Fig 3 showcase how I took defining these main needs and implemented it into a usable and clean UI.

Fig 2. Example of the quote builder userflow. Main requirements of this section involved splitting the quote requirements between the cost of materials & labour along with the payment schedule for that specific landscaping job.
Fig 3. Example of quotes section in HIFI form. The userflow helped us prioritise the key actions involved in the user building a quote form for landscaping jobs. Our solution was a drag and drop based system using a quoting toolkit for quick quote building and automated price calculations.

Design system

Working off Raw studio’s existing UI library kit - Sprint UI, we were able to quickly adapt the library to match what we needed for building out the Living Areas dashboard and app to ensure consistency throughout the web portal.

Fig 4. A snapshot of the adapted design system to accommodate Living Area’s branding along with the key tables and interactions required for the dashboard.

The Product

Over the course of many iterations and collaborating with Georgina, we developed a fully featured project management system tailored specifically towards job management within the gardening and landscaping industry.

Robust Job Tracking between app and dashboard

We developed an adaptable project management system where a multitude of services can be tracked through both the main desktop admin portal, but also on-the-go with the mobile workers app. Tasks, materials, job cost and client details are easily available for project managers, whereas the workers app features essential job related tasks, time and location tracking.

An organised inventory system

Running a landscaping business requires many types of materials sourced from a variety of suppliers. We focused on making this aspect of the business cohesive through a comprehensive inventory management system with an intuitive way to check stock, search for materials and filter by suppliers.

Job management on the field

We developed an adaptable project management system where a multitude of services can be tracked through both the main desktop admin portal, but also on-the-go with the mobile workers app. Tasks, materials, job cost and client details are easily available for project managers, whereas the workers app features essential job related tasks, time and location tracking.

My Learnings

  • Distill complex problems down through userflows
  • userflows proved essential to cross checking dashboard and app functionality with the client. This enabled us to clearly define the exact requirements of the UI.
  • Ensure UI consistency with design systems
  • Constructing a fully fleshed out design system system along with knowledge of using the system to its fullest potential allows for increase efficiency in generating iterations that work well visually across multiple platforms.

Given More Time...

  • Generate user stories
  • Generating user stories for this project would help in further developing simpler key insights. This would allow us to better confirm that all user needs are met properly
  • More robust user testing
  • As Living Areas were looking to whitelabel this platform in the future, I would have run user tests among a wider metric of people. From these insights I would be able to iterate upon the UI to cater towards more edge case needs (For instance, adapting the Workers App to be understandable even through a language barrier).