Completed in 2016Detroit, Mi.Art Direction, Product Design
for
from
Ford Motor Co.
Zoom In
Zoom In
2016
Detroit, Mi.
from 2016
— an American Car Maker —
SPEED
QUALITY
PRICE
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.
My role(s) on this project included: Art Director and Designer.
Art Direction, Product Design Solutions for an American Car Maker
2016
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com*
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com*
Incentives & Offers on Ford.com*
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com
Incentives & Offers on Ford.com*
Tap anywhere to enlarge the work
A1
A2
A3
B1
B2
B3
B4
B5
G1
G3
G4
G5
b18
Behind the Work
I'm a Hybrid Designer living in Santa Monica. To learn more about me and my process, click here.
B6
B7
B8
B9
*B10
Detroit, Mi.— 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.
My role(s) on this project included: Art Director and Designer.
Offers allow shoppers to customize seasonal offers to match their situation, which ultimately incentivizes them to make the purchase.
end result
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.
The Evolution of Model Detail
Try swiping left and right to navigate.
Another hint: Expand the slideshow to show the captions.
Tap to load
1
2
3
4
5
6
7
8
9
10
No.001
A starting point
No.002
Introducing Tabs
Each tab displays a breakdown of incentives.
No.003
Tabs, minimized
No.004
Introducing Cards
Details became compartmentalized and began to take the shape of cards.
No.005
Pulling out the card title
No.006
Demonstrating Focused Elements
No.007
Tightening up the masthead
No.008
CTA revealed with interaction
No.009
Another reveal style
No.010
Only One Card per Tab
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.
No.001
Showing 3 Tabs at once
No.002
One Tab at a time
The next screen shows what happens when the details button is pressed.
No.003
Breaking down the Incentives
No.004
Moving to Cards
No.005
Simplifying Cards
The next screen shows what happens when the details button is pressed.
No.006
Details in a modal
No.007
Close the modal
No.008
Details, in-line
No.009
Adding Details to Cards
No.010
Pulling Out the Card Title
No.011
Card, not selected
No.012
Card, selected
No.013
Cards, evolved
Try swiping left and right to navigate.
Another hint: Expand the slideshow to show the captions.
Tap to load
1
2
3
4
5
6
7
8
9
10
11
12
13
Details of an Offer
Try swiping left and right to navigate.
Another hint: Expand the slideshow to show the captions.
Tap to load
1
2
3
4
5
6
7
8
9
No.001
Introducing side modal
The next screen shows what happens when the Customize Your Incentives is pressed.
No.002
Editable Incentives
No.003
A version with more detail
No.004
Removing Military Discount
No.005
Introducing center modal
No.006
Center modal, revised
No.007
Center modal, revised again
No.008
Adding Police Discount
No.009
Mobile Screens
No.001
Homepage Concept
No.002
Sitemap overlay
Tap to load
1
2
Filter Vehicles by Available Offers
Try swiping left and right to navigate.
Another hint: Expand the slideshow to show the captions.
Tap to load
1
2
3
4
5
6
7
8
No.001
Filtering vehicles
Live filtering based on the value of all combined incentives available.
No.002
APR, refactored
No.003
APR, dropdown
No.004
Top Filters
No.005
Side Filters: Best Lease
No.006
Side Filters: Cash Back
No.007
Side Filters: Low APR
No.008
Types of service
No.001
Financing: Buy
No.002
Financing: Cash
Adjusting the monthly payment.
No.003
Financing: Cash
Adjusting the APR.
No.004
Zero Filters Selected
No.005
Selecting Filters
No.006
Filters Added
No.007
Popup
Try swiping left and right to navigate.
Another hint: Expand the slideshow to show the captions.
Tap to load
1
2
3
4
5
6
7
International Model Detail
No.001
UK
No.002
Australia
No.003
South America
Try swiping left and right to navigate.
Another hint: Expand the slideshow to show the captions.
Tap to load
1
2
3
1
#
2018Completed
Currently viewing
Code & Art Direction for a Multi-Regional Real Estate Firm
2018
North American Properties
2
#
2017Completed
Currently viewing
Product Design for a Visual Marketing Calendar
2017
Atomized
3
#
2016Completed
Currently viewing
UX + UI Design and Code for a National Youth Leadership Organization
2016
Boys & Girls Clubs of America
4
#
2016Completed
Currently viewing
Art Direction, Product Design for an American Car Maker
2016
Ford Motor Co.
5
#
2015Completed
Currently viewing
Product Design for a Multinational Consumer Goods Company
2015
Procter & Gamble
6
#
2015Completed
Currently viewing
Responsive Design for a Drive-thru Quick-lube Chain
2015
Valvoline Instant Oil Change
7
#
2015Completed
Currently viewing
Responsive Design for a Solar Company
2015
Sunrun
8
#
2014Completed
Currently viewing
UX + UI Design for a Basketball Stats App designed for iOS
2014
NBA Game Time
9
#
2014Completed
Currently viewing
Editorial Photography for Gap's Fall 2014 Campaign
