top of page

Handshake App: UI Text Edits

BACKGROUND

Throughout the UX Writing Fundamentals course, I worked with a fictional payments app designed for its two primary target users, freelancers and business owners, named "Handshake". 

​

Handshake gives business owners the ability to pay freelancers and track their project hours worked. Freelancers can bill their clients and report progress on the project. Each user has a different view of the app depending on their user type. 

​

For my final project, I took mock UI wireframes of Handshake and edited the text. I also provided feedback on UI elements, to match the appropriate voice, tone, and style that had been set throughout the course. 

UI TEXT EDITS

Hover over images to view changes

Handshake sign up (Before) / Handshake sign up (After)

Business owner ongoing use (Before) / Business owner ongoing use (After)

Freelancer ongoing use (Before) / Freelancer ongoing use (After)

ANALYSIS

PROBLEM

The initial Handshake sign up mockups did not convey the appropriate voice or tone of the app via the welcome screen, headers, inconsistent term usage, and overall content structure.

SOLUTION

Change the text across the various screens to ensure voice and tone match Handshake's style.  As well as ensuring users understand what to do on each screen, outcomes of each step, and what to do afterward.

PROCESS

I went through each individual screen within each respective flow and changed headings, blurbs, paragraphs, and CTA's to align with a more casual, friendly, and warm tone. Furthermore, I made sure that every word provided users with context and understanding of their tasks and steps. My course instructor provided feedback in areas I could give more clarity or more information to the user. Together we made edits that showcase Handshake as a more user-friendly app.

RETROSPECTIVE

This was my first time working with editing a (mock) designer's wireframe. It was sometimes easy to change particular words and phrases and other times a bit more difficult to discern if a particular term on a CTA would be more effective versus another one. It helped to have my course instructor provide feedback, much like another team member might. This project provided me good practice in collaborating with someone else in the editing and refining process. Throughout this project, I've learned that design and writing are equally important and rely on each other. It's a collaborative process, one that involves open communication via feedback and understanding. 

bottom of page