Tools: Jira, Google Docs, Abstract, inVision, Sketch, Figma, Balsamiq, Excalidraw, and Whimsical.
Datadog
I audited the Docs landing page 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
Docs Landing Page After
Docs Landing Page Before
For more information, check out my corresponding pull request in our open source repo!
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).
User Gate: Age Denied
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.
User Gate: Shipping Location Unavailable
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).
New User Gate
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.
