Jisoo Lee | ByJovian

Too nosy not to
try everything.

Designing... UI, UX, video games, marketing, apps, graphics, logos, motions, websites

Illustrating... character art, environmental art, thumbnails, icons, concept art

Features

PLATR

A campus food app concept that helps students with allergies and dietary restrictions find food they can safely eat. Group project, usability tested with four students.

Light Work

A puzzle platformer about a cat with a candle on his head, built by a team of five in 86 hours for the Roblox Inspire 2025 Challenge. First place, Best Technical Quality.

Media Services & Communications Assistant

Co-op @ University of Waterloo Stratford School of Interactive Design

Projects

Work, personal projects, jams, and more!

Jump to... Product & UX | Web & Brand | Games

Product & UX

Care Companion AI

An AI chatbot concept that helps emergency room patients understand their care after discharge, with voice input and audio replies for accessibility. Group project, GBDA 301.

Case study · School project · Service design · Accessibility · Figma prototype

PLATR

A campus food app concept that helps students with allergies and dietary restrictions find food they can safely eat. Group project, usability tested with four students.

Case study · School project · Usability testing · Mobile app · Figma prototype

FILMVIEW

A streaming app concept designed in two hours for a timed class exercise. Dark by default, with recommendations first.

UI Design · Figma · Prototype · Streaming · Dark Mode · Timed Challenge

Web & Brand

Media Services & Communications Assistant

Co-op @ University of Waterloo Stratford School of Interactive Design

Work experience · Graphic design · Social media · Photography

Pine-Sol Brand Redesign

A rebrand concept that gives Pine-Sol a simpler, more natural look, with photography, mock-ups and video advertisements of the redesigned bottle. Partner project, GBDA 202.

School project · Branding · Photography · Motion graphics · Video editing

Website Redesign

A visual redesign of a local restaurant's website, made in Figma as a class assignment in GBDA 228.

Web & Brand · School project · Web design · Figma

Games

In Plain Sight 2

A round-based stealth game on Roblox in which thieves hide in plain sight from player-controlled security cameras. Main artist for Blacklight Team since 2024, over 52 million visits.

Roblox · Live game · Illustration · Icons and thumbnails · In-game assets

Light Work

A puzzle platformer about a cat with a candle on his head, built by a team of five in 86 hours for the Roblox Inspire 2025 Challenge. First place, Best Technical Quality.

Case study · Game jam · Roblox · 2D animation · Key art · Trailer

Kat’s Cafe

A cozy delivery game about a cat who runs a small cafe, with an isometric style that combines 2D and 3D art. Team of five, Honourable Mention in the Roblox Developer Challenge 2024.

Game jam · Roblox · 48 hours · 2D sprites · Animation

Back to Projects

Care Companion AI

An AI chatbot concept that helps emergency room patients understand their care after discharge, with voice input and audio replies for accessibility. Group project, GBDA 301.

School project · Service design · Accessibility · Figma prototype

Timeline: ~3 months, Spring 2025.
Team: 6 people, GBDA 301
Role: Designer, tester, researcher, prototype maker
Tools and methods: Figma, Figjam

Care Companion AI login screen on a laptop, asking for the password written on the wristband

Care Companion AI home screen with a greeting, a message box and topic shortcuts

Figma view links are available on request.

Summary

Care Companion AI is a concept for an AI chatbot that helps emergency room patients understand their care after they are discharged. Patients access it through a wristband with a QR code and a personal code. This was a term-long group project in GBDA 301, completed by a team of six.

My Role

In this project, I was the Diegetic Prototype Lead, meaning I designed and built the physical parts of the service that participants could treat as real during testing: the paper phone, the paper laptop, and the wristband that patients use to reach the chatbot. I was also involved in the research, as our group began by researching pain points in ER settings, and I helped identify where the main pain point in the discharge process was. Later, I played the patient's caretaker in both rounds of testing, and helped analyze the TAM survey and think-aloud results, which are what led me to redesign the wristband for the second round. Most of the screen design in Figma was completed by my teammates, while I provided feedback on the screens.

The Problem

Discharge instructions are often given verbally and filled with medical terms, which makes them easy to mishear or forget. When care at home goes wrong, conditions can worsen, and patients may have to return to an already crowded ER. Research on hospital discharge describes good discharge planning as a way to reduce unplanned readmissions (Gholizadeh et al., 2015), and preventing those return visits was the main goal of Care Companion AI. The question our group asked was: how might we make discharge instructions more understandable and actionable through a simple AI assistant that patients can access at home?

Solution

Once the doctor confirms the discharge, the patient's information is linked to a printed wristband. At home, the patient can scan the QR code, or enter the code from the wristband, on a phone or laptop. From there, they are able to ask the chatbot about their care by typing or speaking, and can read or listen to the replies. We chose a website over an app so that patients would not need to download anything.

Service blueprint in four steps: meeting with the doctor, the discharge process starts, the wristband is given to the patient, and AI home activation

Why a wristband? Discharge information is usually given on paper, which can easily be lost or damaged. On the other hand, anything too permanent or restricting would take away from a patient's independence, and a wristband sits in between the two. However, it was also where participants initially had difficulty, since in the first round, the instructions printed on it were too wordy and the text was too small. For the second round, I redesigned it with shorter, larger text and a velcro closure, and we added a separate sheet with the detailed instructions. Since the instructions are on the band itself, patients do not have to rely on remembering what the nurse told them.

The first paper wristband with small, dense text beside the redesigned wristband with a QR code, a code and short, larger instructions

Prototyping

Our low-fidelity prototype was made of paper, with printed screens that were swapped by hand inside a paper phone and laptop as the patient moved through the conversation. Our high-fidelity prototype was an interactive Figma prototype, used on a real phone or laptop.

The paper laptop prototype beside the Figma prototype on a real laptop

The paper phone prototype beside the Figma prototype on a real phone

Testing

We tested both prototypes with classmates in two staged spaces: an ER discharge area with a hospital bed, discharge notes and a nurse, and a home area with household props and warmer lighting. There were four participants in the first round, and about the same number in the second.

In the first round, participants used the paper prototype while a teammate played the chatbot by reading from a script. They followed a think-aloud protocol, and then completed a TAM survey (Technology Acceptance Model). In the second round, participants used the Figma prototype, where the replies were built in and read by a text-to-speech voice, and we added a semi-structured interview at the end. It should be noted that there was no real AI in either round.

The two staged testing spaces: Zone A, the ER discharge area, and Zone B, the home recovery zone

What we found

In the first round, perceived usefulness averaged 5.8 out of 7. The lowest-rated statement was "My interaction with Care Companion AI would be clear and understandable," at 4.75, which is why we added a step-by-step tutorial. In the second round, perceived usefulness averaged 6.2, and perceived ease of use rose by about a point, to 6.5.

With so few participants, I see these results as an encouraging sign and not as proof. Personally, I believe the real device made the biggest difference, since it is more intuitive than a paper prototype, but three things changed at once and I am unable to separate their effects.

Participants told us that the chatbot made them feel more confident, with one saying, "It's kind of like a caretaker and makes you feel reassured." However, they also found problems, as some forgot the instructions under stress or skipped the tutorial. One participant called the voice "very robot sounding," and another asked for more visuals, "because there's a lot of text."

Care Companion AI home screen with the step-by-step tutorial tooltip added after the first round

Limits

Our testing was done with classmates in a staged room, rather than with real patients, and there was no working AI. Because of this, the results show how people reacted to the idea, and not how a real product would perform.

What I would change

The main thing I would change is bigger than the interface itself. The chatbot is not accessible to people who are not familiar with technology, or who do not have a device of their own. Reducing the amount of UI could help to an extent, but taking away too much can lead to a lack of transparency, where patients can no longer see what the tool is doing. I believe this is a limitation of an AI tool like this that simply cannot be negotiated, so non-technological solutions have to be offered alongside it.

There is also the question of who is responsible if the AI gives advice that harms a patient. The wristband tells patients to call their health care provider in an emergency, but that does not fully answer the question.
In addition, testing pointed to smaller fixes, such as a more human voice that greets patients by name, more visuals and less text, a collapsible sidebar, and a dimmed background during the tutorial.

Source

Gholizadeh, M., Delgoshaei, B., Gorji, H. A., Torani, S., & Janati, A. (2015). Challenges in patient discharge planning in the health system of Iran: A qualitative study. Global Journal of Health Science, 8(6), 168. https://doi.org/10.5539/gjhs.v8n6p168

Back to Projects

PLATR

A campus food app concept that helps students with allergies and dietary restrictions find food they can safely eat. Group project, usability tested with four students.

Case study · School project · Usability testing · Mobile app · Figma prototype

Timeline: ~3 months, 2025.
Team: 4 people, GBDA 210
Role: Usability testing, logo design, research
Tools and methods: Figma, usability testing, System Usability Scale (SUS)

Platr login screen

Platr onboarding screen for choosing dietary restrictions

Platr home screen with top categories and restaurant results

Platr menu screen with the gluten-free filter on

Platr reviews screen with a dietary filter

Summary

Platr is a concept for a mobile app that helps university students with allergies and dietary restrictions find food on campus that they can safely eat. Students set their allergies and dietary restrictions when they sign up, and the app uses them to filter restaurants and menu items. This was a three-month group project in GBDA 210, completed by a team of four.

My role

In this project, I was responsible for our usability testing, meaning I recruited the participants, ran the sessions in person and over video calls, and wrote the usability testing section of our final report. I also designed the Platr logo, and assisted with our group's earlier research.

Problem

The University of Waterloo has many places to eat, but the information about them online is limited and sometimes incorrect. For students with allergies or dietary restrictions, this is more than an inconvenience, since they are unable to tell what is safe to eat without visiting in person. As a result, many rely on word of mouth or trial and error, which is both slow and unreliable.

Research

Our group began by interviewing a small group of students about eating on campus, and four themes came out of those interviews: on-campus food costs more than the alternatives, students have no way to keep up with changed hours and closures, they stay with the same well-known places because they do not know the others, and students with dietary restrictions avoid exploring at all. Many of those students told us they would rather eat at home.

From there, we wrote two personas, mapped their main tasks as task diagrams, and sorted features into must include, should include, could include and exclude. We chose to exclude ordering, since the goal was to help students find food and not to place orders.

Although our interviews also covered prices, hours and locations, the app focused on dietary needs. Personally, I believe this was the most important gap to address. University is often the time in someone's life when they have the least time to prepare their own meals, and much of university culture surrounds eating out. However, students with allergies or dietary restrictions cannot eat out as conveniently without personal risk, which takes away their time and their ability to join social activities. To me, accessibility means having the independence to take part in everyday activities like everyone else, and that was the gap I wanted to bridge.

Solution

When a student first opens Platr, they are asked to choose their allergies and dietary restrictions, and the app uses those choices to show the restaurants and menu items on campus that fit them. From there, they are able to browse restaurants, read menus and check reviews from other students, and they can change their filters later in their profile.

To arrive at this design, each of the four of us designed a low-fidelity version separately, and we then critiqued them anonymously. All four versions had students choose their restrictions during onboarding, so we kept that idea and settled the differences as a group. First, we placed allergies and dietary restrictions on separate pages, since allergies are about specific foods, while dietary restrictions are broader needs, such as halal or diabetic-friendly meals. We also removed a dropdown from the search bar that repeated the same options, so that a student's restrictions are selected automatically instead. They can deselect them to explore other options, but the app returns to their defaults when the page is refreshed. Lastly, we kept profile filters and casual preferences apart, meaning dietary restrictions are edited in the profile, while cuisine filters can be toggled on the homepage.

Logo

For the logo, I started with a few concept sketches that focused on food, and mainly on utensils like plates, which is why the letters in the final logo sit on top of a plate. The yellow-to-green colour was chosen to give the app a feeling of health and safety.

Testing

For the usability testing, I tested our high-fidelity Figma prototype with four university students. Three of them had allergies or dietary restrictions, which ranged from a peanut allergy to someone who can only eat from a set of "safe foods", and one had none. Two were from Waterloo and two were from other universities, partly because an app like this should ideally work for most universities and not only Waterloo, and partly because many of the people I knew with allergies studied elsewhere. Two sessions were in person and two were remote over a screen-sharing call. Each participant consented to being recorded, and was asked to create an account, find a restaurant's menu and reviews, and edit their dietary filters. Afterwards, they filled out a SUS form (System Usability Scale).

What we found

All four participants were able to complete the three tasks, and the SUS scores ranged from 72.5 to 92.5, with an average of 82.5, which is well above the benchmark average of 68 (Sauro, 2018). However, with only four participants, I see this as an encouraging sign and not as proof. The scores also did not seem to follow how restrictive someone's diet was.
The finding I consider the most important was about safety, since our restaurant pages showed dietary labels under the description, and participants pointed out that this could make someone believe everything at that restaurant is safe for them, which could be dangerous. To fix this, we moved that information to the menu, where a toggle shows the items that fit the student's own diet.

Testing also led to smaller changes, such as replacing the long list of dietary tags on the homepage with a single "Diet-Friendly" tab, giving the edit screens specific titles like "Add cuisines" so that it is clear what is being changed, and reducing the number of button styles in our design system.

Limits

Our testing was done with four students on a clickable prototype, with no real menu or allergen data behind it, and some of the participants were people I knew, which may have made them more generous in their feedback. Because of this, the results only show that students were able to use the app, and not whether its information could be trusted.

What I would change

Unfortunately, people with severe allergies often do not trust restaurants regardless of what an app tells them, since one neglectful or uninformed employee could cost them their life. I believe this is a matter of public education and stronger regulations for allergens and cross-contamination in restaurants, which an app cannot solve on its own. However, I would hope that if Platr was real, it could at least benefit those with minor food allergies or dietary restrictions.

One thing I would do differently is to consider whether the tool would be better if it was not technology at all. Platr is an app, and many people tend to dislike downloading too many apps, which is called app fatigue. Restaurant owners may also find it tedious to keep the app updated, leading to outdated information. Perhaps a simple sign framework that restaurant owners can print out would be more direct and impactful, but it would remove the advantages of the app, such as reviews or being able to access information before arriving.

Source

Sauro, J. (2018, September 19). 5 ways to interpret a SUS score. MeasuringU. https://measuringu.com/interpret-sus-score/

Back to Projects

Pine-Sol Brand Redesign

A rebrand concept that gives Pine-Sol a simpler, more natural look, with photography, mock-ups and video advertisements of the redesigned bottle. Partner project, GBDA 202.

School project · Branding · Photography · Motion graphics · Video editing

Timeline: ~3 months, Early 2025.
Team: 2 people, GBDA 202
Role: Photographer, mock-up designer, motion graphic artist, video editor
Tools and methods: Adobe Photoshop, Premiere Pro, After Effects, Canon R7

The redesigned Pine-Sol bottle photographed in the snow

Summary

In GBDA 202, we were asked to choose an existing brand and revamp its design identity so that it would fit its target audience and style more accurately. Working with a partner, we chose Pine-Sol, and redesigned the logo and the packaging of the original cleaning solution bottle, alongside new social media posts and advertisements. This was a class project, and it is not affiliated with Pine-Sol in any way.

My role

In this project, I was responsible for the photography, filming and advertisements, meaning I photographed and filmed the redesigned bottle, created the mock-ups in Adobe Photoshop, and edited the advertisements in Adobe Premiere Pro and After Effects. The main rebrand of the packaging, including the new logo, was completed by my partner in Adobe Illustrator, while we brainstormed the direction of the rebrand together.

Why Pine-Sol

At a glance, Pine-Sol's logo appeared visually outdated in comparison to the other logos on the market. In addition, its marketing on Instagram and Facebook seemed to be aimed at a much younger audience than its main consumers, who are the adults that clean the house.

To begin the redesign, we brainstormed what sets Pine-Sol apart from other cleaning solutions, which was mostly its unique pine scent and the more natural impression that comes with it. However, we felt that the logo and the packaging gave off the impression of being too strong. With its bold colours and flashy design elements, Pine-Sol's packaging feels just as artificial as the other products in the same aisle. Although these elements would be eye-catching on other products, they only muddle visibility among cleaning products, where every other large brand uses the same strategy, meaning that Pine-Sol is unlikely to be the first product a customer notices unless they are specifically searching for it.

A store shelf crowded with brightly coloured cleaning products

One of Pine-Sol's existing Instagram posts

Another of Pine-Sol's existing Instagram posts

The redesign

For this reason, we focused on a rebrand that would highlight Pine-Sol's unique properties, alongside marketing that would appeal to the correct audience. The main colour and the recognizable parts of its identity, such as the logo style and the pinecone theme, were kept, and my partner designed a new logo and a new packaging design for the original bottle. By focusing on modern simplicity and a strong emphasis on the natural side of the product, the brand became distinct from the other big brands, while remaining recognizable as Pine-Sol.

The original Pine-Sol bottle

The redesigned label wrapped around a real Pine-Sol bottle

Photos and advertisements

After the packaging was designed, I printed it out and placed it around a real Pine-Sol bottle to see how it would look in reality. Once we had confirmed that it matched our expectations, I used a Canon R7 camera to gather the photos and footage for our social media posts and advertisements. It happened to be snowing on the day of the shoot, with pine trees in the distance, which truly captured the identity of Pine-Sol. From these, I created our mock-ups in Adobe Photoshop, and edited the advertisements in Adobe Premiere Pro and After Effects.

The advertisements are unlisted, since this rebrand is not official, and we would not want the general public to mistake it for one. However, they may be viewed through the following links: Advertisement 1, Advertisement 2, Advertisement 3, Advertisement 4.

Advertisement graphic: Need some help? Get Pine-Sol today.

Reflection

Overall, this was a rather fun project to work on with my partner, and it gave me a lot of insight into what goes into a design, as well as what goes into representing a company or a product.

Back to Projects

Light Work

A puzzle platformer about a cat with a candle on his head, built by a team of five in 86 hours for the Roblox Inspire 2025 Challenge. First place, Best Technical Quality.

Case study · Game jam · Roblox · 2D animation · Key art · Trailer

Timeline: 86 hours, August 2025.
Team: 5 people, Roblox Inspire Challenge 2025
Role: Designer, illustrator
Tools and methods: Roblox Studio, Clip Studio Paint, Adobe After Effects

Light Work gameplay: Choop standing on a snowy, moonlit level

Summary

Light Work is a puzzle platformer on Roblox that follows Choop, a cat with a candle on his head. Choop has to use his candle to reach the top of the mountain and light the lighthouse that will save the town from the cold. Light Work was our team's entry for the Roblox Inspire 2025 Challenge, a highly competitive game jam in which teams of up to five people are given 86 hours to create a playable game from scratch. The 2025 challenge received over 450 submissions, and our team of five was awarded first place in the Best Technical Quality category.

My role

In this project, I was responsible for the 2D art of the game, meaning the animated flame on Choop's candle, as well as the key 2D assets, which were the icon and the thumbnail. I also took part in the planning of the game, and edited the video trailer that showcases it. The programming, building, modelling and music were completed by my teammates, as was the 3D model of Choop.

The challenge

The theme of the challenge, "One Tool, Many Uses", was announced live during the closing ceremony of Inspire 2025, and the 86-hour period began immediately afterwards. Our team consisted of five people, the majority of whom were developer friends I had previously worked with on In Plain Sight 2.

Finding the idea

Our team generally settled on the idea of "light as a tool" early on, and our first concepts involved gameplay with silhouettes. However, we then decided to explore mirror reflections for beams of light, and we also considered how we might be able to incorporate a cute character into the game, as our team is rather fond of them. Most of these discussions took place in voice chat, so I am unable to recall exactly who suggested each idea, but we were generally in agreement on an isometric point of view and a cute main character that does not resemble the average Roblox avatar. These ideas led us towards a more puzzle-like platformer, and eventually to Choop. The silhouette gameplay was mostly abandoned, and I believe this was because the platformer aspect was more enjoyable to build upon in terms of level design.

Process board: initial concept, general ideas and inspiration, rough drafts, and committing to the idea

An early test of the light and shadow mechanism

One flame, many uses

In the final game, Choop's flame serves as the one tool. Each level contains red and blue platforms, of which only one colour can be activated at once, and the player is able to swap Choop's flame to either colour in order to activate or deactivate those platforms. In addition, the flame can light braziers, which open timed pathways. Mirrors are used to reflect the light as a beam, either to activate braziers from a distance, or to cut the ropes that hold up bridges. I was originally planning on making Choop entirely in 2D animation. However, our team decided on a 3D model for him instead, and the flame remained as the only 2D animated element in the final game. I had wanted the flame to be 2D animated from the beginning, since it is one of the main gameplay features, and I wanted it to be visually distinct from the rest of the environment.

A red platform and a blue platform

Choop reflecting a beam of light off a mirror

A lit brazier opening a timed pathway

Icon and thumbnail

For the icon and thumbnail, my goal was to show what the game generally looks like at a glance, meaning a dark environment with a warm flame in contrast, as well as the far-off goal of the lighthouse in the thumbnail. I completed one sketch and proceeded with it, since game jams do not leave much time for multiple sketches and revisions. However, I would not take this approach for a major project.

Light Work thumbnail: Choop the cat with a candle on his head, looking up at a snowy mountain with a lighthouse

Trailer

The video trailer was an optional part of the submission. It is around a minute long and was edited in Adobe After Effects, and it shows most of the important gameplay aspects, followed by the credits.

Watch the trailer

Working as a team

I believe the main problem with game jams is trying to have everything completed within a short period of time. For this reason, it is important that one solid idea is communicated to everyone on the first day, since otherwise, each member may end up with a different vision of the game. Our team mostly addressed this by reiterating the information discussed in voice chat in our main chat, so that anyone who had missed a discussion was able to catch up, which was helpful to me as well. In addition, since we were already a group of friends, the environment was one where questions were always welcome.

Results

Light Work was awarded first place in Best Technical Quality, and has received over 130,000 visits since being published. The game was met with highly positive reception, with a 98% like ratio, which is rather rare on Roblox, and many players complimented the game on the basis that it did not feel like a Roblox game. In addition, Light Work was localized into Korean by HUFS LUDUS, a game translation club at Hankuk University of Foreign Studies.

A team member and I were also invited to speak at the Inspire 2026 workshops, in a talk titled "How to Strive for Success Before and After the Inspire Challenge". In my portion of the talk, I mostly analyzed the visual art of Light Work, and how visual art can make a game feel truly polished, or even "not Roblox-like".

Roblox staff post announcing Light Work as first place in Best Technical Quality

Screenshot of the Inspire 2026 workshop talk recording

What I learned, and what I would change

I believe rapid designing is a rather important skill that I learned during this jam, and one that can also be used outside of game jams. If I were to take part again, I would like to learn other skills, such as 3D or scripting, in order to take on more of the game and become more flexible within a small team.

Play Light Work

Back to Projects

Kat’s Cafe

A cozy delivery game about a cat who runs a small cafe, with an isometric style that combines 2D and 3D art. Team of five, Honourable Mention in the Roblox Developer Challenge 2024.

Game jam · Roblox · 48 hours · 2D sprites · Animation

Timeline: January 2024
Team: 5 people, Roblox Developer Challenge 2024
Role: Animator, illustrator, writer
Tools and methods: Roblox Studio, Clip Studio Paint, RoughAnimator

Kat's Cafe gameplay: Kat walking through a town at night, seen from an isometric view

Summary

Kat's Cafe is a game on Roblox that follows Kat, a black cat who lives in Sawgton and owns a small cafe. Kat has a mission of delivering food and drinks to her neighbours, but strangely, all of the houses she has delivered to are reduced to debris, with the homeowners nowhere to be found. Kat's Cafe was our team's entry for the Roblox Developer Challenge 2024, an official game jam hosted by Roblox in which teams are given 48 hours to create a game. The challenge received over 400 submissions, and our team of five was awarded an Honourable Mention.

My role

In this project, I was responsible for Kat's and other NPC’s 2D sprites, meaning I illustrated and animated all of them, and I also wrote part of the dialogue. I was also responsible for the design of Kat and other NPCs. The game uses an isometric visual style that combines 2D and 3D art, and the 3D art and the programming were completed by my teammates, while the writing was shared with a teammate.

Character designs for the neighbours in Kat's Cafe

Talking sprites for Kat and the other characters

Reflection

Kat's Cafe was the first game jam for everyone on the team, including myself. Working on it was extremely fun, in the sense that everyone came together to create a game, and stressful, in the sense that everything had to be finished within 48 hours. The largest flaw in this project was that everyone on the team, including myself, overestimated how much we would be able to complete. As the hours neared zero, we became aware that there was nothing we could do to push the game to total completion, and all we could do was reduce the number of bugs and polish the first few minutes of gameplay.

The version we submitted still contained a number of bugs, including a softlock that prevented players from continuing after a certain point, and for this reason, our programmer later completed a patched version, which can be played through the link below. Despite this, I feel very proud that Kat's Cafe placed so highly in such a competitive game jam, especially as it was our first.

Play Kat's Cafe