Nordstrom Rack Redesign – Pet Project

Everyone who knows me knows I’m a huge shopaholic, and I do a lot of online shopping. Combine that with being a designer, and I have an inner monologue going about the layout and user experience as I browse various shopping sites.

One such popular site is Nordstrom Rack, and I personally think it’s time they really re-haul the look and feel of their brand.

nordstrom.png
Revamped look on Web and Mobile.

I quickly drew up some paper mockups with the basic layout and color schemes. The layout is broken into grids, with the header, menu banner, main grid, social feed and footer.

nr-papermock1
Paper mockup of layout.

I then created the web layout with all the individual icons on Sketch, and some of the pictures resized and retouched on Photoshop.

nr-desktop.jpg
Web Homepage

I also translated the main page into a mobile view as well and designed additional click through experiences like the menu bar and shopping cart.

nr-mobile.png
Mobile views 

nr-mobileviews.png

This experiment was more about playing with the visual layout and color schemes to really change up the user experience and get users to be more excited about the whole experience. I did not prototype or add any interactions with these.

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s