4-Person Group Project
Skills:
Conceptualization, Prototyping, User Research, Programming, Graphic Design
Tools:
Adobe Photoshop, Illustrator, Indesign, Arduino, Premium
Duration:
2015.02 - 2015.06
Have you ever had that situation; you’re watching a movie in the living room with the light dimmed. Suddenly, your roommate walks in and turns the light bright because he needs to study. Wouldn’t it be great if everybody in the room would be able to adjust the light matching their own preferences?
Systema Luz is the solution. Each light in the room can be individually controlled and set by turning the rings. You have the option to choose up to 4 settings at a time. Each light can then be easily controlled and set to your preferred setting. You can even make your own light groups to allow for easy setting switching. This product allows everybody to have maximum control over the lights in a room.
Systema Luz. Give it a spin and turn the lights around!
Adaptive Designs for New Platforms
Fastforward.ai provided a chatbot experience on Messenger, in this project they wanted to create an adaptive experience in other platforms including Bixby, WhatsApp, and Twitter. Later, an independent web-based platform was also required, to mimic similar functions we provided on Messenger.
My Role
I was responsible for designing the UI and UX for the new platforms, which Fastforward.ai wanted to integrate into. The platforms included Bixby, WhatsApp, Twitter, and a web-based site. I then did the research and initiated the designs with the product owners, after that I iterated them with stakeholders.
Clients
Fastforward.ai
Digicel
Project Type
UI/UX Design, Frameworks
Duration
Nov 2019 - 2020
Team
Xiaoying Chen, Silviu Pop
Tools
Figma
The Challenge
Fastforward.ai provided chatbot services to Digicel's users in Messenger. The project was aimed to provide similar services in other platforms, Bixby, WhatsApp, Twitter. The main clients were telco companies, so the services included Check Balances & Bills, Check Personal Offers, Buy Plans, and Top-up, etc. I researched on each platform to understand what the experience was, and then design an optimized adaptive experience for the users.
Sometime later, FF.ai wanted to provide not only the Chatbot experience, but also a web-based progressive app. Therefore, I was required to design the initial designs for this channel. This was more complicated than the other platforms, since it needed to be built from scratch, while the other platforms all had a certain design frame which we could adapt to.
The Process
The experience can be divided into two types:
The first type is similar to a chatbot experience, the user 'asks' a question, and the system provides an answer. It is a conversational experience similar to talking with a human advisor. The experience in Messenger, Bixby, WhatsApp, and Twitter belongs to this type. The interaction is more linear compared to a web / app experience.
The second type is a web-based app experience, the users can interact to any elements in the interface. The ‘seamless’ channel which FF.ai provided in the latter phase belongs to this type. The interaction is not linear but more complicated.
Messenger
FF.ai provided a chatbot experience in Messenger which allows the clients to provide their customers different services which does not need to involve human employees.
Bixby
I needed to transform the experience FF.ai had in Messenger into the Bixby platform.
Bixby is the intelligence assistant developed by Samsung Electronics. You can interact with Bixby using your voice, text, or taps. It's deeply integrated into the phone, meaning that Bixby is able to carry out a lot of the tasks you do on your phone.
There are two main differences of experience in Bixby compared to Messenger:
Users are able to use extensive voice control in Bixby, which is not possible in Messenger.
Users cannot access to the previous chat history in Bixby, not like in Messenger, they can re-access the services in the chat history and interact with the options that were given before.
The client we had was a telco company. Therefore the experience I needed to transform includes Sign-in, Check Balance, Browse Plans and Top-up. An example of screens and the overview of the flows can be seen below.
WhatsApp is a widely used chatting app for people all over the world, therefore FF.ai also want to enable the clients to provide customer services in WhatsApp. The services that were needed to be provided in WhatsApp were Sign in, Check Balance, My Offers, Best Value Plans, Top-up and Settings.
The main differences of WhatsApp compared to Messenger are:
Users cannot interact with buttons/CTAs in WhatsApp, they have to type in text, so it's better to use simple texts/numbers for interaction.
Users cannot interact to the previous menus if the service codes they type in are not unique codes. Users' inputs always firstly apply to the latest response. So it's better to set up some unique code for quick accessed menu.
Twitter is also commonly used among businesses for providing customer services, therefore FF.ai would also like to be present in this platform as well. The interaction experience is similar to the one in Messenger. Three functions were required to be implemented in the first phase: Check Balances / Charges, My Offers, and Top-up.
Seamless Channel
FF.ai wanted to build a progressive web app in order to provide clients to host their services in the platform. It was more difficult to what I had built for them before, which was based on a chatbot experience. The design needed to be built from scratch, so I with another colleague proposed the initial version of the experience.
It was started for a zero-rated web page that the users will see when they run out of data in their phones. Yet it eventually grew to a more matured platform that helps the non-digitalized companies to digitalize their services, and getting users through social channels. I was participating in the refining process continuously.
FF.ai calls it as 'Seamless Channel'.
Other Projects
Campaigns for Fastforward.ai
Collaborated with 10+ global clients and other teams to successfully roll out 200+ campaigns targeting end-users.
Interactive Prototypes for Prospective Clients
Created interactive prototypes and videos for prospective clients, to demo the possibility they could have with FF.ai.