Product Design

2020 — Treehouse

Apprenticeship Program

The apprenticeship program involves a lot of folks—community partners, hiring partners, Treehouse staff, and many students. I designed and developed an internal dashboard for the program which provides account management, cohort management, and progress tracking to ensure the vigourous program is on schedule. For the front-end, I developed a new theme which I built on top of Beam, the Treehouse style guide.

skills: UI/UX design, web development

Treehouse Apprenticeship Program Cohorts

2020 — Treehouse

Proficiency

Students earn badges and points as they complete content in app, but we wanted to take a deeper look at quantifying proficiency. In the apprenticehip program, mentors needed a way to evaluate candidates to place them in roles at the partnering tech companies. The team and I created metrics to indicate proficiency in various skill areas.

skills: UI/UX design, web development

Treehouse Proficiency

2020 — Treehouse

Techdegree Home

The Techdegree is a structured online learning program that prepares students for a career in the tech industry. I've conducted user interviews to gather feedback on iterations of the homescreen experience. These experiments have helped find a balance between providing features to help retain learning as well as enable students to continue in the curriculum.

skills: user research, UI/UX design

Treehouse Techdegree Home

2018 — Treehouse

Mentorship

I added a mentorship feature to Treehouse Organization accounts (our B2B offering), enabling mentors to see their mentees' progress and proficiencies in the app.

skills: UI/UX design, web + email development

Treehouse Mentorship

Design Systems

Ongoing — Treehouse

Beam Style Guide

Beam is a style guide for Treehouse's post-paywall experience (this is where the learning happens). This documentation enables designers and developers to understand and implement our system with ease. I've made many contributions over the years, including: a new theme named Pine, animation utilities, data visualizations, alerts, boxes, icons, modals, and the one I'm most proud of...a responsive, accessible table. Built using Sass and Ruby on Rails.

skills: UI/UX design, web development

Beam Style Guide

Ongoing — Treehouse

Leap Front-End Framework

Leap is a front-end framework and style guide that is primarily used for Treehouse marketing pages. It contains atomic helper classes and components that ensure everything we build is consistent and flexible. For most things we build, additional CSS isn't necessary so this greatly reduces redunancies in CSS/Sass files. Built using Sass and Jekyll.

skills: UI/UX design, web development

Treehouse Leap Front-End Framework

2018 — Treehouse

Accessible Alerts

Recognizing the in-app alert banners were failing text contrast standards for accessibility, I updated the styles to be compliant and more legible. I also re-wrote the alert banner to use flexbox, which fixed overlap issues on smaller viewports.

skills: UI/UX design, web development

Treehouse Accessible Alert Banners

2017 — Treehouse

Bounce: A Front-End Framework for Email

After noticing that email styling had gotten inconsistent over the years, I created a front-end framework and style guide for Treehouse emails. Built using Sass and Jekyll. The templates and modular components has streamlined the email creation process.

skills: UI/UX design, web + email development

Treehouse Bounce Email Front-End Framework

Marketing Design

2020 — Treehouse

Apprenticeship Recruitment

With apprenticeship cohorts popping up around the country, the team needed an easy way to start recruitment. Previously, multiple third party tools were used to manage this process. I created an internal system which made it easy to automatically create a landing page for each Treehouse Apprenticeship cohort. When interested students submitted an interest form, they gained access to a learning track and also appeared in the internal admin dashboard. This made it much easier for student support specialists to see their progress and provide additional access as they advanced through the program.

skills: user research, UI/UX design, web development

Treehouse Apprenticeship Program

2019 — Treehouse

Gift Cards

A reocurring customer request is the ability to gift subscriptions to friends and family. This was a fun project, as the user flow needed to take in account a few considerations. For the checkout flow, I provided a guest checkout process as well as a way for existing users to use a saved payment method. For the redemption flow, I included a signup process in addition to the option of adding the gift card value to an existing account. This project ultimately got put on the backburner due to other priorities.

skills: UI/UX design

Gift Cards

2018 — Treehouse

Homepage

It was time to refresh the homepage to better reflect Treehouse's products and services. I conducted user interviews to learn prospective customers' decision making process when deciding whether to sign up. After identifying the key areas for improvement, we did multivariate testing which allowed us to swap sections around and see which versions performed better. With that quantitative data in hand, I shipped the final version.

skills: user research, UI/UX design, web development

Treehouse Homepage Update

Graphic Design

2020 — Climate Designers

Earth Day Poster

I created a poster for Climate Designers 2020 Earth Day Poster Collection.

Earhlings Over Corporate Earnings

2020 — 350 Bay Area

Sustainability Playbook for Business

As a volunteer for the environmental advocacy non-profit 350 Bay Area, I'm creating a guide for businesses to take climate actions.

350 Bay Area guide

2019 — East Bay Animal PAC

Event Poster

As a volunteer for the animal advocacy group East Bay Animal PAC, I created a poster for an event where California State Senator Nancy Skinner talked about topics that impact our commmunity, including people and animals.

East Bay Animal PAC Nancy Skinner Event Poster

2019 — East Bay Animal PAC

Event Poster

As a volunteer for the animal advocacy group East Bay Animal PAC, I created a poster for an event where Oakland A's Liam Henriks was scheduled to talk about animal activism. The event was rescheduled and then postponed due to COVID-19.

East Bay Animal PAC Liam Hendriks Event Poster