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
 
2021
 
2020
 
2019
 
2018
 
2017
 
2016
 
2016
 
2015
 
2015
 
2015
 
2014
2021
#1
A Case Study for a Healthcare Payment Platform
UX & Interface Design
Green Feather
2020
#2
A Case Study for a National Homebuilding Company
UX & Visual Design
KB Home
2019
#3
A Case Study for an Assignment Photography Site
UX, Visual Design & Code
AtEdge
2018
#4
A Case Study for a Multi-Regional Real Estate Firm
Code & Art Direction
North American Properties
2017
#5
A Case Study for a Visual Marketing Calendar
UX & Interface Design
Atomized
2016
#6
A Case Study for a National Youth Leadership Org
UX, Visual Design & Code
Boys & Girls Clubs of America
2016
#7
A Case Study for an American Car Maker
Art Direction, Visual Design
Ford Motor Company
2015
#8
A Case Study for a Multi-national Consumer Goods Co.
Visual Design
Procter & Gamble
2015
#9
A Case Study for a Drive-thru Quick-lube Chain
UX & Visual Design
Valvoline Instant Oil Change
2015
#10
A Case Study for a Direct-to-Consumer Solar Company
UX & Visual Design
Sunrun
2014
#11
A Case Study for a Basketball Statistics App
UX & Visual Design
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

    Hybrid UX/UI
    Design & Code
    Marina del Rey,
    California
    Headquartered in
    Atlanta, Ga.
    Completed
    2016
    My role on this project
    UX/UI and WordPress Dev
    A place where teens can learn to develop their own voice
    Boys & Girls Clubs of America
    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,425 views
    Like it?