Jessica Scott's profile

Build-A-Bear touchscreen

Build-A-Bear "Hear Me" Touchscreen

finally, a stuffed bear that can burp the alphabet
Build-A-Bear needed a UI for customers to add sounds to their "friends". The app turned out pretty slick, full-screen Bieber videos and all.
Users choose a sound from the sections provided or record their own. A "buy" button appears once a sound is selected and previewed. When a sound is being previewed, its button pops forward.
If a user selects the "record your own" button, they come to this screen. A microphone appears and the LED sign falls into place, flickers, and displays "ready", toggling to "recording" once the record button is pressed. Users can preview their recording, re-record if they wish, quit or buy from this screen.
Once a sound is selected, the user is instructed to place one of the sound chips on the loading dock. LED lights would flash and circle as their sound loaded.
While sound is loading, a bear animation bounces across the screen, ending with the user's friend appearing on the screen to announce the process is complete!

This animation was really fun to make - the positions the bear takes as he flies thru the air crack me up.


Build-A-Bear touchscreen
Published:

Build-A-Bear touchscreen

UI design for Build-A-Bear.

Published:

Creative Fields