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
Vital for ________
Info
Work
2019
AtEdge
UX, Code & Visual Design for an Assignment Photography Resource
2018
North American Properties
UX, Code & Art Direction for a Multi-Regional Real Estate Firm
2016
Boys & Girls Clubs of America
UX, Visual Design & Code for a National Youth Leadership Org.
2016
Ford Motor Company
Art Direction & Visual Design for an American Car Maker
2015
Valvoline Instant Oil Change
UX & Visual Design for a Drive-thru QuickLube Chain
2015
Sunrun
UX & Visual Design for a Direct-to-Consumer Solar Brand
2014
NBA Game Time
UX & Visual Design for a Basketball Statistics App

My last name is Verhine, pronounced like wolverine.

Hi, I'm  J. J. —

I'm a UX Designer/Developer Hybrid currently living on the west side of LA. Feel free to call or text me directly at (757) 342-5654.

Learn more about me...

    Ask a question, or say hello.

    Sending a message to:

    What's your email?

    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. This project would be in furtherance of that effort.
    Hybrid UX/UI
    Design & Code
    Santa Monica,
    California
    Newer
    Vital for ________
    Older
    Ford Motor Company
    Build a place where teens can learn to develop their own voice
    2016
    1
    Older teens had been experiencing a reduction in participation over the years and desperately wanted a place they could author their own stories.
    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. This project would be in furtherance of that effort.
    UX, Visual Design & Code for a National Youth Leadership Org.

    What solutions did I consider?

    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

    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.
    Newer
    Vital for ________
    Older
    Ford Motor Company
    I was responsible for everything
    from conception to completion.
    4,108 views since 2016
    Like it?