2016
The Design Portfolio of  JJ Verhine
 
from 2015
Procter & Gamble
2015
Untitled-3
 
from 2016
Game of Thumbs
2016
triangle
triangle



Projects listed in
chronological order.
1
#
Currently
viewing
Code & Art Direction for a Multi-Regional Real Estate Firm

2018
North American Properties
2
#
Currently
viewing
Product Design for a Visual Marketing Calendar

2017
Atomized
3
#
Currently
viewing
Art Direction & Product Design for an American Car Maker

2016
Ford Motor Co.
4
#
Currently
viewing
UX + UI Design and Code for a National Youth Leadership Organization

2015
Boys & Girls Clubs of America
5
#
Currently
viewing
Product Design for a Multinational Consumer Goods Company

2015
Procter & Gamble
6
#
Currently
viewing
Responsive Design for a Drive-thru Quick-lube Chain

2015
Valvoline Instant Oil Change
7
#
Currently
viewing
Responsive Design for a Solar Company

2015
Sunrun
8
#
Currently
viewing
UX + UI Design for a Basketball Stats App designed for iOS

2014
NBA Game Time
9
#
Currently
viewing
Editorial Photography for Gap's Fall 2014 Campaign

2014
The "Dress Normal" Project
10
#
Currently
viewing
Product Design for a Class II/III Gaming Company

2013
Cadillac Jack



Projects listed in
chronological order.
1
#
Currently
viewing
Code & Art Direction for a Multi-Regional Real Estate Firm

2018
North American Properties
2
#
Currently
viewing
Product Design for a Visual Marketing Calendar

2017
Atomized
3
#
Currently
viewing
Art Direction & Product Design for an American Car Maker

2016
Ford Motor Co.
4
#
Currently
viewing
UX + UI Design and Code for a National Youth Leadership Organization

2015
Boys & Girls Clubs of America
5
#
Currently
viewing
Product Design for a Multinational Consumer Goods Company

2015
Procter & Gamble
6
#
Currently
viewing
Responsive Design for a Drive-thru Quick-lube Chain

2015
Valvoline Instant Oil Change
7
#
Currently
viewing
Responsive Design for a Solar Company

2015
Sunrun
8
#
Currently
viewing
UX + UI Design for a Basketball Stats App designed for iOS

2014
NBA Game Time
9
#
Currently
viewing
Editorial Photography for Gap's Fall 2014 Campaign

2014
The "Dress Normal" Project
10
#
Currently
viewing
Product Design for a Class II/III Gaming Company

2013
Cadillac Jack
BACK TO TOP
Atlanta, Ga.
for
from
Boys & Girls Clubs of America
Zoom In
Zoom In
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.
View Additional Details
2015
2015
from 2015
A place where teens learn to develop their own voice
2015
UX + UI Design and Code Solutions for a National Youth Leadership Organization
Untitled-1

Behind the Work

I'm an Art Director and Designer newly based in Southern California. To learn more about me and my process, click here.
triangle

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.