Layout Change (UX Fundamentals)

UX Fundamentals l Concept Design



This is a second iteration on my UX Fundamentals project. My focus was changing layout and coding columns. Well, trying at least.


August 2018 I had the opportunity to work on my first UX project at the School of Visual Concepts.

My challenge statement was How might we quicken the grocery store shopping experience? Enclosed is a part of my design process with the project, including my original powerpoint if you’d like to see it here: UX Fundamentals.


For this challenge statement I chose focused on grocery store layout, including smart information and accessibility.

  • Easy to navigate
  • Efficiency
  • Subtle design modifications



To redesign the grocery store layout I divided the products into two categories that built
in complexity from left to right: raw goods and finished goods. Raw goods were defined
as items that would be modified or assembled to create a final product, while
finished goods included prepared items that customers would consume without changing.

Screen Shot 2018-12-12 at 11.03.34 PM

My grocery store redesign.



After a competitive analysis and coming back to the questions of why grocery stores
are currently designed the way they are to slow customers down in a method called
“building the basket”,
I decided to integrate information architecture taken from accessible
friendly places: public libraries.

Screen Shot 2018-12-14 at 11.49.02 AM

This included wayfinding maps and signage like a library, at eye level, including use braille,
instead of store end caps for products, and smart information kiosks that would change languages
for accessibility, provide reviews if a customer didn’t have a phone and read product information
out loud or ping a courtesy clerk to read information in person if that was preferred.



Having gone grocery shopping with my interviewee, gentleman  in a wheelchair, I noticed reachability
and obstruction issues. To increase product access, smart carts that followed a customer around
and smart doors that slid open to reach frozen products were added as subtle technology modifications.


Screen Shot 2018-12-14 at 12.31.27 PM




Design feedback included conducting stakeholder interviews to find confluence between customers and the grocery store as a business, and sharing designs before I chose leave them out. This included product blockchain and using the topography of the store ceiling.

  • Product blockchain: “Checkout where that potato came from, fertilizers used and how long the trucking period took.”
  • Store layout: Using the store’s layout (topography) to move products from the floor to the back for online purchases.

The main reason I chose to cut these idea out was that they didn’t reflect the business model or type of grocery store I was designing for. One that didn’t take online orders or delivered to peoples homes.

Another reason I chose to leave out the blockchain concept was the back-end work it would require at scale for different stakeholders and it wasn’t in alignment for accessibility, requiring people to flex and extend their neck. This would be difficult for people who use wheelchairs, have curvature of the spine or are shopping with little kids. Bank ATMs, because of compliance do an okay job at being aware of this. Start with the problem not the technology.

screen shot 2019-01-09 at 2.09.48 pm

screen shot 2019-01-09 at 2.10.17 pm


My role was both researcher and designer.

As a part of my SVC UX Fundamentals class I worked with another classmate to share information to better approach our design challenge. Working on two different designs, mine the grocery store layout, their’s a mobile application, I found our collaboration and different perspectives to be beneficial.

After contextual inquiry and class feedback, competitive analysis and understanding the market landscape was the most instrumental part to my design process. Taking inventory of current themes and trends in addition to cross industry designs for accessibility, allowed me to hybridization designs by cherry picking the best ideas from both of them. Libraries, airports and banking.