NON-PROFIT

Web Development, UX Design, Marketing Design,
and Animation for The Trevor Project

WEB DEV
& UX DESIGN

MARKETING
DESIGN

POSTERS &
INFOGRAPHICS

VIDEO
ANIMATION

The Trevor Project

The Trevor Project's website directs LGBTQ youth to life-saving services and provides important resources for school teachers, counselors, and mental healthcare professionals. As a senior designer and developer for the organization I created UX features and graphics, maintained weekly updates, and built landing pages and microsites.

visit the site >

The Trevor Project

The Trevor Project's website directs LGBTQ youth to life-saving services and provides important resources for school teachers, counselors, and mental healthcare professionals. As a senior designer and developer for the organization I created UX features and graphics, maintained weekly updates, and built landing pages and microsites.

view the page >

Lifeguard Workshop

Trevor's Lifeguard Workshop is a free online learning module with a video, curriculum, and teacher resources for middle school and high school classrooms. The landing page "hub" was created to house the video and educational materials in one central location. In addition to building the page, I created custom icons and buttons.

view the page >

Workplace Giving

Trevor's Workplace Giving landing page provides ways that corporations and their employees can donate to or volunteer with The Trevor Project. Custom icons following Trevor's brand palette were designed in conjunction with the page development.

view the page >

Workplace Giving

Trevor's Workplace Giving landing page provides ways that corporations and their employees can donate to or volunteer with The Trevor Project. Custom donation icons following Trevor's brand palette were designed in conjunction with the page development.

view the page >

Impact Circle Pledge Card

Members of The Trevor Project's Impact Circle annual giving program were mailed postcard-sized renewal forms in the Spring of 2016. The design prominently displays the gold Impact Circle seal and burgundy geometric background to increase brand awareness. The back of the form includes suggested donation levels to guide donor giving.

Impact Circle Pledge Card

Members of The Trevor Project's Impact Circle annual giving program were mailed postcard-sized renewal forms in the Spring of 2016. The design prominently displays the gold Impact Circle seal and burgundy geometric background to increase brand awareness. The back of the form includes suggested donation levels to guide donor giving.

Impact Circle Renewal Invitation

As part of The Trevor Project's Impact Circle annual fund program, top level donors were mailed renewal invitations in an effort to increase end of year giving. The design draws influence from old Hollywood decor and retro textile patterns.

Pride Shirt Design

Every year The Trevor Project raises awareness about its lifesaving services by taking part in LGBTQ pride events across the nation, wearing shirts to celebrate supporters' individuality. The 2016 t-shirt design concept was a word collage in the shape of Trevor's logo, a star, that uses inclusive and affirming language to represent the diverse community. With a complex word puzzle such as this design, my main focuses were legibility, kerning, and leading.

Pride Shirt Design

Every year The Trevor Project raises awareness about its life-saving services by taking part in LGBTQ pride events across the nation, wearing shirts to celebrate supporters' individuality. The 2016 t-shirt design concept was a word collage in the shape of Trevor's logo, a star, that uses inclusive and affirming language to represent the diverse community. With a complex word puzzle such as this design, my main focuses were legibility, kerning, and leading.

TrevorLIVE Poster

TrevorLIVE is a signature semi-annual fundraising event offering a celebratory evening of impact and awareness for The Trevor Project's suicide prevention resources and services. Gold accent colors and TrevorLIVE's deep red bokeh background were utilized on all event materials both large and small: from email invites, programs, and table settings to large-screen graphics and animated logo displays set above the stage.

Education Classroom Poster

In an effort to direct students and teachers to The Trevor Project's lifesaving services and resources, classroom posters were designed. The "You Are Not Alone" poster was featured at Human Rights Campaign's 2016 Time to Thrive conference and was so popular among educators that 3,500 posters were requested. A partnership with Foresters Financial gave The Trevor Project resources to meet the high print demand.

Education Classroom Poster

In an effort to direct students and teachers to The Trevor Project's lifesaving services and resources, classroom posters were designed. The "You Are Not Alone" poster was featured at Human Rights Campaign's 2016 Time to Thrive conference and was so popular among educators that 3,500 posters were requested. A partnership with Foresters Financial gave The Trevor Project resources to meet the high print demand.

Poster for Suicide Prevention Month

This education poster was part of an awareness campaign for Suicide Prevention month that included a self-care guide, suicide prevention guide, PSA with actress Kira Kosarin, and animated billboard in New York City's Times Square.

PowerOn Poster

PowerOn is a partnership between tech organizations and The Trevor Project to provide new and used technology to underserved LGBTQ youth. Donated hardware is refurbished, loaded with helpful lifesaving resources, and redistributed to LGBTQ centers and youth shelters. I was tasked with designing an infographic for use on PowerOn's website and marketing materials explaining the donation and refurbishing process. I created a circular graph and conventional icons to represent the stages of their redistribution cycle.

PowerOn Poster

PowerOn is a partnership between tech organizations and The Trevor Project to provide new and used technology to underserved LGBTQ youth. Donated hardware is refurbished, loaded with helpful lifesaving resources, and redistributed to LGBTQ centers and youth shelters. I was tasked with designing an infographic for use on PowerOn's website and marketing materials explaining the donation and refurbishing process. I created a circular graph and conventional icons to represent the stages of their redistribution cycle.

Lifeline Infographic

A key part of creating a sense of immediacy and purpose with supporters is informing them of what their donations directly fund. The concept of clocks and time increments were used to represent Trevor's lifeline shifts. The individual designs were included on the Classy campaign platform, social media, and large-screen graphics at gala events.

The Trevor Project Annual Report FY2015

The concept for The Trevor Project's Annual Report for fiscal year 2015, "Together Saving Young LGBTQ Lives", was modeled after Humans of New York. Throughout the microsite intro video youth, volunteer, and donor quotes were balanced with statistics of Trevor's lifesaving programs. Watercolor blots and backgrounds were splashed throughout the report to create fluid, engaging transitions and represent the diversity and spirit of the LGBTQ community.

The Trevor Project Annual Report FY2015

The concept for The Trevor Project's Annual Report for fiscal year 2015, "Together Saving Young LGBTQ Lives", was modeled after Humans of New York. Throughout the microsite intro video youth, volunteer, and donor quotes were balanced with statistics of Trevor's lifesaving programs. Watercolor blots and backgrounds were splashed throughout the report to create fluid, engaging transitions and represent the diversity and spirit of the LGBTQ community.

TrevorLIVE Large-screen Animated Logo

In 2016, the semi-annual fundraising gala TrevorLIVE New York was hosted at The Marriott Marquis in Times Square. The 29,000-square-foot Broadway Ballroom where the gala took place features large screens behind and flanking the stage. I brought TrevorLIVE's signature logo and bokeh background to life with a twinkling lights display that looped on stage during celebrity presentations and performances.

View of the Stage

View of the Stage

Suicide Prevention month Times Square billboard

During September 2016, the Trevor Project launched an awareness campaign for Suicide Prevention month that included an animated billboard in New York City. Located in the heart of Times Square on 43rd street and 7th Avenue, the 10 second animated billboard ran twice an hour, every hour, for the entire month. The display prominently featured an animated Trevor star and inspirational headline "You Too Can Save a Life" as well as the social media hashtag #SaveLGTBQLives and Trevor's website.

back to top >