UX writing samples

Crafting microcopy is one of my favorite parts of UX Writing. I love creating tiny lines of warm text.

Below are user flows and pivotal moments that offer guidance and human connection.

VistaPrint

Logomaker

Design decisions

We designed a short, effortless wizard to help users imagine the details of their logo before they jump into design.

To create a wizard that feels effortless, we only ask 5 relevant, easy questions. Relevant because they influence the gallery of designs. Easy because small business owners are accustomed to sharing these basic details.

We omitted questions about color, visual style and font. Our target audience wasn't comfortable describing visual elements. We found the gallery better supported those kinds of decisions.

Empty state

This empty state appears if a user opens the Favorites side-bar before they tagged any favorite logos.

To make a useful empty state, I wrote UI copy to let the user know:

What’s going on (Headline)
What they can do about it (Body copy)

Filter labels

Internal consistency

Consistent language supports comprehension. To this end, I chose filter names that appear elsewhere in the UI, such as"graphics," instead of "logo mark."

Keep it short for Mobile

To keep the filters fully visible on Mobile and Desktop, I omitted prepositions and chose shorter words and phrases.

For example, "Change business information," is too long to fit visibly on the button."Change info" strikes the the right balance of character count, clarity and brand voice.

Custom sticker studio

Upload image VistaPrint die cut sticker studio

Upload selector for VistaPrint die cut sticker studio

Loading state for VistaPrint die cut sticker studio

Toast notification for VistaPrint die cut sticker studio

Size selector for VistaPrint die cut sticker studio

New size selected - VistaPrint die cut sticker studio

User Success! VistaPrint die cut sticker studio

Error message

Original error message

My revision

Revised toast notification. Now it says: Custom cutline isn't available. Try another cutline, sticker size or image."

While creating a custom sticker, a user might select a custom cutline, but the system unexpectedly defaults to a square cutline.

The system has a good (and very technical) reason to do this.

What info does the user need to meet their goal?

I played around with the Sticker studio to better understand the limitations.

It turned out that users have 3 options to complete their task:

1. chose another cutline,

2. change the sticker size or

3. pick a different sticker image

I wrote a toast notification that helps users get the sticker cut they want with the tools available in the sticker studio by listing the actions they can take to get a custom cutline.