Context

My goal is to champion UX for growth

Global SaaS for streamlined contractor management โ€“ workforce, documents, safety, assets, clients, projects

As a Product Designer, my main goal was to ensure smooth communication between administrators and field workers in projects involving scheduling, timesheets, data collection, and project management features. I was a key player in making smart decisions and boosting efficiency for Engineering and Product teams.

Leading design for two Engineering teams, I collaborated closely with Project Managers, Quality Assurance teams, sales, and CSMs, I managed the entire design process from research to product release support.


I mainly designed for two user groups: office administrators (web app) and field workers (mobile hybrid app).

Let me walk you through some projects:


EFFEctive
COMMUNICATION

MY TASKS

๐Ÿ‘‰ Managing business requirements
๐Ÿ‘‰ Research
๐Ÿ‘‰ User flow
๐Ÿ‘‰ Prototype
๐Ÿ‘‰ Usability test
๐Ÿ‘‰ Visual design
๐Ÿ‘‰ QA with engineers

MY TEAM

๐Ÿ‘‰ FE Engineers (Syd)
๐Ÿ‘‰ BE Engineers (Syd)
๐Ÿ‘‰ PM (Syd)
๐Ÿ‘‰ QA Engineer (Syd)

CONTEXT
Previously, we had the SMS module split into 3 sections: outbox, inbox, and compose. The customers send text messages without any indication if the message was really sent or when a reply came back. It created a communication gap between the dashboard and field worker users. The office admin had to take on the mental load of remembering to check if a text response had been sent or received.

MY PROCESS
1๏ธโƒฃ I analyzed 29 customer requests related to SMS

2๏ธโƒฃ I interviewed +6 customers to understand the problems they were facing.

3๏ธโƒฃ Conceptualised a prototype

4๏ธโƒฃ Run a usability test with 5 participants to validate the user experience and the solution

5๏ธโƒฃ Documented insights

6๏ธโƒฃ Design the design system from scratch based on Material UI react components (with accessibility)

7๏ธโƒฃ Created high-fidelity designs

8๏ธโƒฃ Implemented data tracking to measure success

 
Before: 3 splits steps for a user to view messages send, received, compose a sms. After: Global modal, access from anywhere, view thread of messages, apply templates, bulk actions.
 

OUTCOMES
SMS is now a key tool for real-time communication between the field and the office, weโ€™ve brought this front and center. SMS can be sent and received in real-time, from any part of the web app. The messages can be sent to individual workers and groups. The customers are satisfied with the changes below:

  • Instantly communication

  • Meaningful error messages for users.

  • Bulk SMS to individual workers or groups.

  • Support message templates

  • Support linking messages to a unique user ID, so if the user changes their phone number, we do not lose message history.

โ€œThis is a huge step forward!โ€

โ€“ Shel from American Asphalt

BUSINESS IMPACT
Growth
Alongside the recently released Activity Feed, this new SMS view highlights our position as a real-time field-to-office communication platform to improve the on-site operational efficiency

Adoption For existing customers, having SMS front and center, particularly incoming messages, will increase the use of Assignar as a messaging tool between site and field. 

 

EFFICIENT DATA COLLECTION FROM THE FIELD

MY TASKS

๐Ÿ‘‰ Managing business requirements
๐Ÿ‘‰ User flows
๐Ÿ‘‰ Prototype
๐Ÿ‘‰ Usability test
๐Ÿ‘‰ Mobile designs (reusing existing screens)
๐Ÿ‘‰ QA with engineers

MY TEAM

๐Ÿ‘‰ FE Engineers (Syd)
๐Ÿ‘‰ BE Engineers (Syd)
๐Ÿ‘‰ PM (Syd)
๐Ÿ‘‰ QA Engineer (Syd)

CONTEXT
We had many customers with more than 700 questions within a single form.

For one particular client, they had 118 questions repeated multiple times hidden based on conditional questions to accommodate a variable number of workers, assets, materials, and so on.

This exponentially increased the time to build forms, added to the scrolling on the mobile app, and reduced user satisfaction with our platform.

MY PROCESS
1๏ธโƒฃ
I analyzed 155 customer requests related to forms.

2๏ธโƒฃConcluded that 27 customers required improvements on forms, and they wanted to be able to add multiple answers to a group our questions.

3๏ธโƒฃ I interviewed+3 customers to understand their process, and pain points and analysed their current forms

4๏ธโƒฃ I ran a usability test with a high-fidelity prototype with 5 customers to validate the risks of reusing the current old UI, as we had to deliver this feature faster

5๏ธโƒฃ Documented insights

6๏ธโƒฃ Assist the developing designs with devs

7๏ธโƒฃ Implemented data tracking to measure success

 
Before: +118 questions repeated 20 times to collect info from 20 workers on the filed. After: 1 group with "No" of questions and a setting to receive multiple answers to the group
 

OUTCOMES
Question groups offer a range of benefits, spanning both easier setup of forms and simplifying the process of responding to forms, making it much easier and quicker to configure questions. Fieldworkers and Office managers now can:

  • Setting up forms with repetitive sets of questions is much easier

  • Expand/collapse in the app makes completing a form a nicer experience

  • 'Multiple' answers enable users to add as many responses to a group as needed and reduce the need to set up conditional questions

โ€œJoyce, Adam K., and team on your new form features. Congratulations. Iโ€™m doing a quick show and tell with our team today at noon, :Dโ€

โ€“ David from Workzone

BUSINESS IMPACT
Retention
There was a perceptive increase in the number of long forms submitted and a reduction of the form set up by 43% for office managers who build long forms.

Growth This highlights our position to become a platform with easier setup and flexibility in regards to collecting data on-site with efficiency.


Product - Jira board

Assignar INTERNAL TRANSFORMATION

SKILLS
๐Ÿ‘‰
Timely releases
๐Ÿ‘‰ Managing stakeholders
๐Ÿ‘‰ Improving process

 

Improving the product team process

CONTEXT
In a dynamic startup environment with multiple initiatives, the team struggled amid feature flags, releases, and bugs. Frustration grew as some features lacked attention, leading to a significant backlog and underutilized work.

MY PROCESS
1๏ธโƒฃ Thorough analysis I identified incomplete features lingering behind flags, some with unresolved bugs for over a month.

OUTCOME
With only a single Jira board for development, I implemented a comprehensive process to enhance visibility for both Engineering and Product teams. The new pipeline, structured around the feature life cycle, provides clarity on work in progress, releases, and client-specific feature enablement. It also highlights blocked features and reasons, aiding prioritization.

We fostered a sense of ownership among Engineers, emphasizing weekly releases to streamline focus on fixes and blockers. During planning, I introduced discussions on Success Metrics to align the team on the purpose and expected success for every initiative we undertake."


Engineers takeaways:

โ€œUnblocking features fasterโ€

ACTIONS: Weekly Goals.

โ€œIf you are not coding, you are not working = Bad engineer mentalityโ€

ACTION: Group ownership



What THEY Say about me

โ€œJoyce is a stellar designer who prioritizes understanding users and customers as humans first, and roles second. She constantly strives to better herself and her skills. She rallies behind her teams and drives a transparent culture that cultivates discussion and collaboration. Joyce was a joy to manage and partner with on a number of mission-critical projects for Assignar. She was key in driving our culture to fit the remote-first change in our organization by constantly contributing new ways to work successfully and asynchronously. She would be an incredible addition to any team. โ€
— Fatima Howes, VP of Assignar


THANKS FOR CHECKING IT OUT

Welcome to see my previous works on UI Design