#ux/ui.designer{
position: adaptive;
float: right;}
Solace

Solace is a digital networking system designed with the needs and perspective of first responders during disaster situations.

The goal of this project was to use modern technology creatively to create a positive impact on the world. Within a team of four, I helped to make a communication system comprised of 4 devices and 3 digital interfaces. The devices we created were a foldable touchscreen for on-site rescue workers, a heart monitor wearable for victims, a mobile attachment for C.E.R.T. members, and a projected interactive wall for command center.

I, as the graphic designer, was charged with developing the whole networking system through wireframes, and designing the visual interface screens from top to bottom, including the logo, icons and widgets. This project was featured in the Art Center Student Gallery Fall 2014.

Tags:

Interactive, Product Design, UX/UI

Sponsored by:

Dell Inc.

Team:

Kei Yumino, Shirley Rodriguez, Patrick McCrory

Overall Wireframes

(click image to learn more)

GPS Device

(click image to learn more)

GPS Device Sketches

(click images to enlarge)

All sketches done by Shirley Rodriguez and Kei Yumino

GPS Device Prototypes

(click images to learn more)

GPS Device Wireframe
GPS Device Interface

(click images to enlarge)

Command Center

(click image to learn more)

Command Center Sketches

(click images to enlarge)

All sketches done by Shirley Rodriguez and Kei Yumino

Command Center Prototypes

(click images to learn more)

Command Center Wireframe
Command Center Interface

(click images to enlarge)

Comforting Device

(click image to learn more)

Comforting Device Sketches

(click images to enlarge)

All sketches done by Shirley Rodriguez and Kei Yumino

Comforting Device Prototypes

(click images to learn more)

Comforting Device Node Function

(click image to learn more)

Comforting Device Node Use Case

(click image to learn more)

C.E.R.T. Application

(click image to learn more)

C.E.R.T. Application Sketches

(click images to enlarge)

C.E.R.T. Application Prototypes

(click images to learn more)

C.E.R.T. Application Wireframe
C.E.R.T. Application Interface

(click images to enlarge)