CHIVE

🏅Winner, GD USA | 2020 American Inhouse Design Awards
🏆 Winner, C2A | 2020 User Experience Design / UI & UX Design

Cooking Channel + Live Streaming Service

CHIVE is a cooking streaming service for anyone who wants to learn to cook in the comfort of their own homes by providing an end-to-end experience from receiving a recipe and gathering ingredients to cooking with favorite chefs. Users can subscribe to the channels of their favorite chefs, get early notifications for the ingredients needed before scheduled streams, and cook live with their favorite teaching chefs.
Role:
User Research,
Visual Design,
Team lead

Time:
8 weeks, 2020

Team:
Hanul Song
Miri Kim
Yeawon Ryoo
Soyeon Kwon


Tool:
Figma




Challenge


How can we improve the online cooking experience?
As the streaming service market grows after the emergence of COVID-19, people's interest in culinary content has been increasing. However, cooking content that currently exists/that is currently available to most audiences are written recipes or Youtube videos meant for entertainment, but it lacks a service/platform that allows users to ask questions about cooking and communicate with recipe providers in real-time.

Solution


Create a live streaming platform where users can easily discover new recipes while learning in an enjoyable virtual classroom setting, and upload food content videos to your own channel.



Solution Preview




Prepare Ingredient with Prior Notifications

Users can check the live streaming schedule through a chef subscription, receive notifications before the scheduled time, and check recipes and ingredients. In addition, users can purchase the required ingredients directly from the app before the stream to have them available to cook live with the chef.








Explore & Search Chef’s Recipes

Users can enjoy content organized according to their preferences on the Homepage. You can add or subtract specific ingredients through a search.






Live Stream Video

Communicate with the chefs in real-time and check written recipes. Conversational AI allows users to easily and safely talk to the chef via voice while cooking.




Design Process




Research


User Interview
To better understand the experience of learning to cook, we interviewed people of different ages, professions, and cooking skills, such as homemakers, students, and office workers.
Through the interviews, we were able to analyze the current cooking learning experience of people:





  • People find recipes from YouTube (40%), Self-taught (30%), Mom’s recipe (20%), Cooking class, or Cooking Book(10%).
  • The hardest thing about cooking is knowing the right amount of ingredients.
  • People prefer written recipes to videos when attempting to follow recipes.




Ideation



User Persona


Understanding the User
Based on the interviews, we created three different personas to portray the problems faced by our respondents. The three user personas represent a person who rarely cooks, a person who frequently cooks, and a prolific home cook.










Journey Mapping


Analyzing Behavior & Experiences

We created a single journey map, including three personas, to see how users might access the CHIVE and how their tasks, thoughts, and challenges change according to the different stages of learning to cook.






Insights

Reframing the Problem
The major problems and needs are below:

  • Users find recipes or learn how to prepare dishes through videos. However, videos are difficult to follow along with while cooking, so most users refer to written recipes for convenience.
  • It is challenging to buy specific ingredients and utilize utensils that each recipe requires.
  • While preparing a meal during a live cooking class, typing out a question to the chef can be burdensome.
  • There are difficulties to find a recipe that matches a user's diet because it's complicated to customize meals by excluding or adding certain ingredients.


Key Features



We finally decided on the main features of CHIVE.

Live Streamed Video & Written Recipe
Live streaming services allow users to communicate in real-time with the chef. You can see the written recipe with timer and ingredients at the same time as the live video.


Notification & Ingredient Delivery
Users can check the live streaming schedule through subscription, receive notifications in advance, and check recipes and purchase necessary ingredients.

Conversational AI
Conversational AI allows users to easily talk to the chef via voice without typing while cooking.



Categorized Videos
Helps the search service to allow users to search for a specific diet or add or subtract specific ingredients.




Site Map



We created the five main stages that were classified according to the key features: Login, Home & Search, My Page, Stream, Cart & Order. We divided the pages needed for each stage and created a site map. This process helped define the overall site structure and how my primary features should be mapped out.









High Fidelity Wireframes


We created Hi-Fi Wireframes to indicate the overall flow to grasp a connection between each section. This wireframe helped us to identify flaws in the initial idea and to resolve this matter by viewing it from the users’ perspective.






Design & Prototype

Competitor Analysis


In order to coordinate design decisions within the team, we analyzed how visuals and interactions are structured in popular streaming services. For platforms (Netflix, Disney+, Amazon Video) that provide longer-time videos like movies or TV shows, a dark mode was the default mode for cinematic effects, whereas other online video sharing services such as YouTube and Twitch used light mode, which highlights users’ content. We surveyed opinions on the use of a bright mode and shadows for interaction, taking into account photos of the ingredients and thumbnails users will create for their videos.







Design Decisions


Finding the user’s preference
In the sign-up process, the user's preferences for food, chef, and material for user-friendly homepage content composition are investigated.
Sign in/Sign Up
User preference
User Information





Exploring & Search Chef’s Recipes
Users can enjoy content organized according to their preferences on the Homepage. You can add or subtract specific ingredients through a search.
Search
Result





Live Streaming Video
Users can communicate with the chefs in real-time through donations and check written recipes. Conversational AI allows users to easily talk to the chef via voice while cooking.
   

Live Streamed Video & Donation
Conversational AI
Recorded Video & Written Recipe








Checking the Recipe and Buying Ingredients through Notification
Users can check the live stream schedule through a chef subscription, receive notifications before the scheduled time, and check recipes and necessary ingredients. In addition, users can purchase the ingredients needed for the chef’s recipe.


Notification
Written Recipe
Cart




Product Evaluation


Product Testing


We conducted usability tests using our Figma prototype with a usability data logger. We asked each of them to complete a few tasks that utilize the primary features of the service to know how the user explores the website.

Key Findings from Testing
Most of the participants were positive about our new service and completed the tasks without difficulty. They were particularly appreciative of the conversational UI.

However, sometimes they didn't recognize the written recipe icon or were overwhelmed by the many or repetitive UI on the search page. So, we simplified this UI to more familiar ones and as a form of advanced search.





Prototype


Design System




Reflection & Next Steps


Takeaway
In this project, I had a valuable experience creating a new streaming service. Investigating the imagined users’ experiences when connected with cooking was particularly fun. Through the iterative process, completing the visual design, conducting user tests, and repairing it again, I was able to receive unexpected feedback which informed my design-sense.


Limitations
Because user testing was conducted based on prototyping, there were limitations. In the user tests, the function was first explained to people and the reaction was recorded. If this had been developed, it would seem that we were able to better understand the user experience of conversational AI, one of the most important and unique features of our site.
Another restriction was the decision not to create mobile pages. Given more time, I want to make pages of variations for mobiles and tablets, to easily receive notifications.



✨ Thanks for making this far!
Mark


The Future of a Day
Designing with Mixed Reality

Dayz is a mixed reality experience using smart-glasses technology to open new possibilities for our advanced all-in-one home experience from remote working to socializing and leisure activities.
Role:
Research
Visual Design
Prototyping

Time:
1 year, 2020-21



Tool:
Sketch
Figma
After Effect


MFA Thesis Project
Advisors:
Ellen Lupton
Jennifer Cole Phillips
Bobby Joe Smith III
Bradly Zavakos
Greg Leibowitz
Ashley Guchhait







Challenge


How can I change my room into a more productive yet fun space? 

Since the pandemic and quarantine began, people’s rooms have blurred the work/life balance; what was intended as only a space to gather, socialize, play, and rest became a workspace overnight. Because of the contrast between the two activities, it’s hard to draw a clear demarcation between the two headspaces. As a result, productivity and motivation were negatively impacted, inspiring me to seek a solution.




Solution


Redesign a room using Mixed Reality (MR)

By using MR technology, improve the moods of users by evolving the static experience of taking classes, working, resting, and socializing in a singular area into an immersive experience that utilizes space.

Design Process












Research



Informal Interview (2020)
& Survey (2021)

In October 2020, I initiated research to better understand how people feel about schooling or working from home by interviewing students and professionals.
In March 2021, I created a new survey to understand the changes in feelings about remote work as time passes. The same survey was conducted to also better understand the same situation in Korea, which has been working remotel for a longer period than in the United States. Both results showed an increase in satisfaction.



36%

For those who worked from home before the pandemic, the change works well: allowing better concentration on work and time management due to a lack of interference from others.

64%

On the other hand, those who liked to work in their studios and offices had their productivity and motivation decline significantly. Naturally, this also affected their mental health.

48%

Almost half of the participants answered that they are open to continuing working remotely. 36% wanted to go back to the office or the studio, 12% don’t know, 4% want to do both.

64%

More than half of the participants were satisfied, happy, or very gratified with telework. Among them, the emotions elevated from satisfaction to happiness or very gratifying.





Key Facts

Psychology on Remote Working
Articles over the last two decades helped me understand the cultural mindset of remote working and how it has developed as our technology improved and integrated with our daily lives.


Pre-pandemic
“Results suggest a negative emotional impact of teleworking, particularly in terms of such emotions as loneliness, irritability, worry and guilt, and that teleworkers experience significantly more mental health symptoms of stress than office-workers...” 
- Sandi Mann and Lynn Holdsworth, Oct 2003
During pandemic
“66% of people aged 25 and under suffer from one or more signs of mental illness including extremely high and low moods, social withdrawal, sadness, irritability, excessive fear, worry and anxiety, dramatic changes in eating and sleeping habits...”
- Question & Retain, Mar 2020
Post-pandemic
“Most Americans now teleworking from home want to keep doing so, with more than half saying they would work remotely after the pandemic...”
- Chicago Tribune, Dec 2020




What is MR and Why MR?



Mixed Reality blends the physical and digital worlds by incorporating elements of both the real and virtual spaces including environmental input, spatial sound, and location.


Multitasking
“Letting users spatially organize their tasks...can lead to a 40% improvement in productivity.”
- Leap Motion, Nov 2015

Simulations and situational therapy
 
“VR can help people by creating safe simulated spaces for education and training.”
- Leap Motion, Nov 2015

Market Revenue of MR

“The market revenue of the Mixed Reality industry has steadily increased since 2018 with greater growth each year suggesting the use of MR in our daily lives is not too far away.”
- Statistics by Segment, Jan 2021



Research Synthesis




Physical Aspect


People are equipped in their rooms.
Most people recently bought furniture or gadgets to better their working conditions. Equipped rooms allow us to continue remote working post-pandemic.


Static Experience
Constraints of a space change had a significant impact on people's physical and mental health.
Psychological Aspect


People’s feelings on working from home have changed.
People hated working remotely at the beginning of the pandemic, but now, people are satisfied.


Loneliness is a health crisis.
Lack of communication leads to isolation, which causes serious mental health problems.
MR Technological Aspect


MR enhances productivity.
MR helps with multitasking and opens up a new type of work.




MR helps people feel better.
MR can be used to make simulated places for therapy or entertainment.




Problem Framing





Target Audience




Students and professionals working remotely


User Persona

 



Design Principle &
Additional Questions




Creates a new multisensory experience for your room.
  • How can we interact with space? 
  • How can we utilize our bodies and gestures?

Promotes a playful life with positive physical & mental health
  • How can the service assist users with physical and mental health, and allow them to form good habits aside from just enhancing productivity? 
  • How can Dayz bring joy to people’s lives? 
Creates inclusive interfaces
  • What if users are missing a hand? 
  • What if your user needs an accessible interface? How is that triggered if they can’t easily touch or tap the glasses?





Concept Generation


Timeline Sketches


To build a storyboard, I choose three core values to represent a day: daily life, work, and communication from the research. While making the storyboard, I studied how to effectively and interestingly connect people to people as well as spaces and people in various situations that take place within the day from morning to evening. Some UI components are based on Google’s Daydream components sticker sheet.


7 AM Morning Routine



9 AM Work & Communication




7 PM Rest & Socialization




Visual Experiments


After deciding how the story will flow through each scene in the process of storyboarding, I researched the overall visual look and feel of my service. To explore the visual system, I got inspired by science fiction movies and used the Morning Routine scene to test designs.






System Technology


As for the MR glasses, I imagined smart glasses by referencing existing pairs such as Google Glass, Microsoft’s Hololens, and Facebook’s Oculus. However, my smart glasses look closer to real glasses and can even be charged wirelessly through the case. I believe the eyeglasses we are using today, and even contact lenses will soon become MR devices.





Prototype


7 am Morning Routine


Once users put on the smart glass, Dayz will not only help users access information conveniently, but also assists them in staying physically and mentally healthy.


Weather 3D graphics by Pico/Hand Illustrations by Microsite



9 am Working


While users are working, Dayz allows them to maintain productivity and communicate better, which improves their moods by increasing their feelings of self-fulfillment. Also, users can work in different places where they have not been before. As one of Self-Care Features, Dayz cares for users' break time.


Breakfast 3D model by Cgtrader




7 pm Socializing & Resting


At the end of the day, users can engage in participatory experiences by sharing their day.






Reflection & Next Steps


Post-pandemic, I believe our daily routines will forever be changed rather than returning to what they were pre-pandemic. Though they may adapt from what they were mid-pandemic because of reduced or removed restrictions, our experiences have changed how we live our lives. What was new before has become normal. Our society has learned to adapt to this life with a growth in technology we can not revert. The boundaries between work and home are gradually disappearing, and the place where we work will become the office, whether it is on the street, on vacation, or at home. Conversely, we can bring different environments to our home and office whether they are to a friend’s house far away, or to the Amazon. All you need to do is wear your glasses.
I hope Dayz helps people imagine their future in an advanced all-in-one home experience. As Mike Alger manifested that some people who web designers before will need to learn to be environment designers in his VR Interface Design Manifesto (2014), I also believe a lot of designers and engineers would shift their design careers to VR designers, and the area of the designer will be expanded the experiential design to create more comfortable and immersive experiences.

What started as being alone at home became how I was able to imagine what we can do together through future technology. In the process, I learned the possibilitie of MR. We no longer must solely consume content and design linearly within rectangular screens. They can be seen through three-dimensional, moving forms. And I am excited to see how much of our future will change.


Mark



MICA Maint

MICA campus, being an art and design college, has a long history of needing many repairs and maintenance. Students and faculty members request and receive responses through a work order program called eMaint. However, eMaint has a lot of obstacles, like having to find the link on the MICA website, filling out request forms on another website, and not updating requests. This makes the process uncomfortable since the progress is disjointed. 


Role:
User Research,
Visual Design,
UI/UX




Time:
7 days, 2020

Tool:
Invision


Challenge


Create a new experience campus facilities management system to reduce the overall burdens for requestors and managers and better communication.

Solution


Campus Progressive Web App (PWA) that is easily accessible and allows both sides of work order communication to be an all-in-one service.




Design Process





Understand Background




I went through the current system to get to know the experience from requesting to getting it fixed. The system was too complicated and scattered:
  • No direct access to the eMaint site (Users should detour the MICA website first to create a work order.)
  • The interface of the eMaint was confusing. Its mobile site, which allowed the user to send immediately upon discovery of facilities problems, was also not intuitive nor responsive.
  • Communication such as any questions or feedback can only be continued via email rather than the platform itself.

A simple experience is being divided into different platforms, creating confusion for the user.


Request Process
     




Research

User Survey


I surveyed a professor and eight MICA students and interviewed a manager for MICA’s Facilities Management, who frequently use the system to gain a better understanding of the pain points.

Main findings from requestor experience research:
  • Users feel it is difficult to find and use eMaint.
  • Users hardly call the management office to receive updates.
  • Users find typing in their location to be bothersome.
  • Users would like to be informed about the processes and completion time for repairs.
Main findings from the Facilities Manager (Peter):
  • eMaint’s website does not function properly because he uses email to communicate with requestors.
  • It’s impossible to respond to all requests due to the volume, in part because there were many repeat requests as a result of poor communication between requesters and between requesters and receivers.
  • Identifying the main issue from requests takes time because of the note format.

   



 

Ideation

User Persona


Based on the collected user surveys, I created two prospective users. The purpose of the two personas was to compare those who send requests with those who receive and take action in the repair process.





User Journey


The User Journey has made a visual representation of what behaviors and emotions are going on with the current state (when there is no web app like MICA/maint) in achieving goals.
Jane’s case was created to distinctly display the request process with eMaint.


On the other hand, Mark’s case is for the process of receiving requests and fixing them. The conclusion was that making and checking the request takes a long time because of the disconnection. I designed MICAmaint to solve these problems.






Insight


Icons made by itim2101, Goodware and Eucalyp from flaticon


Problems 
  • The whole process is difficult and takes a long time.
  • Requestors have difficulties with knowing the progress.
  • The platforms are scattered, so users and managers can’t communicate with each other.


Solutions 
  • Create an easy, intuitive system so users can send requests directly.
  • Provide requestors progress updates.
  • Make end-to-end experience: from requests to fixes with all communication in between, and even monitor the equipment.


Key Features
  • MICA facilities code to attach to campus equipment, allowing for immediate requests by just scanning the code.
  • Use PWA for not only direct access to the site but also notifications like an app.
  • MICA facilities code contains all repairs and information related to the facilities.







Develop


Site Map


I created a site map with reference to the user personas and journey to structure the three features: request, notification, and management. I separated sitemaps for requesters and managers to make a unified app for both of them. Even though the structure has changed a little bit, this process has been rendered to show how my primary features should be mapped out.






Wireframes


I created a wireframe based on the site map and visualized the overall flow. While making wireframes, I decided to make the order of priority out of the three features; I thought the request was the first one so I moved the home screen from the request list to the scanning page and changed the manager’s home screen accordingly.





MICA Facilities Code System


The MICA facilities code, which contains all basic information regarding the facility, repair history, location, and repair personnel, was created based on the MICA brand identity.






Design Decision







For Requesters & Managers

Sign in and Download

Users enter the MICA maint website by mobile and sign in with their MICA account. The user can download and get easy and direct access to it, like an app.





For Requesters & Managers

Scan MICA Facilities Code

Once the user has signed in, the camera will be active to scan the MICA Facilities code. When the user scans the code attached to facilities, the name and location of the device will automatically appear and the user gets ready to request on the spot. If someone already reported the same request, the user can upvote to add it to the user’s request list and be notified without making a new report.









*The MICA Facilities code contains data and repair history about equipment and facilities, shared only within MICA. Each facility and piece of equipment has its own code.



For Requesters

Reporting the issue

The possible failures in the facility or equipment are listed so that issues can be communicated with a couple of clicks. The code tells the user which building, floor, and piece of equipment, enabling the user to send the request by just clicking the problem. Then, the technician who is in charge of these types of facilities will be automatically assigned and get the notification right away. The user can track the requested progress information related to facilities. The manager can view the history of the equipment and edit and update the status after the repair is completed.









For  Managers

Facilities Detail

When the user clicks on each facilities card, the user can track the requested progress information related to facilities. The manager can view the history of the equipment and edit and update the status after the repair is completed.








For Requesters

My Requests and Open Requests

My Requests is a list of user-generated requests that the user can add to others’ requests from Open Requests. Open Requests is a list of requests searched around the user’s location. The user can upvote them to increase the repair ranking. This feature eliminates the irritant from creating new requests and avoids any outstanding disrepair. Managers don't have to receive the same request, and they can also prioritize requests. 





For Requesters

How to Use and Troubleshoot

People usually try to make equipment repairs themselves before submitting a work order. MICAmaint provides tutorials for users that are accessible through scanning the MICA Facility code. Equipment introduction videos are also available through scanning to teach users how to properly use each piece of equipment.














For Requesters

Notification

Users can easily update the progress with the PWA notification function. Requestors and managers can track it in real-time even within a work order.
For Managers

My Management

My Management lists all facilities cards listed in the order of the most upvotes. Managers can see the upvotes in total when they search the equipment to see the status, repair history, and data of the equipment through tags and sorting. Managers can monitor all facilities through this My Management page.





What I learned



Consider all the people, processes, and experience involved in one service
Interviewing the manager as well as the requester using the current service allowed me to know new information and define how my design should function.

Also, when I think about the experience, I realized that it was only to make the current system a simple app, so I came up with an offline medium, “MICA facilities code.”

Test the design
As I designed, I found that my design becomes complex and difficult. Its focus as an app for solving maintenance issues became buried. After several tests, I identified the key features and changed the home screen from My Request to Scan the MICAFacilities Code.

Mark


10Bytes

🏅Winner, UX Design Awards | New Talent 

10Bytes is a project that revolves around user privacy and data collection. It began with the question ‘If companies can be compensated for sharing data, why can’t individuals?’ The app allows users to regulate the sharing of their personal data with larger companies and focuses on creating a mutually beneficial relationship between them. Users can decide to sell their information to assist companies in developing products.
Role:
Research
Visual Design
Prototyping

Time:
6 weeks, 2019
Team:
Soyeon Kwon
Jinoon Choi


Tool:
Invision Studio
After Effects





Background


The Public should be Compensated for Private Data.



We hand over our data every day to the companies providing various services we use, ranging from Facebook to Instagram, Amazon to Google. However, even though we provide information such as our search history, location, product purchases, and photos, how much data is collected is unknown because no platform exists to provide that information.





Solution


Rather than limiting the provision of information, it is necessary to provide users the ability to actively provide data and receive compensation accordingly. To provide an effective solution, I created and designed an app called ‘10Bytes’. The app name references the amount of data used to create. Phone number: 10 bytes. This app allows users to regulate the sharing of their data with larger companies and focuses on creating a mutually beneficial and compensatory relationship between the user and the company. 

Users decide to sell their information to assist companies in not only developing their products but also decide which third party companies they want to sell to and the desired amount of information a company is given for an upfront fully disclosed price. Users can track their total income since joining in 10Bytes, as well as view a daily breakdown of compensation, including earnings from sharing information within 10Bytes.




Target User


This app is for everyone who provides data online.





It's an app to help them recognize what their information is getting out of the way, how it's handled, raise their awareness of their data provision, and even compensate them for the data.



User Flow


Through the virtual flow, the structure layer could be divided into what functions are essential and what should be added. Since it's an app that introduces a service that has not

previously existed, an onboarding page was created for new and potential users to better understand the purpose of the app.





Wireframe







While creating the user flow, I could organize the service into five structures: Summary, Timeline, Usage, Data Ad, and Setting. Based on this, I arranged a wireframe. This was an important step in creating a framework to visualize how the features would be presented and how to distribute the content.



Design System



In creating 10Bytes, I created a design system for consistent performance. Because it is a money-related service, the design aims to give 10Bytes credibility to its users. Apple's design kits and components are organized around the features I want to convey.





Prototype



Onboarding

Welcome to 10Bytes: the easiest way to get paid for your user data.



The onboarding process is designed to connect users from the introduction of the app's concepts and needs to guiding their account without any tedious connections. When users install a new app, 10Bytes will automatically scan for other apps and ask the user to connect them. Users can also link to a bank account for data compensation.






Summary

Think about all the data tied to your 10bytes phone number.



In Summary, it's easy for users to see how much they earned from data rewards and, one of the most important features of 10Bytes, how much more could be earned by providing more information. Of course, like the other apps 10Bytes connects a user to, 10Bytes will also reward data collection.




Timeline

Today’s value



This is a page that appears when users press the Total Value of Summary. The user can see a list of what the user has earned each day and what the company has provided what. By clicking on the list, users can see what data routes their data came from and from where.





Usage

Manage your data



Usage allows users to control user data. Users can check how much your app earned and what information it collects. Users can enter each app to allow and cancel the collection of information from companies as they wish.




Earn More

Earn More money by giving more information.



This is where users can earn more rewards by providing more detail and voluntary information. When companies want to get more detailed and specific information, they post the price of the data. The user selects and inputs data to the selected company. Data is a currency where transactions between users and companies are made directly.





Reflection


This application is not intended to improve existing privacy pain points, but petitions users to view this privacy concern as a resource, allowing them to benefit rather than being taken for granted. The numbers used in the 10bytes prototype are estimates, due to the protections around large company’s data, despite the data being purchased is our own. I aspire to gain more accuracy with these numbers to inform viewers of their and their data’s worth.



However, as I went through each step, I was able to supplement the logic a bit. It was also the first time I've been in charge of this process on my own, so I could better understand why I needed it. Although this app is just one of speculative design, it's good to have more awareness of the data to implement it in the future.


   
Mark

BAM Next Wave Festival: Redesigning a Website to Improve User Experience, 2019





Next Wave, an annual event at the Brooklyn Academy of Music (BAM), is a performance art festival running for almost 40 years. In order to do logical design while studying UI/UX, I realized that I needed a project to find and redesign problems from the existing ones. This project began with researching existing websites, design based on user research, and covered prototyping.



Background
Next Wave festival is one of BAM's biggest events, lasting from November to January, with various events ranging from videos, performances, and artist talks. Nevertheless, Next Wave was represented by a single page on the official BAM website, and learning about it was inconvenient because the information was  overlapping with other BAM programs. Given this point of view, I created a single, independent website allowing users to enjoy the festival efficiently.


UX Research
To check the overall opinion of the subscription and the inconvenience of users, a user survey was conducted. The purpose of the survey was to identify the user's purpose on the site and if the current layout proved an inconvenience so it could be redesigned it accordingly.

How is your BAM website experience?


Insight
  • More people were new to Next Wave at a 2:1 ratio.
  • Users used laptops more than mobile devices to learn about the programs at Next Wave.
  • Users would like to see the description and programs of Next Wave.
  • Users want to find a program that suits them easily.

Problems
  • It’s hard to see the Next Wave’s programs on the BAM website.
  • The Next Wave page does not describe the information briefly and accurately. Too much information is provided at the same time.
  • Timetable and ticket buttons are hard to find.

Solutions
  • Make the microsite to be find Next Wave festival.  
  • Design so that users know the information briefly and easily.
  • Helps you find the right program for you.

Key features
  • Design based on the Next Wave/Program Info & Timetable/Recommended Programs that users most wanted to see.
  • Apply the design concept that symbolizes Next Wave.
  • Create a new logo and brand guide to make a cohesive brand image.




Visual Identity


Output


Management:
MICA


Adviser:
Jennifer Cole Phillips


Web Design & Prototyping:
Soyeon Kwon

Mark