Completed in 2015Atlanta, Ga.UX + UI Design and Code
for
from
Boys & Girls Clubs of America
Zoom In
Zoom In
2015
Atlanta, Ga.
from 2015
— a National Youth Leadership Organization —
SPEED
QUALITY
PRICE
The Boys & Girls Clubs of America have been experiencing a reduction in teen participation over the years. Over the last year, they've made a sustained effort to engage teens. They reached out to me to design and program a platform that would give those in the club a voice, while also feeling authentic enough to entice the most at-risk teens to join.
I was responsible for everything from conception to completion, including UX, UI, and Development.
View this Project
Select another project, below.
2015
2015
A place where teens learn to develop their own voice
from 2015
UX + UI Design and Code Solutions for a National Youth Leadership Organization
Behind the Work
I'm an Art Director and Designer newly based in Santa Monica. To learn more about me and my process, click here.
Expand the width of this project
Atlanta, Ga.— The Boys & Girls Clubs of America have been experiencing a reduction in teen participation over the years. Over the last year, they've made a sustained effort to engage teens. They reached out to me to design and program a platform that would give those in the club a voice, while also feeling authentic enough to entice the most at-risk teens to join.
I was responsible for everything from conception to completion.
As a platform for sharing stories, this website could create an experience that would excite teens at the prospect of seeing their work published, since neither writing nor sharing writing comes naturally for them at that age.
early sketches
I discovered pretty early on that the best way to segment the content was to use two separate navigations, not only establishing a reference point for the domain name, but also creating a clear distinction between life at the club, and life outside of the club.
The goal was to then cross-pollinate the content using similar and relevant links.
initial wireframes
When designing for teens, you've got to be bold and edgy to keep their attention, but also create a meaningful experience that comes off as credible among other popular destinations like MTV, BET and Tumblr.
desktop experience
The colorful panels on the left and right collapse as the user scrolls each page, revealing ad spots that highlight specific pages, links or upcoming events.
It's neat, but it's also helpful that the categories collapse into a functioning sitemap that is accessible on all pages.
mobile experience
The dual navigation created an interesting dynamic on mobile where you're able to scroll and compare both menus at the same time.
illustrations
artwork challenge
Another way of engaging teens, especially those who might still not feel comfortable writing, was the concept of recreating the club logo using the materials around them. I felt that this would create a fun challenge with a long shelf life, so I created a spot for those pieces to cycle on the homepage.
