UX Content Collective

Overview

As part of my certification in UX Writing from UX Content Collective, I worked on a fictional payments app called JobPay and presented a final portfolio at the end of the course.

Goals and Challenges

  • Incorporate writing into interface and interactions designs

  • Create product voice

  • Write all phases of user journey

  • Edit text

  • Write common UI components

  • Create and present common UX writing deliverables

About JobPay

Functions

  • Business Owners use it to pay freelancers and track progress of hours worked (paying and tracking)

  • Freelancers use it to bill Business Owners and report progress on project (billing and tracking)

App Overview

JobPay is a fictional project management and payments app designed for Freelancers and Business Owners to work together on small projects.


User Personas

Goals

  • Work for herself and save money

  • Pay off student loans

  • Learn how to run a business

 

Freelancer - Kelly Chan

 

Frustrations

  • Sometimes forgets that other people aren’t as technical as she is

  • New to freelancing but loves the flexible hours

  • Fears complicated legal paperwork and tax forms

  • Good with money and budgeting but worries she’s not charging enough for her services, especially after working at unpaid internships in college

  • Receives excellent feedback on her writing and design work but still worries that clients might not like what she creates for them

Goals

  • Have an up-to-date business website that clients can find

  • Get the website updates done soon, but get it right

  • Get reliable leads from the website

 

Business Owner - Tom Stewart

 

Frustrations

  • Likes to check in on subcontractors progress

  • Doesn’t like slackers or people who don’t get their work done on time

  • Likes a simple tool for tracking hours and progress that isn’t complicated and doesn’t require much time

  • Rather his workers report their progress so he doesn’t have to call or go physically check the work

  • Can learn anything with enough time, but also doesn’t like to focus on administrative or bureaucratic tasks (his job is installing heating and cooling systems)

  • Manages money pretty well, but sometimes his funds run low, like when he has to pay for a lot of materials before he gets paid at the end of a job

 

Approach

After reviewing the provided information about the app and getting to know the two user personas, I conducted a quick, informal research session to learn more about the freelancer industry and empathize with users by understanding some of their frustrations, challenges, and goals.

Define

Using the information gathered, I created and implemented a style guide that clearly defines the content pattern, style, terms, and overall voice and tone of JobPay.

JobPay Content Style Guide:

Apply

I made all of the UX writing edits for the JobPay app wireframes, edited and updated all of the text, applied the recommended voice, tone, and styles from the style guide I created to rewrite the text across the app, added microcopy, tooltips, hint text, and instructions wherever I found points where the user might need more guidance.

Onboarding Welcome Screens and Flows

Before:

After:

  • Communicates main benefits of JobPay

  • States multiple benefits while focusing on specific features

  • Identifies what sets JobPay apart from the competition (project tracking and in-app payments)

  • Corrects button style with UX best practices

  • Conveys appropriate tone and voice for welcome screens


New User Onboarding Screens and Flows

Before:

After:


Freelancer Project Setup Screens and Flows

Before:

After:

Results

I presented a portfolio of screens and flows with clear, user-centered, helpful text that follow UX writing best practices for the JobPay app, as well as a detailed style guide that’s applied consistently throughout the app mockups.

Deliverables

  1. JobPay Content Style Guide

  2. Onboarding flows and screens

  3. Flows for Freelancers

  4. Flows for Business Owners