
UX for design of cyber-physical project
My Role: UX Lead, Visual Lead, Architecture Lead
June to October 2013
1. Setting the scene
– Generating business landscape for design teams and consultants
- Interviews with stake holders
- Competitors research
- Team kick off
Stakeholders interviews
Frequently overall needs for the project come in need-to-be-assembled perspectives from multiple stakeholders

Sometimes additional techniques help to further define requirements
in this case we used a form of “business origami” to generate possible rules for space function designation in regards of heath map of occupancy:

Sorted-out table of functions after a few rounds of Origami: placing symbols over time intervals


Competitors Research – summary

Project Landscape – summary

Scope

2. Empathizing
– Understanding user needs
- Interviews with future Users
- Generating user personas
- Understanding Visual Language
User representation
After a series of interviews and mapping and condensing information gathered a picture of stakeholders and users was formed

Representation of one selected persona with more detail (archetype: bride (to be))
Bride to be organizing family dinner (rehearsal dinner)
User Story
As a Bride to be, I want a romantic and intimate experience, so that I can remember the event as great for years to come.
Key concepts:
- Bride to be
- Romantic and intimate
- Remembering
User Scenario
Here presented as mood board of images that the Bride (archetype) might have collected
Customer Journey
explanation of how a customer found, compared and interacted with service provided. here presented for the same selected archetype : bride to be.

Visual language exploration
Condensing information from competitor research, as well as on site language and inspirations for the current visual language present at the hotel.

It is a consensus that design language has to be contemporary and inspired and building on top of water-rivers carving walls. it is concluded that the extending inspiration will be rivers water power as forces, represented as forces, that can be support for bottles.
3. Building an App
– Cyber component of design
- Site Maps
- User Flows
- First Mockup
Site Maps
Information architecture for App

User Maps
understanding user flow and breadcrumbs that could accompany landing experience

First Mock Up
Past Wireframe stage – Full Mock up


