Sihavannâ€™s Portfolio My selected design works showcase
01 Inner Landscape 02 Dancing Hands 03 KHMER1975-9 Posters & Exhibition concept 04 N26 Unboxing Experience
05 Backend project for sellers to create bundle 06 Hafen City web concept 07 HEREâ€™s LUI Toolkit 08 A Day in My life 09 Smart Office
01 The five basic human emotions are sampled through crowdsourcing, and then condensed into a series of expressions.
How can emotionsâ€™ universality be distilled using abstraction and embodiment? Each poster enters into the emotionâ€™s landscape, something that is, however, always beyond our grasp.
The idea for this project comes from the theoretical part of my bachelor thesis (see picture on the right), which I have written about emoji as a modern way of expressing emotions in the digital age; mostly among smartphone and Internet users. The smiley characters are pre-designed for you, and as a user you simply pick one that is closest to your emotion. To go further for the practical work, I want to analyze how people express their emotions in the real world, across boundaries of different cultures, and investigate similarities or differences of how people convey their emotions using crowdsourcing methodology. How can culturally sensitive research help us translate emotions into abstract forms?
The Emoji Zeitgeist
Insight: Emoji shapes our vision of how we see emotions. We see them as smiley and whimsical characters, mainly yellow monochrome faces. Can we free ourselves from this mainstream, and express our emotions using abstract visuals and still be understood? Questions: How can we visualize emotions in a non conventional way? What colors and forms do our emotions look like? How do people of different cultural background visualize their emotions? Can we look at our emotions as landscape that is inside us, rather than as external expressions?
Left: a acomposed Below: composed visual visual references references from a part of my crowdsourcing survey where candidates were asked to pick a spot on the given body illustration where they feel each 5 emotions on their own bodies.
Work Process Color palette for each emotion
Doodles from each emotion
1. Survey: Create a survey to get people data as evidence / references.
2. Collect: Gather and sort out the results in order to study. Then come up with findings.
3. Concept & Ideations: Brainstorm and sketch out ideas.
4. Design & Iterations: Design multiple versions and test out the visuals.
DANCING HANDS Here, the Royal Ballet of Cambodia is newly interpreted into a series of illustrative stamps and short motion clips. Each movement translates as leaves, flowers & fruits.
Postage stamp series
Work Process “ I want to create a series of postage stamps that capture Cambodian’s heritage in a contemporary light. The idea of featuring Cambodia’s Royal Ballet is to show the relationship between nature and arts in Cambodian culture and heritage.”
The direction I am going for is playful, since many of the exisiting stamps in Cambodia have very traditional design and does not experiment enough with illustrations to create something more unique.
KHMER1975-9 is an exhibition concept dedicated to educate people about the dark history that happened in Cambodia from 1975-1979 causing 2 millions deaths.This exhibition reveals sad and ugly stories of why/how this event happened, and to raise awareness that history could repeat itself if we neglect to study them. By learning the history, we avoid making them repeating in the future. The exhibition enables audiences to reflect on the bitter events happened in the past and are happening now in the world in any culture at any time. What audience could learn also from this exhibition is the aftermath; how Cambodian people went back to live a â€˜normal lifeâ€™ after massive killings in their country.
PROJECT PROPOSAL Benchmarks As a cultural ambassador of Cambodia in Berlin, I would like to propose an exhibition of the Khmer Rouge Genocide as a temporary exhibition. The purpose of this exhibition is to educate people in Germany about this dark history that happened in Cambodia from 1975-1979 causing 2 millions deaths. This exhibition will give people a clear understanding of why/ how this happened, and to raise awareness that history repeat itself. By learning the history, we avoid making them repeating in the future. The exhibition will also enable audiences to make a comparison with the Jewish genocide in Germany and draw conclusion that genocide can happen in any culture at any time. What is more important is the aftermath; how Cambodian people went back to live a normal life after massive killings in their country.
“ I want to make use of metaphors language and things we relate to as killing in an arty way to represent this exhibition posters.”
I got inspired by prison, so i start use of their face it to get the mea
Keywords: victims, target, survival, skull, kill, trapped, suffer mentally, confusion, maze, prison, no escape
Exhibition ideas Installations: installations depicting from the real S21 Prison and the Killing Field Museum. For example: piles of victims clothes, torturing tools, victim’s metal bed, barbered wire, a tree symbolising life. Video booth: viewers can go in a small booth and watch the short video clips to learn about Khmer Rouge Genocide, what life during genocide era was like. Photo: portraits of victims Memorial: Before and after photos of Phnom Penh city Timeline video: infographic video of the death rising from 1975-1979 Audio: sound of terror, may be abstract ones. Light: candle light, dark and a bit spooky.
I want to covey awareness, which pography is cust ward and forward
“KHMER” is writ going forward. I and future aware bition.
y portraits of victims at S21 ted studying how i can make e shape and what i can add to aning clear.
y the idea of past history and future h is the motto of the exhibition. So tytomized to make it appear going backrd.
tten with “H” going backward and “ER” want to covey the idea of past history eness, which is the motto of the exhi-
Continuous Graphic Development
The Unboxing Experience of N26 Premium Card
Dan recieves his premium package.
Dan’s anticipation level is high. He can’t wait to unbox it.
Dan is happily unboxing it.
TADA! The package is neatly organised and with a welcome letter attached. It has easy step-by-step instructions to activate the card too!!!
Dan opens his mobile banking app to activate the card
The card uses NFC technology to pair the card to his smartphone.
Once activated, it launches Augmented reality as a setup wizard where he can learn the value of the card and add his digital signature onto the card.
Dan goes through each easy setup wizard.
Each step, he learns all about how safe, secure, user-friendly the card and the app is.
Dan is amazed by the unboxing experience :)
He adds in digital signature and then ALL DONE!!!
Dan thinks the experience is so unforgettable, and he can’t wait to brag to his friends about his new premium bank card.
The rising popularity of Augmented Reality (AR) have laid a very strong foundation for growth in 2017 and the years to come. Businesses are shifting towards augmented reality to transform the customer experiences to the next level. As the mobile banking company with objective to push innovations and be the first to set trend among competitors in the market, i propose a conceptual idea to integrate AR as part of the unboxing experience,
where physical unboxing experience become part of the learning approaches to the values the premium card bring and an unforgettable onboarding setups, e.g. signing a digital signature.
The Unboxing Experience The unboxing experience is customer’s first time experience with the physical product. This experience should be easy, informative and a learning wizard setup where customers can easily grasp the connection/interaction between the card and the banking app.
The design of the box should be minimal, and with a strong focus on the details that make it effortlessly premium.
Mockup of the box
A layer opened
Backend Interface for Sellers to create product bundles The goal is to introduce a bundle feature to marketplace sellers on the backend site. Based on interviews with sellers, they prefer an an easy step by step interface where they could see each step as they start to list items.
(a few example screenshots)
HAFENCITY CONCEPT FOR WEB
This project is to give Hafencity Hamburg a new face. Their current site doesnâ€™t appeal to their target market. It doesnâ€™t promote a modern and friendly atmosphere. Here, I have proposed a new concept for their website that is more human-oriented and promote the lifestyle of the Hafen City residents.
Map interaction idea for the web
3D Map where user can select a borough and it displays venues, events, landmarks on the chosen borough.
Dropdown with divider
Placeholder DIVIDER 1
Group 1 Menu Item 1 Group 1 Menu Item 2 Group 1 Menu Item 3 DIVIDER 2
Group 2 Menu Item 1 Group 2 Menu Item 2 Group 2 Menu Item 3 Dropdown with search
Label Menu Item 1 Menu Item 2 Menu Item 3 Dropdown combo box
(an example of dropdown)
HERE’s LUI Toolkit (Team’s ongoing project)
LUI is a web toolkit consists of core UI components,as a systemic design elements to deploy througout wide ranges of HERE’s products and services. Each components are background-aware and exist on 3 different areas of the HERE brand colors.
RESEARCH & BENCHMARKING
Dropdown is one of the components in HERE’s “LUI Web Toolkit” (Location User Interface). I was responsible for research and benchmarking to find out what are the variants and states of dropdowns, and how they behave on a website. On the right is the example of my conducted presentation with visuals. From there, I have worked with another visual designer on refining this research into the “LUI Dropdown” components.
A DAY IN MY LIFE
t was a beautiful day. I was on my way to school. As I arrived in front of the city hall, I paused and glanced at how beautiful the building was. Out of a sudden a helicopter was approaching the city hall. I was so shocked, my expression froze and I couldnâ€™t help but just pointing my finger at the helicopter that was about to crash. It finally crashed.
The explosion made me so nervous, so I ran and ran as fast I could till I got far away from the scene. I finally arrived school. It felt as if I had run many miles. I was out of breath, I could barely continue as I arrived in front of the school. So I stopped and slowly moved myself to sit on the stairway at school. I took a deep breath and calmed myself, and then I began to go inside. Something about the building
‘‘...Then I opened the door’’
was rather strange today as I opened the door. But I entered and walked upstairs anyway. As I arrived, I approached my classroom as I always did. Then I opened the door. And I could feel the room was very dark and empty. It felt so mysterious. As the door opened, my eyes immediately caught the sight of a stranger sleeping face down on a table. I gasped. The person looked familiar, I thought, until he turned his head up, it was me.
“I was just daydreaming.”
Video link: Video file attached in the application
Smart office Smart Office (app icon)
This is a work-in-progress product development. I have made different design variations of the app icon associated with office building, a dashboard, and graph charts at the same time.
My selected design works showcase