Hi. I’m Sarah and I'm a creative developer in Austin, Texas.

Apollo 2099 Targigrade game

Design & Prototyping

Personal Proof of Concept, 2020

Most of my projects at this time are under NDA. When an opportunity came up to share with a broader audience what I've been working on, I had to anonymize — well, everything — but I still wanted to show how to build a demo for an experience that uses both touch and physical inputs. InVision was too limited to use for this, but ProtoPie allowed me to build something as complex as a whack-a-mole style video game in under a weekend. I drew all the art, then built the scenes, animations, game loop, scoring mechanism, and toggleable difficulty modes in ProtoPie.

You can play this on the web or on your smart device by scanning this QR code from the ProtoPie Player app on iOS or Android.

Astro UXDS - TT&C Investigate

Front-end Development

Astro Telemetry, Tracking & Command, 2019

This and the other Astro projects on my portfolio are part of the Astro User Experience Design System, a framework developed and maintained by Rocket Communications on behalf of the US Air Force Space Command. The Astro UXDS enables diverse development teams to build rich space app experiences and custom applications with established interaction patterns and best practices. Our team of designers and developers has built a suite of sample experiences to help prospective development teams realize what's possible using a design system built specifically for the needs of warfighters managing space apps.

Learn more about how we designed and built the Astro TT&C sample apps or check out the live version of this site at ttc-investigate.astrouxds.com.

Astro UXDS - TT&C Command

Front-end Development

Astro Telemetry, Tracking & Command, 2019

This and the other Astro projects on my portfolio are part of the Astro User Experience Design System, a framework developed and maintained by Rocket Communications on behalf of the US Air Force Space Command. The Astro UXDS enables diverse development teams to build rich space app experiences and custom applications with established interaction patterns and best practices. Our team of designers and developers has built a suite of sample experiences to help prospective development teams realize what's possible using a design system built specifically for the needs of warfighters managing space apps.

Learn more about how we designed and built the Astro TT&C sample apps or check out the live version of this site at ttc-command.astrouxds.com.

Astro UXDS - GRM Equipment Manager

Front-end Development

Astro Ground Resources Management, 2019

This and the other Astro projects on my portfolio are part of the Astro User Experience Design System, a framework developed and maintained by Rocket Communications on behalf of the US Air Force Space Command. The Astro UXDS enables diverse development teams to build rich space app experiences and custom applications with established interaction patterns and best practices. Our team of designers and developers has built a suite of sample experiences to help prospective development teams realize what's possible using a design system built specifically for the needs of warfighters managing space apps.

Learn more about how we designed and built the Astro GRM sample apps or check out the live version of this site at grm-equipment.astrouxds.com.

Astro UXDS Storybook

Front-end Development, Developer Experience

Astro UXDS Storybook, 2019

This and the other Astro projects on my portfolio are part of the Astro User Experience Design System, a framework developed and maintained by Rocket Communications on behalf of the US Air Force Space Command. The Astro UXDS enables diverse development teams to build rich space app experiences and custom applications with established interaction patterns and best practices. To enable developers to learn how to use the Astro UXDS faster, I led the charge to move all of the components to a Storybook, where we could sandbox and test the components in isolation. I also revised much of the documentation in preparation for the V4.0 release, as I and the rest of the team converted the framework underlying the components from Polymer to lit-element.

Check out the storybook at astro-components.netlify.com.

Knitting Needle Guide

Content Strategy, UX, Visual Design & Front-end Development

The Knitting Needle Guide, 2017

With the proliferation of blogs as passive income, I thought I'd try my hand at making a niche website. This is a Jekyll-based blog that I host on AWS for less than $2/month. I did all the branding, web design, SEO research, monetization, social media, and development myself, and have only recently started hiring writers to continue building up the content. As of March 2020, the site has about 10,000 unique visitors a month and makes a modest but rapidly growing profit. Check it out at KnittingNeedleGuide.com.

Datasets

UX, Visual Design & Front-end Development

Dun & Bradstreet, 2018

Another opportunity where I took the project from concept to delivery. I was responsible for the wireframes, visual design, and ultimate front-end implementation in Vue.JS for this app that handled record uploading, user management, and data analysis.

Data Quality Profile Dashboard

UX, Visual Design & Front-end Development

Dun & Bradstreet, 2017

Early dashboard concept for data quality analysis for D&B subscribers. This Vue.JS project used a json response to fill out these animated SVG or Chart.JS graphs on the client at runtime. Again, it was really fun taking this project from conception all the way to code.

ATX Permitting

Front-end Development

City of Austin Technology & Innovation Fellows, 2017

The City of Austin Innovation Fellows invited designers & developers from the commercial/startup industries to participate in fellowship appointments of up to one year, to build modernized websites and tools for city residents and civil servants.

Visit this resource for understanding building permits in Austin at permittingatx.com.

Asana Community Profile

UX & Visual Design for Asana Forums Page

Asana, 2016

As we prepared to kick off the first official Asana forums, we explored restyling existing forum software to match the Asana product style. I presented this and several other screens as concepts from which to style a default vanilla forum markup.

Asana Business Tool

UX, Visual Design & Front-end Development

Asana, 2016

Redesigning 'ugly duckling' projects has long held a special satisfaction for me. This internally developed business tool helps users all across the company understand adoption and growth. As a collection of charts and data tacked on across many years of use, it really needed a new visual hierarchy that would support usage across a variety of teams.

Asana Win at Work Card Game

Landing Page Front-end Development

Asana, 2015

A little New Year’s animated card game put together as part of a larger social media initiative. This hackathon-esque project pushed the envelope with what was readily available in CSS3 3D transforms back then. Hasn't aged well as browsers have much better support for complex animations, but feel free to check it out on the Wayback Machine.

(No longer maintained)

Asana Win at Work Card Game

Landing Page Front-end Development

Asana, 2015

A big branding campaign that featured other companies using Asana. This was back when masonry layouts were still impressive (and needed jQuery). Check it out on the Wayback Machine.

(No longer maintained)

Asana Office Weather Dashboard

Weather/Clock Dashboard Front-end Development

Asana, 2015

As the Asana team spread around the globe, the Design team suggested a dashboard that showed the current time of day and weather at each of our first three offices. With a preliminary design from one of my colleagues, I built this animated SVG-based clock and weather dashboard to be displayed on a TV in the foyer of each office. Check it out at Asa.na/weather

(No longer maintained)

Redesigned Asana Task Email

Transactional Email Design & Development

Asana, 2015

After a few years at Asana, I suggested that our transactional emails — the emails that are sent whenever someone comments, assigns, or otherwise changes a task you're following — would be more effective at getting folks to return to the app if the task summary in the email looked more like the task pane in the product. I also pointed out that most email applications used message threading, which we could better use to our advantage.

I was given the go-ahead to test my hypothesis and came up with this design, which I coded and we split-tested in the product. The redesigned task emails were a wild success, increasing click-thru rate to the app by 50% and ultimately contributing to an increase in team-wide premium conversion by 33%.

Cepheid Product Page

Website Design & Front-end Development

Cepheid.com, 2014

One of the first sites where I was fully responsible for both the design and front-end development, while acting as Interactive Art Director for a design agency specializing in experiences for the healthcare and biopharmaceutical industry.

This client’s health testing technology is really fascinating, and they were looking to modernize from an existing Flash site. I suggested lifting patterns from e-commerce sites such as breadcrumbs, related product suggestions, and strong CTA's for ordering actions to increase the visibility of the range of testing products.

Check it out on the Wayback Machine.

Medtronic Symposium Email

Product Announcement HTML Email Design & Development

Medtronic, 2014

Custom HTML email templates. Nearly all the text content is ‘real’ text, not image slices (although what you're seeing here is a screenshot).

forge by Acision

Presentation Design, Website Design & Development

Acision, 2014

This site and an accompanying presentation helped my client, the telecom company Acision, win Best in Show at the 2014 WebRTC Conference.

The site and company are now defunct.
¯\_(ツ)_/¯

Expressionery Order Confirmation Email

Transactional HTML Email Design & Development

Expressionery, 2014

Custom, responsive HTML email templates for Expressionery, part of Jackson Square Ink, who supplied Walmart's custom stationery.

Moovweb Marketing Emails

Marketing HTML Email Design & Development

Moovweb, 2013

Custom, responsive HTML email templates.

FaithlifeBible.com

WordPress Theme Development

FaithlifeBible.com, 2012

Check it out on the Wayback Machine.

Anything older than this is too embarrassing to share...