UpKeep

A mobile-first Computerized Maintenance Managements System that empowers technicians to work faster, increase productivity, and stay organized together.

A UX-Neglected Industry

The computerized maintenance management industry is almost devoid of current web design, code-bases, and UX trends. UpKeep claims to differentiate itself by providing a more usable product and being the first to put a CMMS app into the hands of technicians through a mobile-first solution. Being the fore-runner in this industry, they needed to stay ahead of competition and create more value to customers as they moved into targeting companies with larger and more complex team structures.

Summary

My mission at UpKeep was to create competitive advantage with amazing usability and design while guiding an engineering team in refactoring the codebase to a more modern stack. I was tasked into a dual-role of Product Manager and Lead UX Designer, giving me the responsibility to provide gap analysis, maintain a backlog, balance immediate clients needs against the long term product vision, improving the design and pushing new products out the door.

Services
  • Synthesize User Data & Feedback
  • UX Strategy
  • UI Design
  • Product Management
  • Project Management
  • Styleguide Creation
  • Google Analytics, Metabase, Amplitude & Database Analysis

Strategy & Goals

  • Increase engineering efficiency with better prioritization methods
  • Expand features to support clients with larger teams
  • Increase NPS scores & positive reviews
  • Create a consistent design across Android, iPhone, and Desktop
  • Improve design and features that customers request

Improving the Core Feature

The Work Order page is the first page users are introduced to. The information architecture of the site was very shallow, exposing too many features at once in the main navigation. Based on watching actual users' screen sessions, I noticed they got lost with analysis paralysis or just left from intimidation, leading them to churn. Undertaking the IA change that I mapped out was the long term goal that the team slowly worked towards as we refactored and redesigned each feature, piece-by-piece.

Establishing a Fresh Style

Greys
.dark-grey
#0D0D0E
RGB: 13, 13, 14
.charcoal-grey
#363839
RGB: 45, 56, 57
.slate-grey
#5E6164
RGB: 94, 97, 100
.steel
#878C90
RGB: 135, 140, 144
.silver
#B7BBBF
RGB: 183, 187, 191
.pale-grey
#E5E5EA
RGB: 229, 229, 234
.light-grey
#F1F5F6
RGB: 241, 245, 246
.alabaster
#F8F9F9
RGB: 248, 249, 249
Blues
.blue-gradient1
.blue-gradient2
.peacock-blue
#0055B2
RGB: 0, 85, 178
.bright-blue
#007BFF
RGB: 0, 12, 255
.dodger-blue
#4DA2FF
RGB: 77, 162, 255
.baby-blue
#B3D7FF
RGB: 179, 215, 255
.ice-blue
#E2F5FC
RGB: 179, 215, 255
Reds
.red-gradient1
.red-gradient2
.lipstick
#CF1324
RGB: 207, 19, 36
.strawberry
#FF273A
RGB: 255, 39, 58
.coral
#FB5447
RGB: 251, 84, 71
.peach
#FFD3D3
RGB: 255, 11, 11
Greens
.jungle-green
#5E6164
RGB: 5, 131, 57
.shamrock-green
#878C90
RGB: 8, 189, 82
.evergreen
#B7BBBF
RGB: 82, 208, 134
.mint
#B5EbCB
RGB: 181, 235, 203
Yellow
.dark-mustard
#B3806
RGB: 179, 136, 6
.burnt-yellow
#E0AA08
RGB: 224, 170, 8
.marigold
#FFC107
RGB: 255, 193, 7
.light-tan
#FBF2D7
RGB: 251, 242, 215

Collaboration Tools for Teams

The first project I was thrown into was to build out a Scheduling and Messaging feature to expand value for mid to large technician teams. The first step was creating personas based on our existing customers and stakeholders and anticipating a workflow that would help their business structure but remain flexible for multiple other orgs. With the UX groundwork, we immediately redesigned the collaboration tools and parsed out the designs into phased releases so we could get MVPs out as fast as possible to prevent top customers from churning.

Onboarding & In-App Branding

Grabbing users' attention and educating them at the right time are key to converting them to paid plans. I mapped out friction points and neglected features to see how we could improve usage and upgrades. From there, I created a new look and feel for in-app education that would lead users down our conversion funnel and adopt our product.

WONDER
SteELHouse