https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4653388f-da3e-4445-b431-f13d366596da/Untitled_design_(5).png

My Role

Creating a tablet-friendly interface from sketch to prototype to address the store's needs.

Team Members

Rommia White [General Manager], Ben Azarraga [UI/UX Design Lead], Claire Zuo [UX Intern]

Overview

Swanson's Nursery is a large plant store located in Seattle, Washington. With new COVID-19 capacity limits, the store needs a way to create reservations, check capacity, and add walk-ins on a tablet. They worked with RSVD to create this new system to help their business adapt and thrive.

Priorities


The Process

After knowing our main objectives and goals, we began looking for inspiration to create our first sketches. Here is some inspiration we took from both RSVD's past designs, and other designers on the internet:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/56b14fac-7aec-4101-a4dd-f20a30c1fb63/Swansons_Dash_Inspo.png

Then we moved on to our initial sketches and mockups based on the above inspiration.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3edae0e3-3623-4604-92d0-0736bda10dd9/Swansons_Sketches_(1).png

We began the process of designing, getting feedback, editing, and so on until the final version was ready.

At first we started off with a graph in the design, 3 main action buttons in a floating menu, and a snapshot section at the top.

In the next version, we made the snapshot smaller, moved the buttons to the top right, and added in "Recent Activity" and "Capacity Tracker" sections, as well as refining the filters.

We also worked on what the "Add Walk-In" screen would look like and what options would be available.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4195c61c-b0f8-4794-8d68-29d07512944b/Swansons_Process.png

After that, we finally had our final version of the design, and prototyped it so make the "Add Walk-In" feature interactive. Lastly, we presented the design to the client. We went through a few loops of receiving feedback regarding small details like alignment, text sizes, etc, and at the end of it the design looked like this:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/79c337c2-1c73-47a9-865e-f0aa0a548053/iPad_Nexus_9__15.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fab87294-e072-4775-aaab-1d1e442953d6/iPad_Nexus_9__16.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/97f2d9f9-ef65-42ec-868e-de909c4654c3/iPad_Nexus_9__18.png