make fun stuff / make stuff fun.
aRCH.png

What You Build

What You Build

'What you build' is an application for a city program in St. Louis, MO. Inspired by the Gateway Arch, this application provides visitors a playful experience to design their own monument with an easy pick-up process and appealing visual elements.

aRCH-2.png
thub0.png
thub2.png

Role
Interaction Designer
Visual Designer

Studio
Unified Field
 

 

Preliminary Idea, Low-Fidelity Wireframes

The initial design was based on the guideline "Using defined parameters, User creates a monument." from the client, including
- Outlined the basic interactive flow
- Proposed a draft of categories and elements
- Preliminary interface layout

0.png

Revised High-Fidelity Wireframe

After talking through our preliminary idea with the client, we made a new iteration based on client's feedback. During this phase, we were working on making the interaction loop/ hierarchy more clear and consistent while adding more interactive elements for visitors to enrich their experience.

- We refined the functionality to make a cleaner, simpler interface
- Simplified the monument categories from 4 to 3
- Added environmental elements to the available building blocks; visitors may now add plants and water features, so that they may create a small space, not just a sculpture
-Figured out a full solution for ADA compliance, move all interactive elements to lower 1/3 screen (ADA line)

1.png
 

Visual Approach and Interface Design

Architectural, Planning, Sketchy lines, Clean colors - old-school blueprint is the first thing came to my mind when we started to think about the visual approach for this application. We strived to have something clear, simple but still visually appealing. The blueprint style not only builds a consistent visual connection between the elements and behaviors but also reinforce the context of 'design your own monument'.

archboard.png
c1.png
c2.png
c3.png
 

Solution for ADA compliance

We also refined the use of ADA Keypad, simplified the interaction flow and levels to make it easier to be used for this application. A blind visitor can also play the application by pressing the keypad’s help button while on the Start Screen allows users to change their settings for volume, speed, and voice. If the keypad is used while the program is on the Start Screen, when the visitor proceeds, they will receive a general interstitial explanation of how the keypad will work throughout the program. 

ADA-1.png