Completed in 2018Cincinnati, Oh.Code & Art Direction
for
from
North American Properties
Zoom In
Zoom In
2018
Cincinnati, Oh.
from 2018
— a Multi-Regional Real Estate Firm —
SPEED
QUALITY
PRICE
NAP is a commercial real estate firm developing high-end experiential communities. This work is part of a $5B development pipeline in Atlanta focused on "eatertainment" – the intersection of dining, entertainment and hospitality.
My role(s) on this project included: Art Director, Front-end Developer.
Agency: Imbibe AD: JJ Verhine
CD: Lea Friedman
Front-end: JJ Verhine
Back-end: Sean Sachen
Photography: Gregory Miller
Ok
Select another project, below.
↻ Start
2018
2018
2018
High-end physical environments where design is a priority
High-end physical environments where design is a priority
from 2018
Code & Art Direction Solutions for a Multi-Regional Real Estate Firm
High-end physical environments where design is a priority
High-end physical environments where design is a priority*
High-end physical environments where design is a priority
High-end physical environments where design is a priority
High-end physical environments where design is a priority
High-end physical environments where design is a priority*
High-end physical environments where design is a priority*
High-end physical environments where design is a priority
High-end physical environments where design is a priority
High-end physical environments where design is a priority
High-end physical environments where design is a priority
High-end physical environments where design is a priority
High-end physical environments where design is a priority*
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
Cincinnati, Oh.— NAP is a commercial real estate firm developing high-end experiential communities. This work is part of a $5B development pipeline in Atlanta focused on "eatertainment" – the intersection of dining, entertainment and hospitality.
My role(s) on this project included: Art Director, Front-end Developer.
We rebranded the main company prior to its properties, so I’ll highlight the main site first. We then cycled through the rest of their portfolio, which includes large experiential communities such as Avalon, Colony Square, High Street, Revel and Riverton.
exploring the navigation
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
Homepage Concept
This design would allow the user to preview the content within the 3 major sections and cycle through them in a fullscreen interface.
No.002
Sitemap overlay
When the + is pressed, this sitemap would overlay the existing navigation.
No.003
Highlighting Purpose, instead
No.004
Close Sitemap, Back to hero
No.005
Navigating People
No.006
Another approach
The copper dot indicates the current section.
No.007
The hamburger
Accessing the sitemap in this approach.
No.008
A third approach
This version includes individual dropdowns for each section.
No.009
Sitemap as a drawer
Tip: Turn your device sideways to view captions for each slide.
mobile adaptation
No.001
Purpose Page
This design would allow the user to cycle through the child slides within purpose. Each slide would have its own landing page.
No.002
Sitemap overlay
When the hamburger menu is pressed, this sitemap would overlay the existing navigation.
No.003
Swiping Left, for People
Here, the user is able to hop between sections.
No.004
Back to Purpose
No.005
Careers Page
No.006
Submenu Overlay
No.007
Back to Careers
Try swiping left and right to navigate.
Another hint: Expand the slideshow to show the captions.
This slideshow has been paused.
Tap to load
1
2
3
4
5
6
7
Tip: Turn your device sideways to view captions for each slide.
layout & hierarchy
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
No.001
Select a campaign, or two
No.002
Select a canvas type
No.003
The next two filters
No.004
Filter by date
No.005
Targeting additional filters
No.006
Search for everything else
The campaign names are abbreviated, and display-in-full on-demand. When a campaign is selected, the option to select a canvas will then present itself.
Another hint: Expand the slideshow to show the captions.
Tap to load
1
2
3
4
5
6
7
No.001
Fullscreen Homepage Hero
No.002
Directory Heroes
If the user scrolls down on this page, they're presented with the next slide.
No.003
Directory Filtering
The directory is split into four categories: Retail, Dining, Offices & Amenities. Offices allow you to separate by building, as well as manually type into a live filter.
No.004
About: Overview
No.005
Further down the page
No.006
Events Heroes
If the user scrolls down on this page, they're presented with the following slide.
No.007
Individual Events
Tip: Turn your device sideways to view captions for each slide.
Another hint: Expand the slideshow to show the captions.
Tap to load
1
2
3
4
5
6
7
8
9
10
11
No.001
Fullscreen Homepage Heroes
No.002
Homepage Footer
No.003
About: Overview
This section features a supporting submenu.
No.004
About: Jobs
No.005
Current Movies
Live feed of showtimes at the theater.
No.006
Events Page
The user can live filter the events by typing in the field in the top left. That allows the user to type a word to help find an event they'd previously seen, rather than rummaging through them all. Even more powerful is the ability to type a month or a specific day to see if there are events that apply, since an event can be recurring, can have a date range, and then might only apply on selected days within that range.
No.007
Directory: Dining
This page also features a submenu, breaking the directory into four categories.
No.008
Dining: Viewing a Restaurant
Each store and restaurant would have its own dedicated detail page.
No.009
Directory: Retail
No.010
Retail: Additional Filters
The Retail Directory features an additional dropdown that allows you to filter by style.
No.011
Offices: Additional Filters
Offices are organized by building.
Tip: Turn your device sideways to view captions for each slide.
