MERGING PHYSICAL AND DIGITAL

 

The design team at B/S/H worked with Fluid to develop a vision for the future by building an experience prototype to showcase future product & service concepts for strategic alignment. 


Role: Research, Competitor analysis, Ideation, Opportunity map, Product Strategy, User Story, User Journey, Wireframe, Visual and UI design, Motion Design, Key Animation, Demo Prototype.

Tools: Sketch, PS, Principle, AE

Team: Ella Xiao, Johannes Egger, Paul Kistner

Work at Fluid Design

 

 
 
 

 

01.

Vision

Research, create visual design directions.

Refine and finalise chosen design direction.

Expand design system to include all needed components for the prototype.

Align the Vision for the next evolution step of the UI style guide with internal stakeholders, and develop the Visual and Motion design of key elements accordingly.

 
ideation.png
Screenshot%252B2020-08-11%252Bat%252B21.15.16.jpg

New business opportunities

 

02.

Story & UX Concept 

 Align and create on overarching prototype flow / story.

Refine and detail prototype flow.

Define interaction behaviours and general UX architecture. 

 
story.jpg
Screenshot%2B2020-08-11%2Bat%2B21.14.12.jpg
 
 

 03.

Screen Detailing

Adaptation of UX and UI design to script modifications.

Define and create content, e.g images, texts, assets, animations.

04.

Animation

Motion design and animations based on storyboard. 

mental model.png

 Mental Model

05.

Production

Provide animated screens based on rough cut. Iteratively refine animations.

Lean implementation support: manage collaboration with production studio throughout the project.

Regular alignments, Quality assurance and refinements based on possible technical limitations and/or general interaction improvements. Providing additional assets and contents as required. 

190603_BSH_VR8_Video_UI_v2.jpg