xs
s
s/m1
s/m2
s/m3
m
m/l
l
xl
xxl
xxxl
The Portfolio ---------------
---------------  of J.J.Verhine
PREV
Procter & Gamble
NEXT
Boys & Girls Clubs of America
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.

    Ford Motor Company

    Hybrid UX/UI
    Design & Code
    Marina del Rey,
    California
    Headquartered in
    Detroit, Mi.
    Completed
    2016
    My role on this project
    Art Director and Designer
    Incentives & Offers on Ford.com
    Ford Motor Company
    I worked closely with Team Detroit (now GTB) for six months, tasked with reshaping the incentives section to align with the evolving overhaul of the website. I&O allows shoppers to customize seasonal offers to match their situation, which ultimately incentivizes them to make the purchase.

    Art Direction, Visual Design for an American Car Maker

    The Evolution of Model Detail

    It's considered the last page a prospective buyer visits before they pull the trigger. At this point in the sales funnel, clarity is persuasive. Behind the scenes, the algorithm is taking into account many legal requirements which vary from region to region, resulting in savings within the context of something we can all understand:

    a reduced monthly payment.
    Try swiping left and
    right on the images
    to navigate.
    Tap to Hide

    Mobile Adaptation

    My initial assumption was to filter the content using a tabbed system. That evolved into more of a cards-based approach, as they lend themselves to mobile quite nicely. Ultimately, we combined features from both tabs and cards towards the end.
    Try swiping left and
    right on the images
    to navigate.
    Tap to Hide
    Showing 3 Tabs at once
    One Tab at a time
    The next screen shows what happens when the details button is pressed.
    Breaking down the Incentives
    Moving to Cards
    Simplifying Cards
    The next screen shows what happens when the details button is pressed.
    Details in a modal
    Close the modal
    Details, in-line
    Adding Details to Cards
    Pulling Out the Card Title
    Card, not selected
    Card, selected
    Cards, evolved

    Details of an Offer

    Try swiping left and
    right on the images
    to navigate.
    Tap to Hide
    Introducing side modal
    The next screen shows what happens when the Customize Your Incentives is pressed.
    Editable Incentives
    A version with more detail
    Removing Military Discount
    Introducing center modal
    Center modal, revised
    Center modal, revised again
    Adding Police Discount
    Mobile Screens

    Filter Vehicles by Available Offers

    Try swiping left and
    right on the images
    to navigate.
    Tap to Hide
    Swipe Left
    or use the arrows
    Filtering vehicles
    Live filtering based on the value of all combined incentives available.
    APR, refactored
    APR, dropdown
    Top Filters
    Side Filters: Best Lease
    Side Filters: Cash Back
    Side Filters: Low APR
    Types of service

    Mobile Filtering of Available Offers

    Try swiping left and
    right on the images
    to navigate.
    Tap to Hide
    Swipe Left
    or use the arrows
    Financing: Buy
    Financing: Cash
    Adjusting the monthly payment.
    Financing: Cash
    Adjusting the APR.
    Zero Filters Selected
    Selecting Filters
    Filters Added
    Popup

    International Model Detail

    Try swiping left and
    right on the images
    to navigate.
    Tap to Hide
    Swipe Left
    or use the arrows
    UK
    Australia
    South America
    View the Website

    UXA: Chuck Wheeler
    AD: JJ Verhine
    CD: Paul Kelley, Alexis O'Connor
    Newer
    Boys & Girls Clubs of America
    Older
    Procter & Gamble
    Ford Motor Company

    2016
    5,282 views
    Like it?