xs
s
s/m1
s/m2
s/m3
m
m/l
l
xl
xxl
xxxl
The Portfolio ---------------
---------------  of J.J.Verhine
PREV
Ford Motor Company
NEXT
Atomized
Info
Work
 
2022
 
2021
 
2020
 
2019
 
2018
 
2017
 
2016
 
2016
 
2015
 
2015
 
2015
 
2014
2022
#1
View the Case Study
UX & Interface Design
for a Data Analytics Company
Data AI
2021
#2
View the Case Study
UX & Interface Design
for a Healthcare Payment Platform
Green Feather
2020
#3
View the Case Study
UX & Visual Design
for a National Homebuilding Company
KB Home
2019
#4
View the Case Study
UX, Code & Visual Design
for an Assignment Photography Site
AtEdge
2018
#5
View the Case Study
UX, Code & Art Direction
for a Multi-Regional Real Estate Firm
North American Properties
2017
#6
View the Case Study
UX & Interface Design
for a Visual Marketing Calendar
Atomized
2016
#7
View the Case Study
UX, Visual Design & Code
for a National Youth Leadership Org
Boys & Girls Clubs of America
2016
#8
View the Case Study
Art Direction, Visual Design
for an American Car Maker
Ford Motor Company
2015
#9
View the Case Study
UX & Visual Design
for a Multi-national Consumer Goods Co.
Procter & Gamble
2015
#10
View the Case Study
UX & Visual Design
for a Drive-thru Quick-lube Chain
Valvoline Instant Oil Change
2015
#11
View the Case Study
UX & Visual Design
for a Direct-to-Consumer Solar Company
Sunrun
2014
#12
View the Case Study
UX & Visual Design
for a Basketball Statistics App
NBA Game Time

My last name is Verhine, pronounced like wolverine.

Hi, I'm J.J.

I am a UX/UI Designer & Front-end Developer originally from Atlanta, and now living on the west side of Los Angeles. Read more...

Feel free to call or text me
directly at (757) 342-5654.

    Boys & Girls Clubs of America

    2016
    Newer
    Atomized
    Older
    Ford Motor Company

    Boys & Girls Clubs of America

    A place where teens can learn to develop their own voice
    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 these at-risk teens. MyClubMyLife.com is in furtherance of that effort.
    UX, Visual Design & Code for a National Youth Leadership Org

    From Wireframes to Finished Product

    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 contextually cross-pollinate the content using similar and relevant links.
    Try swiping left and
    right on the images
    to navigate.
    Tap to Hide

    Mobile Adaptation

    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.
    Try swiping left and
    right on the images
    to navigate.
    Tap to Hide

    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. My initial approach is shown above a student submission, below.
    View the Website
    I was responsible for everything
    from conception to completion.
    Newer
    Atomized
    Older
    Ford Motor Company
    Boys & Girls Clubs of America

    2016
    3,723 views
    Like it?