# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://www.austin-lai.com/about-me/portfolio/ux-writing.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.