Nebraska Crossing Outlets

upload-b49101fb-8e92-4887-bb4b-e111e6e91391.png

Overview:

Nebraska Crossing Outlets (NEX) is a large outdoor outlet mall in Gretna, Nebraska that’s considered the shopping mecca for the cornhusker state and the larger nearby region. We redesigned the mobile app and website to highlight the mall’s many offerings and, in the process, also helped refine the organization’s brand identity.


Role:

Product Designer

Timeline:

xx-xx

Methods:

Competitive analysis, landscape analysis

Practices:

UX/UI Design

Tools:

Pen & paper, Sketch, Marvel


Brand Audit

We began with a formal audit across NEX’s digital and print platforms. By doing this, we were able to catalog the different ways in which the brand was communicating to the public. We also identified significant inconsistencies related to use of color, typography, illustration, and other graphic elements.

Given the amount of design debt NEX had accrued over the years, it became clear that any product and website effort would have to first begin with the establishment of a design system.

Color + Type

Laying the groundwork for an identity system began through color. We winnowed the existing palette to a small group of core colors. Special attention was paid to narrowing down the number of red hues in use from four to a single one.

We then worked on setting up color application guidelines—an important matter given the client’s unhappiness with the overuse of red in the existing mobile application as well as their desire to achieve visual parity with larger competitors.

We recommended color guidelines based on the golden ratio as a way to establish a clear and straightforward relationship between colors—setting the foundation for consistent execution across all communications.

White, primarily used to define space, is included in the ratio and acts as a dominant element. And while red remains NEX's hero color, its presence has been curtailed in order to give it more purpose.

Next, we tackled typography. By extending the use of Sofia Pro (a versatile geometric sans with a large family) on the mobile app to all other digital and print spaces, visual coherence began to take form.

Strategy + Brand

Through workshops and ongoing discussions with NEX, we were able to define the core purpose of the web platform. Once we established the website would operate as a point of entry to the offers served by the mobile application, the content structure and site architecture began to emerge.

In crafting the aesthetics of the website, we took into account the need for an elevated, polished experience. At the same time, we worked hard to ensure the creative direction reflected the very heartbeat of the mall itself—its customers. Where possible, we discouraged the use of models and stock or stylized photography. Instead, we pushed for photography and video on the site that captures real customers interacting with products and spaces in the mall.

We relied on color and typography to establish the foundation for the designs and utilized white space to provide a sense of openness and refinement.

Wireframing

Through workshops and ongoing discussions with NEX, we were able to define the core purpose of the web platform. Once we established the website would operate as a point of entry to the offers served by the mobile application, the content structure and site architecture began to emerge.

Mobile App

The process of redesigning the mobile application began with the creation of an onboarding experience to better communicate the value of NEX and strengthen audience engagement. The onboarding flow was a delicate balancing act of capturing information and keeping users engaged with valuable content. To do this, we made sure every step of the process is transparent about the purpose behind the ask and that the value gained is always communicated.

In addition to a brand new onboarding process, changes to the design of the home, profile setup, and deals screens were implemented to more closely align the app to the website and other digital communications.