00-StoreNo8-Main.jpg

Store No8 Website

WEB, UX / UI, VISUAL DESIGN

 

Store No. 8

A website for the brand launch of Walmart’s new retail tech incubator

 
00-StoreNo8-Main.jpg

In early 2017, Walmart launched a new internal tech incubator called Store No. 8 to innovate around the future of retail.

Based in Silicon Valley and run independently from Walmart HQ, Store No. 8 was created as an R&D lab for experimenting with new technology and business models for retail. The name Store No. 8 comes from the name of Sam Walton’s early store, where he experimented with new and bold ideas for retail that would eventually become the Walmart empire. For their March launch, Store No. 8 needed a website to establish their brand out of the gate and recruit top tech talent to join the team. I was brought on by the brand team as the Lead Designer and Art Director to design the site for launch and bring the brand to life digitally for the first time.

Launch project

 

Client

Store No. 8

Role

Designer & Art Director

DELIVERABLES

Wireframes, UI Design

TEAM

Gail Barlow, Brand Lead
Jeremy Anderson, Dev

YEAR

2017

01-StoreNo8-Scroll.gif
 

BRAND BUILDING BLOCKS

Store No. 8 wanted a site to communicate their mission statement, brand values, history and vision for their March 2017 launch. Building on the legacy of Walmart and the Walton family, their new brand identity was designed to reflect this past but also feel forward-looking. When I was brought onto the project, I was given some brand building blocks to work with: a robust and developed brand voice, a rudimentary visual identity and a vast archive of images from the Walmart Museum.

 
02-StoreNo8-Brand.jpg
03-StoreNo8-Brand.jpg
 

Wireframes

After some quick independent sketching, I moved directly into high-fidelity wireframing due to the accelerated timeline of the project. I decided that a one-page scrolling site would make most sense for launch and also allow for a flexible structure down the line.

In the wireframe phase, I experimented with how to organize and order the content to tell the brand story most effectively. I played with unconventional layouts, such as a fixed side navigation, and a more irregular grid system to evoke editorial layouts.

 
04-StoreNo8-Wireframe.jpg
 

UI AND VISUAL DESIGN

Using the existing brand assets of typography, color and imagery, I created a more digitally-friendly visual palette. I used large typography, layered type and images, and made a background pattern from parts of the logotype. The images were chosen to balance old and new, to reflect the Walmart legacy and also gesture to the future of tech innovation. Though the site was minimal in terms of interactivity, I came up with small details such as a faded color animation and side navigation system.

 
05-StoreNo8-Comp.jpg
06-StoreNo8-Comp.jpg
07-StoreNo8-Comp.jpg
08-StoreNo8-Comp.jpg
 

MOBILE SITE

The site was structure had to be adapted for mobile (rather than using a mobile-first approach) because of the unconventional layouts on the desktop version.

 
09-StoreNo8-Comp.jpg
 

LAUNCH AND PRESS

The site launched in March 2017.

Forbes
Bloomberg
NYTimes