Greenworks Tools 

UX/UI for greenworks app that allows user to connect and control greenworks robotic lawn mowers, vehicles and more.
Roles: UX Researcher / Branding / Visual Design
Year: 2019 - 2025
Cover images for Greenworks app project, displayed on the project details page

Project Goal

Redesign the outdated Greenworks app to improve its visual identity and user experience without changing core functionality.

What Was Broken

  • Outdated UI made the app feel cheap and untrustworthy.
  • No installation guide in the app. Users had to rely on a poorly made paper manual.
  • The app didn’t reflect the innovation of the Greenworks brand or its smart tools.
Old user interface of Greenworks app before redesign, shown on Greenworks Tools project details page
Greenworks tools app when I started working at the company

My Approach

Step 1: Get Real User Frustration Firsthand

  • Asked a newly hired designer to install a robot via the app with no background info.
  • Observed confusion, friction, and general frustration.
  • From this mini usability test, we mapped key usability gaps.

Step 2: Define the Design Direction

  • Kept all existing features. This was a visual and UX improvement, not a feature overhaul.
  • Focused on a modern, clean aesthetic aligned with the Greenworks brand.
  • Prioritized scannability, speed, and trust in the UI.

Design Decisions (and Why)

  • Consistent Layout: Created a unified layout between the same category products to handle many tool types without confusing users.
  • Integrated Installation Guide: Embedded a step-by-step guide directly into the app to reduced dependency on printed manuals.
  • Visual Refresh: Applied the brand's green and grey palette with a minimalist aesthetic to reflect innovation and eco-tech.
  • Image Handling: Worked within strict image constraints. Needed to use existing image bank creatively through cropping, applying shadows, etc...

Real Constraints

  • Brand Guidelines: Color use was heavily restricted.
  • Limited Assets: Couldn’t get new product images. Had to fix the old one's to match the UI design.
  • Broad Product Range: One app for many tools (robots, batteries, zero turns) meant the UI needed to scale across tool types with different features.
Greenworks brand design guidelines showing typefaces and color palette, displayed on Greenworks Tools project details page
Greenworks tools main colors and typefaces

Key Challenge

Consistency across inconsistency. Each product line had unique UI needs: different features, different usage flows, etc... Creating a consistent UX while keeping specific functionality intact was the toughest part.

Image of different product dashboards UI's displayed in Greenworks app, shown on Greenworks Tools project details page
Examples of different connected products

Outcome

  • Users reported the app felt faster, looked cleaner, and was much easier to use.
  • Installation complaints dropped noticeably after embedding the in app installation guide.
  • Internal stakeholders praised the visual transformation. Saw it as more aligned with the Greenworks brand promise.
Overview of Greenworks Tools app UI showing multiple app pages, displayed on the Greenworks Tools project details page
Greenworks tools latest app UI after the update