> For the complete documentation index, see [llms.txt](https://www.austin-lai.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.austin-lai.com/about-me/portfolio/ux-writing.md).

# UX Writing

**Datadog**

I audited the [Docs landing page](https://docs.datadoghq.com/) for consistency nits, published a page about my findings in Docs4Docs, and rewrote a lot of microcopy for my 2021 Docs Hackathon project. 

![Docs Site Landing Page Overview](/files/TMWZGz7GD7ptkbAoWKEN)

![Docs Landing Page After](/files/Qw0u0iViEvJN8IyvLS8X)

![Docs Landing Page Before](/files/mL8ZcJDbUW0BzKcJal2l)

For more information, check out my corresponding [pull request](https://github.com/DataDog/documentation/pull/12495) in our open source repo! 

**AppDynamics**

{% file src="/files/QuRuQSWQgprzBDjANz1A" %}
UX Writing Style Guide: Capitalization
{% endfile %}

![Application Analytics Dialogue Box](/files/-MSipunkfJXtDXO9Yv3f)

![UI Copy Bug Ticket](/files/-MSkytnRhWBXslm9ipjO)

**Vinebase**

{% embed url="<https://coda.io/d/Vinebase-Brand-Design-Guidelines_dVPpbk60UjK/Voice-and-Tone_suSr5#_luKAK>" %}
Vinebase Voice and Tone Style Guide
{% endembed %}

![Vinebase Checkout UX Feedback](/files/-MSlBwS9YERGD1KzU5Bz)

![Initial User Gate Mockup](/files/-MSkm8ifcb9mrPqgY07k)

{% hint style="info" %}
**New User Gate Brainstorm**

I designed the initial mockup and wrote the popover copy for the New User Gate. The user gate is the first screen that a new user sees when they visit Vinebase. It's important that we communicate our company mantra, validate the user's age (21 years old or older), and verify the user's shipping location (Vinebase currently only ships to California).
{% endhint %}

![User Gate: Age Denied](/files/-MSkmFySOEyUIDQqjmiw)

{% hint style="danger" %}
**New User Gate Age Verification**

I designed this mockup and wrote the microcopy for this error message. If a potential user under 21 years of age visits Vinebase, they are not legally allowed to buy alcohol.&#x20;
{% endhint %}

![User Gate: Shipping Location Unavailable](/files/-MSkmhu6GzXh6fIFD5ML)

{% hint style="warning" %}
**New User Gate Shipping Location**

I designed this mockup and wrote the microcopy for this error message. If a potential user outside of California visits Vinebase, Vinebase is unable to process their orders (until domestic shipping becomes available).&#x20;
{% endhint %}

![New User Gate](/files/-MSko_uMkfmckqeA_K_G)

{% hint style="success" %}
**Official New User Gate**

After reviewing the mockups with Product Design and Engineering, we designed a clean, colorful dialogue box to verify a new user's shipping location and age.
{% endhint %}

**Cisco**

![Borderless Access Error Message](/files/-MSkjX0e4nCeTJJFAd6M)

![Cisco API Console](/files/-MSklWchVgeHjBX-ojRM)

**UChicago Admissions**

![Uncommon Blog Wireframe](/files/-MSfpoGnF1JCIlXQZnl3)

![Admitted Students Portal Wireframe](/files/-MSf-viyzPZZ8VgQprV7)

**Application Development**

![Bathrooms of UChicago Wireframe](/files/-MSu7RcTNsdjReicmcBV)