Hint: Tap the logo to turn the lights on and off.
The Design Portfolio of  JJ Verhine
 
2016
Game of Thumbs
2016
Untitled-3
 
2017
Atomized
2017
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
UX & UI Design for a Visual Marketing Calendar

2017
Atomized
3
#
Currently
viewing
UX, Design & Development for a National Youth Leadership Organization

2016
Boys & Girls Clubs of America
4
#
Currently
viewing
Art Direction & Design for an American Car Maker

2015
Ford Motor Co.
5
#
Currently
viewing
Analytics UI 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 Designs 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
UX/UI 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
UX & UI Design for a Visual Marketing Calendar

2017
Atomized
3
#
Currently
viewing
UX, Design & Development for a National Youth Leadership Organization

2016
Boys & Girls Clubs of America
4
#
Currently
viewing
Art Direction & Design for an American Car Maker

2015
Ford Motor Co.
5
#
Currently
viewing
Analytics UI 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 Designs 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
UX/UI 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.
Made in 2016.
—       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.
Tap to Hide
2016
2016
A place where teens learn to develop their own voice
2016
Solutions for a National Youth Leadership Organization
Untitled-1

Behind the Work

I'm an Art Director newly based in Southern California. To learn more about me and my process, click here. Once there, you'll also be able to send me a message, if you wish to do so.
Untitled-2
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.