xs
s
s/m1
s/m2
s/m3
m
m/l
l
xl
xxl
xxxl
2018
Top
The Portfolio of J.J.Verhine
PREV
Boys & Girls Clubs of America
NEXT
North American Properties
triangle
triangle



Projects listed in
chronological order.
1
#
Currently
viewing
Design & UX for a National Homebuilding Company

2020
KB Home
2
#
Currently
viewing
Design, UX & Code for an Image Licensing Powerhouse

2019
AtEdge
3
#
Currently
viewing
Code & Art Direction for a Multi-Regional Real Estate Firm

2018
North American Properties
4
#
Currently
viewing
Product Design for a Visual Marketing Calendar

2017
Atomized
5
#
Currently
viewing
Design & Code for a National Youth Leadership Organization

2016
Boys & Girls Clubs of America
6
#
Currently
viewing
Art Direction, Product Design for an American Car Maker

2016
Ford Motor Co.
7
#
Currently
viewing
Product Design for a Multinational Consumer Goods Company

2015
Procter & Gamble
8
#
Currently
viewing
Responsive Design for a Drive-thru Quick-lube Chain

2015
Valvoline Instant Oil Change
9
#
Currently
viewing
Responsive Design for a Solar Company

2015
Sunrun
10
#
Currently
viewing
UX + UI Design for a Basketball Stats App designed for iOS

2014
NBA Game Time
11
#
Currently
viewing
Editorial Photography for Gap's Fall 2014 Campaign

2014
The "Dress Normal" Project
12
#
Currently
viewing
Product Design for a Class II/III Gaming Company

2013
Cadillac Jack



Projects listed in
chronological order.
1
#
Currently
viewing
Design & UX for a National Homebuilding Company

2020
KB Home
2
#
Currently
viewing
Design, UX & Code for an Image Licensing Powerhouse

2019
AtEdge
3
#
Currently
viewing
Code & Art Direction for a Multi-Regional Real Estate Firm

2018
North American Properties
4
#
Currently
viewing
Product Design for a Visual Marketing Calendar

2017
Atomized
5
#
Currently
viewing
Design & Code for a National Youth Leadership Organization

2016
Boys & Girls Clubs of America
6
#
Currently
viewing
Art Direction, Product Design for an American Car Maker

2016
Ford Motor Co.
7
#
Currently
viewing
Product Design for a Multinational Consumer Goods Company

2015
Procter & Gamble
8
#
Currently
viewing
Responsive Design for a Drive-thru Quick-lube Chain

2015
Valvoline Instant Oil Change
9
#
Currently
viewing
Responsive Design for a Solar Company

2015
Sunrun
10
#
Currently
viewing
UX + UI Design for a Basketball Stats App designed for iOS

2014
NBA Game Time
11
#
Currently
viewing
Editorial Photography for Gap's Fall 2014 Campaign

2014
The "Dress Normal" Project
12
#
Currently
viewing
Product Design for a Class II/III Gaming Company

2013
Cadillac Jack
BACK TO TOP
Atlanta, Ga.
for
from
Atomized
Atlanta, Ga.
from 2017
—       a Visual Marketing Calendar       —
Founded by a former Facebook exec, Atomized makes easy-to-edit visual calendars for brands and agencies that encompass the functionality of editorial calendars, marketing communications calendars, brand planning calendars and publishing calendars.
My role(s) on this project included:
Art Director and Designer.

Ok, Got it.
2017
2017
w1: 28 h1: 127 w2: 27 h2: 137 w3: 27 h3: 100
2017
Product Design for a Visual Marketing Calendar
2017
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization*
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization*
Keeping track of the smallest details across an entire organization*
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization
Keeping track of the smallest details across an entire organization*
Tap anywhere to enlarge the work
A1
A2
A3
B1
B2
B3
B4
B5
G1
G3
G4
G5
b18
Untitled-1
Untitled-1

Behind the Work

I'm a Hybrid Designer living in Santa Monica. To learn more about me and my process, click here.
triangle
B6
B7
B8
B9
*B10

I had the opportunity to work closely with Atomized on a few occasions, most notably on a system-wide redesign of the flagship product.

the end result

Objectives
The goal of this redesign was to address the pain points and bottlenecks of the previous design while visualizing the data using as much of the viewport as possible. I aimed to achieve that with an expandable interface that sat around the outer edges of the screen.

high-level interface

Try swiping left and
right on the image
to navigate.
  
Tap to load
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Integration
Now that we've examined the interface around the edges, let's dig into the guts of the app and show data visualization, page hierarchy and layout, and how each page co-exists with the high-level interface.

page-level interface

Try swiping left and
right on the image
to navigate.
  
Tap to load
1
2
3
4
5
6
7
8
9
10
11
12
13
Previously
Prior to engaging in the full-bodied redesign above, I worked with the Atomized team to make the calendar experience more intuitive. Some of these observations below ultimately found their way into the redesign above.

earlier attempts to reimagine the calendar format

Try swiping left and
right on the image
to navigate.
  
Tap to load
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

earlier attempts to improve the delivery of content

Editing Flights
The team had originally developed the app to account for a limited number of assets for each flight. The challenge was to design a screen that would encourage user behavior to change by delimiting capacity so that what used to be done with several flights can now be accomplished with one.

I recommended a compartmentalized fullscreen modal solution that allows the user to navigate between assets easily and view the flight history without feeling overwhelmed.
Try swiping left and
right on the image
to navigate.
  
Tap to load
1
2
3
4
5
6
7
8
9
10
11
12
13
1
#
Currently
viewing
Design & UX for a National Homebuilding Company

2020
KB Home
2
#
Currently
viewing
Design, UX & Code for an Image Licensing Powerhouse

2019
AtEdge
3
#
Currently
viewing
Code & Art Direction for a Multi-Regional Real Estate Firm

2018
North American Properties
4
#
Currently
viewing
Product Design for a Visual Marketing Calendar

2017
Atomized
5
#
Currently
viewing
Design & Code for a National Youth Leadership Organization

2016
Boys & Girls Clubs of America
6
#
Currently
viewing
Art Direction, Product Design for an American Car Maker

2016
Ford Motor Co.
7
#
Currently
viewing
Product Design for a Multinational Consumer Goods Company

2015
Procter & Gamble
8
#
Currently
viewing
Responsive Design for a Drive-thru Quick-lube Chain

2015
Valvoline Instant Oil Change
9
#
Currently
viewing
Responsive Design for a Solar Company

2015
Sunrun
10
#
Currently
viewing
UX + UI Design for a Basketball Stats App designed for iOS

2014
NBA Game Time
11
#
Currently
viewing
Editorial Photography for Gap's Fall 2014 Campaign

2014
The "Dress Normal" Project
12
#
Currently
viewing
Product Design for a Class II/III Gaming Company

2013
Cadillac Jack