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

My last name is Verhine, pronounced like wolverine.

Hi, I'm JJ.

I'm a Designer & Developer Hybrid based on the west side of Los Angeles.

Download my résumé, if you'd like.

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

Learn more...

Ford Motor Company
Older
Newer

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
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
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
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
UK
Australia
South America
View the Website

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

2016
5,172 views
Like it?
Visual Design for a Multi-national Consumer Goods Co.
UX, Visual Design & Code for a National Youth Leadership Org