Spira Care Center
Spira Care is a brand new kind of healthcare center with doctor, specialist, and insurance rolled into one. It’s a place, not a plan, so we worked with architects, interior designers, and fabricators to create a welcoming visitor experience. Members are greeted with a typographic sculpture, the walls are adorned with large scale illustrations evoking community and belonging, the logo was brought to life with a dimensional adaptation, and a color-coded wayfinding system was created to guide the way.
1 of 2
Environmental Design Art Direction
Spira Care Center
At Spira Care, we wanted to create a space that felt like home. So we built a gallery wall of bespoke illustrations and commissioned custom artwork that you wouldn’t find in a typical doctor’s office. The gallery wall was systematized so that it could be replicated and rearranged at new clinics. The items in each image were specifically chosen to create a cozy, quirky atmosphere, then local artists were hand-selected to illustrate them. For the rest of the clinic we used our material palette to inspire unique textural pieces from all over the world Currently, we are trying to carry that Spira quirk to the exterior of a clinic in the form of a branded mural.
2 of 2
Environmental Design Art Direction
Process
Barkley Bus Stop
1 of 1
Process
Barkley Bus Stop v.6
Welcome (length of video) Contextual Greeting Pressura Mono Regular #FFFFFF
Add custom Client Name GT Walshiem Bold #FFFFFF
Good Afternoon
Welcome to Barkley BG #000000
Custom video
BG #000000 Barkley Logo
Custom video
BG #FFFFFF Drop in a logo: PNG and/or Vector?
No Client - Welcome (length of video) Contextual Greeting Pressura Mono Regular #FFFFFF
Add custom Client Name GT Walshiem Bold #FFFFFF
Good Afternoon
Welcome to Barkley
Barkley Bus Stop v.6
BG #000000
Welcome (length of video) Contextual Greeting Pressura Mono Regular #FFFFFF
Title Add customPeristant Client Name Pressura Mono Regular #161515 GT Walshiem Bold #FFFFFF
Add custom Project Name GT Walsheim Bold #161515
Good Afternoon
Ideas (full length of video)
Welcome to Barkley Winging Out Ideas
BG #000000 optional H2 (not visible if not used) Pressura Mono Regular #EAEAEA Contextual Greeting Pressura Mono Regular #FFFFFF
BG #000000 Barkley Logo
Custom video
A 24 hour, 4/20 social takeover, live and VR experience for Wingstop Nosampling, Client - Welcome (length of video)
Good Afternoon
Alternate image/video view (Alternate pics every 5 seconds)
Two screen video or image
Welcome to Barkley Winging Out Ideas
Add custom Client Name GT Walshiem Bold #FFFFFF
A 24 hour, 4/20 social takeover, live BG #000000 sampling, and VR experience for Wingstop
BG #FFFFFF Drop in a logo: PNG and/or Vector?
Custom video
one screen images/video alternating transitions
Peristant Title Pressura Mono Regular #161515 Peristant Title Pressura Mono Regular #161515
Automatic Date GT Walsheim Bold #161515 Add custom Project Name GT Walsheim Bold #161515 optional H2 (not visible if not used) Pressura Mono Regular #EAEAEA optional H2 (not visible if not used) Pressura Mono Regular #EAEAEA
Data (10 Seconds) Ideas (full length of video) Today
3:22
Ideas
Tuesday, Winging Out February 14 Happy Valentine’s Day A 24 hour, 4/20 social takeover, live sampling, and VR experience for Wingstop
15°
Time
Alternate image/video view (Alternate pics every 5 seconds)
Custom Weather Icons + Temperature Two screen video or image
Ideas
Ambient - 3 screen video (15 seconds)
Winging Out
full takeover video
A 24 hour, 4/20 social takeover, live sampling, and VR experience for Wingstop
one screen images/video alternating transitions
Data (10 Seconds) Peristant Title Pressura Mono Regular #161515
Automatic Date GT Walsheim Bold #161515
optional H2 (not visible if not used) Pressura Mono Regular #EAEAEA
Today
3:22
Tuesday, February 14 Happy Valentine’s Day
“Ideas” is 1/4 size of Title color #161515
Ideas
Time
15° Custom Weather Icons + Temperature
RRussell Athletic Freshforce Campaign
Ambient - 3 screen video (15 seconds) Title is always centered on vertical axis Text is 4x height of description Margin is about the width of the letterform full takeover video
Description is 1/4 size of Title color #EAEAEA
A 24 hour, 4/20 social takeover, live sampling, and VR experience for Wingstop
Description stays withing 2/3 of screen
Ambient Mode is the only mode that doesn’t move. Should be revealed when other modes move from in front of it. Moving pieces always go one diection. Never back and forth.
When Barkley reduced their office footprint from occupying all four floors of their building to just the top three, we needed a new way to welcome visitors. We revamped the entire experience with a built-from-scratch reception area for easy client introductions, contextual data about time and local weather, case studies to keep employees and visitors up-to-date on our latest creations, and ambient footage of our beautiful neighborhood. The back end is designed for easy uploading of client logos and case study assets to refresh as-needed.
Environmental Design Interface Design
Ideas
Winging Out A 24 hour, 4/20 social takeover, live sampling, and VR experience for Wingstop
Today
Tuesday, February 14 Happy Valentine’s Day
3:22
15°
Centered horizontally & vertically
Temp numbers centered horizontally & vertically
Text is about 1/2 the size of the screen
Icon is centered on the vertical axis. Icon, in container, should take up about 1/4 of screen.
Barkley Wayfinding
After years of everyone forgetting where “Uranus� is, Barkley needed new room names and a completely new wayfinding solution. We turned our design process on ourselves, gathering user data, interviewing stakeholders, and testing prototypes to create a streamlined system that works for newbies and veterans alike. Users (aka people trying to find a meeting room) are now anchored on each floor with directional signage that gets them going in the right direction, landmarks are formally named to create memorable spaces and codify our internal language, lighter signage is located in the thoroughfares to keep users on track, and an intuitive numbering has replaced meeting room names, minus a select few that preserve our original theme.
1 of 1
Design Production
Process
Color Composer
The Nelson-Atkins Museum of Art asked us how they could use a touchscreen kiosk to emulate the synesthesia (seeing sound and hearing color) of featured painter Vasily Kandinsky. Our answer was a completely new invention: the Color Composer. Using the touchscreen as a canvas, visitors construct a digital painting using Kandinsky-esque shapes and biomorphic forms. Once the user presses play, the composition becomes an animated soundscape, fusing sound and vision. The user can continually edit their composition by moving and scaling shapes or creating new ones. Both the kiosk and a corresponding online experience were created from the ground up, including custom interactions, unique sounds for each shape, and its own distinctive animated branding.
1 of 1
Experience Design Interaction Design Sound Design
Process
Starman : An Anthology of Crowd-Powered Video Games
In 2016, Barkley’s innovation team was enlisted to “hack” their annual meeting. We decided to break up the monotony of a day-long Powerpoint presentation with three crowd-controlled games. To avoid adding forced fun to an already overwhelming agenda, we decided to use an input the audience could supply without much effort: Sound. Each game was set in a tabletop universe with hands and office supplies as characters. A range of sound types were used to control them, starting with claps and ending with specific phrases executed in unison. After starting the show with a rocket launch in “Moonshooter”, we followed the rocket on a journey through “Office Space”, and ended with landing on an alien planet complete with a celebratory dance in “Star Twerk”. Afterwards, the game was translated into a desktop experience that could be played at home.
Process
Experience Design Interaction Design Art Direction Copywriting Set Design Photography
What is Here? - AV/VR Experience
Process
3
EXPERIENCE KIOSK Here users choose an exerience based on their need rather than selecting a piece of tech. This is an indirect way of learning about the technology through experience.
The kiosk will be comprised of a variety of knobs, buttons and toggles (one for each experience). We want to play up the physicality before the user enters into a virtual world.
Once an experience is chosen, users are guided by projections and light to the appropriate equipment then given specific, bare minimum tutorials through projection
4
VIVE
DEMO TV OR BOOKING SCHEDULE OR “IN USE” INDICATOR
This is the only experience located on the interior of the room. A headset and controllers will be mounted on the wall/pedestal and will be backlit and flanked by tutorial projections once a vive experience is selected.
MAKERSPACE AREA ON 3
MOBILE SEATING OPTIONS
EXPERIENCE “KIOSK”
One version of this is a mannequin protuding from the lycra for the headset and controllers to rest on.
3
5 2 2 COLUMN
DEMO TV OR BOOKING SCHEDULE OR “IN USE” INDICATOR
4
6 5 HOLOLENS The hololens will be also be displayed on the wall or pedestal-like object and will be lit and paired with projected tutorials, like other experiences, if selected. The wall behind it makes for a good AR surface.
6
What is Here? was an interactive exhibit designed to provide a condensed education and demonstration of several AR and VR technologies. The exhibit’s form was constructed of hollow geometric forms stretched with lycra to echo the hard nature of classic VR, and it’s pliable future. It also allowed for a soft landing as needed. The experience could be utilized by a secluded singleplayer as well as a group by projecting a first-person view on an interior wall. The outer walls housed monitors that displayed looping videos and animations of current tech and future predictions, as well as less immersive AR and VR hardware for passers-by to explore.
Exhibition Design Motion Design
Hanging VR sets are half art, half interactive. Users can grab as they go, seeing how each technology compares to the next. Or if this experience is chosen from the kiosk, they will get more information and direction on comparing the tech through projections.
1
ULTRA SHORT-THROW PROJECTORS (1.5 ft for 5 ft image) Ideallty each experience will get it’s own projector for backlighting and tutorials. We love the contrast between low tech projections and high tech VR. As well as the ability to show tutorials in context rather than on a screen. Tutorials will be on timers, and looped to ensure no one misses a thing.
FUTURE IMPLICATIONS WALL
AMORPHOUS EXHIBITION SPACE
The other side of the intro signage will be a place for Moonshot to share their ideas about the future of VR or for users to share thoughts about their experiences.
Lycra as a material choice gives us an endless variety of forms that the space can take. Whatever it is, we don’t want it to be a box.
We don’t know what form this will take yet.
CARDBOARD, DAYDREAM, AND OTHER LOW-END VR CHANDELIER
The space will be double-walled, seperating the interior “Vive boundaries” from the exterior displays. it also makes for a nice storage space for props and projectors.
ELEVATOR
The wall parallel to this display could be a another place for signage or graphics.
1
EXHIBIT INTRO SIGNAGE This is where users begin. They are enticed to come inside (or reserve a spot) and maybe get a little information about what lies ahead. This could be static signage or it could be projected.
Kounter Cult
Kounter Cult helps people stand out in a sea of sameness with limited edition art and apparel of and about Kansas City culture. Every item except for the enamel pins is handmade by me, from design, to production, to packaging. The tongue-in-cheek references are designed to be different, because people should be able to celebrate their side without falling in line.
1 of 1
Design Silkscreen Sewing
Perceive Me
How might I show people what it’s like to be on the receiving end of another’s perceptions? Or how might I show people a more “accurate” view of themselves through the eyes of another? By revealing what a mirror never shows: the often misguided and sometimes accurate filters through which they are seen. I silkscreened these “views” on the surfaces of mirrors so they could act as analog filters of reality, showing us what others might be seeing. This project was originally created for TEDxKC 2016: Question Everything and later translated to a mobile-friendly website at PerceiveMe.net
1 of 1
Exhibition Design Experience Design Interaction Design Silkscreen
Great Day
Barkley’s 2018 annual meeting was about cultivating the optimal conditions for creativity and inspiration. These conditions can manifest in an endless variety of unique combinations, so we adopted a theme of “collage”. I took that and ran with it to design massive banners that flanked the stage, an assortment of “muse” centerpieces to designate each table, and a “live-collaging” DJ that not only mixed music but also exchanged his lower half every few minutes on a remote operated monitor. When it was all over, every partner in the company submitted the names of their personal muses which were transformed into a three-dimensional collage, complete with augmented nametags when viewed through a nearby iPad.
1 of 1
Design Event Planning Production
Process