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

My last name is Verhine, pronounced like wolverine.

Hi, I'm JJ.

I'm a Designer/Developer Hybrid positioned at the intersection of UX Research, Interface Design, Interactive Prototyping, Brand Design and Front-end Development.

Learn more...

Ford Motor Company

Headquartered in
Detroit, Mi.
Completed
2016
My role on this project
Art Director and Designer
Hybrid UX/UI
Design + Code
Marina del Rey,
California
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 & Interface 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

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

2016
5,059 views
Like it?
View the Website
Product Design for a Multi-national Consumer Goods Co.
Design & Code for a National Youth Leadership Organization
The Design Portfolio of JJ Verhine