Skip to content
All projects
EmploymentEAMA Inc.· 2022 – 2024

EAMA App & Dashboard

From phone calls and spreadsheets to one real-time platform

EAMA operations dashboard on a laptop, showing booking rate, completed orders and revenue charts, with the EAMA mobile app on a phone in front.

Problem

Manual dispatch and fragmented tools meant slow responses, higher operating costs and unhappy clients.

My role

Owned UX/UI design and end-to-end research, from recruiting users to usability testing, through launch.

Outcome

A shipped web dashboard and mobile app with scheduling, CRM and real-time tracking, built on a Figma design system that cut design-to-code inconsistencies by 30%.

Role
UI/UX Designer & Senior Graphic Designer
Team
Owned UX/UI and research; worked with developers, QA and executives; mentored junior designers
Timeline
May 2022 – Feb 2024
Tools
Figma, Adobe XD, Miro, Google Forms, Zoom, Trello, Slack
  • Product Design
  • UX/UI
EAMA website

1. Context

EAMA Inc. serves property managers and clients across plumbing, electrical, mechanical and other trades. Requests, quotes and technician schedules lived in phone calls and spreadsheets.

2. Research and discovery

  • Recruited and interviewed technicians, property managers and clients, to understand pain points across three very different roles.
  • Scenario-based usability testing, remote and in-person, with findings synthesised into validated design decisions.
  • Competitive analysis of ServiceTitan (robust analytics, high complexity), Jobber (friendly design, strong support) and Housecall Pro (strong mobile app, competitive pricing). This shaped a positioning around usability and integrated features.
Competitive analysis table comparing three field-service platforms on audience, features, interface, strengths, weaknesses and pricing.
Competitive analysis.
EAMA customer journey map across stages of a service request.
Customer journey for a service request.

3. Flows and structure

I mapped user flows for each role: registration and login, dashboard navigation, and the service request from submission to quote to tracked progress. An admin permission guide defined what each role can see and change.

Chart of web portal admin access permissions by role.
Web portal admin access guide.
Persona card for James, a project manager whose commercial building bookings get complicated.
Persona: the project manager.
Hand-drawn sketches and low-fidelity wireframes for the dashboard.
Sketches and low-fidelity wireframes.

4. The solution

A web dashboard for operations and a mobile app for technicians and clients, with scheduling, CRM and real-time job tracking in one place. High-fidelity prototypes in Figma went through stakeholder feedback and scenario-based testing before handoff.

Desktop dashboard screens for inventory and service management, arranged at an angle.
Desktop: operations and inventory.
EAMA mobile app screens: onboarding, service exploration, tracking and payment.
Mobile: explore services and track progress.
EAMA mobile app screens: sign-in, registration, billing by cheque or credit card, and the client home screen with service requests and tech tracking.
Mobile app: onboarding, billing and the client home screen.

5. The design system

The dashboard, the app and EAMA’s marketing were built from one Figma design system I maintained: brand guidelines, design tokens for color, type and spacing, and a reusable component library.

Below are the color tokens: EAMA red and charcoal, each scaled from 50 to 950. White text on EAMA red passes WCAG AA (5.4:1), so the white-on-red service tiles stay readable.

Primary (EAMA red) #CE2026

  • 50#FFC7BA
  • 100#FFA79B
  • 200#FF887D
  • 300#FF6A61
  • 400#ED4B46
  • 500#D12A2C
  • 600#B40011
  • 700#960000
  • 800#760000
  • 900#560000
  • 950#360000

Neutral (EAMA charcoal) #2F2E2E

  • 50#F2F1F1
  • 100#D8D7D7
  • 200#BEBDBD
  • 300#A5A4A4
  • 400#8D8C8C
  • 500#757474
  • 600#5E5D5D
  • 700#484747
  • 800#333232
  • 900#201F1F
  • 950#0E0D0D

6. Launch and iteration

I supported the launch of the first version and refined features after it, based on user feedback. Requests for third-party integrations, more customisation and better reporting went onto the roadmap for future iterations.

fewer design-to-code inconsistencies with the Figma design system
30%
Source: Shyine’s résumé
owning UX/UI and research for the platform
1.5 yrs
Source: Shyine’s résumé

Beyond the product:

  • Presented concepts and pitch decks to executive stakeholders.
  • Mentored junior designers on UX principles, accessibility and systems thinking.
  • Filmed, edited and mixed employee-story and social videos with the marketing team.
Beacon Path Mortgage homepage on desktop and mobile, with the headline “Buying your first home? Let’s make it make sense.” in cream and copper on navy.Next projectBeacon Path MortgageA licensing disclosure as the reason to trust