xs
s
s/m1
s/m2
s/m3
m
m/l
l
xl
xxl
xxxl
2018
 
The Portfolio ---------------
---------------  of J.J.Verhine
PREV
Ford Motor Co.
NEXT
Atomized
triangle
triangle



Projects listed in
chronological order.
1
#
Currently
viewing
Design & UX for a National Homebuilding Company

2020
KB Home
2
#
Currently
viewing
UX Design & Code for a Curated Hub for Assignment Photographers

2019
AtEdge
3
#
Currently
viewing
Code & Art Direction for a Multi-Regional Real Estate Firm

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

2017
Atomized
5
#
Currently
viewing
Design & Code for a National Youth Leadership Organization

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

2016
Ford Motor Co.
7
#
Currently
viewing
Product Design for a Multinational Consumer Goods Company

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

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

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

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

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

2013
Cadillac Jack
BACK TO TOP
Atlanta, Ga.
for
from
What is Boys & Girls Clubs of America?
Atlanta, Ga.
from 2016
—       a National Youth Leadership Organization       —
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 WordPress Development.

Ok, Got it.
2016
2016
w1: 18 h1: 107 w2: 45 h2: 139 w3: 25 h3: 131
2016
Design & Code for a National Youth Leadership Organization
2016
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice*
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice*
A place where teens can learn to develop their own voice*
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice
A place where teens can learn to develop their own voice*
Tap anywhere to enlarge the work
A1
A2
A3
B1
B2
B3
B4
B5
G1
G3
G4
G5
b18
Untitled-1
Untitled-1

Behind the Work

I'm a Hybrid Designer living in Santa Monica. To learn more about me and my process, click here.
B6
B7
B8
B9
*B10
Helpful to Know

Purpose
As a platform for sharing stories, MyClubMyLife.com was poised to 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.

the end result

early sketches

Try swiping left and
right on the images
to navigate.
Tap to Hide
  
Tap to load
1
2
3
4
5
6
7
8
9
I decided 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.

From Wireframes to Finished Product

Try swiping left and
right on the images
to navigate.
Tap to Hide
  
Tap to load
1
2
3
4
5
6
7
8
9
10
11

The Mobile Experience

Try swiping left and
right on the images
to navigate.
Tap to Hide
  
Tap to load
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

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.
2020
1
#
Currently
viewing
Design & UX for a National Homebuilding Company

2020
KB Home
2019
2
#
Currently
viewing
UX Design & Code for a Curated Hub for Assignment Photographers

2019
AtEdge
2018
3
#
Currently
viewing
Code & Art Direction for a Multi-Regional Real Estate Firm

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

2017
Atomized
2016
5
#
Currently
viewing
Design & Code for a National Youth Leadership Organization

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

2016
Ford Motor Co.
2015
7
#
Currently
viewing
Product Design for a Multinational Consumer Goods Company

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

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

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

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

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

2013
Cadillac Jack