ChitChat-Logo-resized

Chat with Cutey and gather Dark Personal Secrets in this Web-sized Adventure.

Browse a 90s-style web browser and gather information by searching documents, downloading apps, and hacking accounts to help Cutey with her shady requests.

ChitChat-Logo-resized

Chat with Cutey and gather Dark Personal Secrets in this Web-sized Adventure.

Browse a 90s-style web browser and gather information by searching documents, downloading apps, and hacking accounts to help Cutey with her shady requests.

ChitChat-Logo-resized

Chat with Cutey and gather Dark Personal Secrets in this Web-sized Adventure.

Browse a 90s-style web browser and gather information by searching documents, downloading apps, and hacking accounts to help Cutey with her shady requests.

Arrow_Chitchat3

ROLE

Gameplay designer /
Script Writer /
2D Animation & Art

DATE

March 2017

PLATFORM

PC

SOFTWARE

Unity / Photoshop /
Illustrator

Arrow_Chitchat3

ROLE

Gameplay designer /
Script Writer /
2D Animation & Art

DATE

March 2017

PLATFORM

PC

SOFTWARE

Unity / Photoshop /
Illustrator

Arrow_Chitchat3

ROLE

Gameplay designer /
Script Writer /
2D Animation & Art

DATE

March 2017

PLATFORM

PC

SOFTWARE

Unity / Photoshop /
Illustrator

ttp_01ProjectOverview

ChitChat is the spiritual successor to Cutey P’tootey and tries to answer the same question that propelled the development of the Cutey P’tootey game.
The question was: How can self-tracking games help people eat healthier, or would such games lead to the misuse of personal information by governments and companies? Could such risks be captured in a critical game?
The goal of ChitChat is to show the dangers of sharing your personal information on the internet and how others can use this information to harm you.

The game is played in the fictional browser CP-OS, reminiscent of old-school 90s’ browsers and OS systems.
You log in to your computer and are invited to log into a chat program, where a user named “Cutey” greets you.
During your chat, you can look through your folders, browse the internet, and download nifty programs, to find information regarding your chat partner.

Cutey will ask questions about your hobbies, habits, and personal life, while she will tell stories about herself that might be contradictory.
During your conversation, the player is tasked with providing specific information to Cutey that can be found on the internet.
Use the browser to download multiple nifty apps, scour web pages, access restricted files, and find out who Cutey really is.

The player is led to believe that they are playing alone and unraveling a mystery while playing the game.
However, the player doesn’t know that Cutey is actually one of our development team members following a script that is trying to mislead them.
Cutey’s the Game Master, and it’s her job to guide the player through the game with subtle hints and objectives by providing an active narrative to follow.

While the player is trying to find out more about Cutey by finding her scattered info, Our team gathers data on the player through his chats with Cutey.
Information like your address and phone numbers has to be shared with Cutey to progress in the game and our team would quickly document this data to present it to the player at the end of the game to showcase how easy it could be to collect and misuse their information.

ChitChat is the spiritual successor to Cutey P’tootey and tries to answer the same question that propelled the development of the Cutey P’tootey game.
The question was: How can self-tracking games help people eat healthier, or would such games lead to the misuse of personal information by governments and companies? Could such risks be captured in a critical game?
The goal of ChitChat is to show the dangers of sharing your personal information on the internet and how others can use this information to harm you.

The game is played in the fictional browser CP-OS, reminiscent of old-school 90s’ browsers and OS systems.
You log in to your computer and are invited to log into a chat program, where a user named “Cutey” greets you.
During your chat, you can look through your folders, browse the internet, and download nifty programs, to find information regarding your chat partner.

Cutey will ask questions about your hobbies, habits, and personal life, while she will tell stories about herself that might be contradictory.
During your conversation, the player is tasked with providing specific information to Cutey that can be found on the internet.
Use the browser to download multiple nifty apps, scour web pages, access restricted files, and find out who Cutey really is.

The player is led to believe that they are playing alone and unraveling a mystery while playing the game.
However, the player doesn’t know that Cutey is actually one of our development team members following a script that is trying to mislead them.
Cutey’s the Game Master, and it’s her job to guide the player through the game with subtle hints and objectives by providing an active narrative to follow.

While the player is trying to find out more about Cutey by finding her scattered info, Our team gathers data on the player through his chats with Cutey.
Information like your address and phone numbers has to be shared with Cutey to progress in the game and our team would quickly document this data to present it to the player at the end of the game to showcase how easy it could be to collect and misuse their information.

Each app is easy to use and understand. Just use your mouse to click on the smiling icons to open the app. When you are actively chatting with another person, use your keyboard to type and sends your own messages! It seems like Cutey wants to talk, so why not say hello!
ttl_02Story

It’s a cold Saturday night.
You decide to browse the internet for some news articles when you’re suddenly invited to chat with “Cutey”.

Who is Cutey?
You don’t know her, but she talks as if she knows you from somewhere.
She talks about how great “last time” was and she seems to know your name, among other information.
This situation already seems weird, especially when you find pictures of her in your computer’s folders.
They seem to be from a date…?

Cutey requests your help before you have the chance to ask anything.
According to her, there’s a person stalking her and she does not trust it.
She asks you to collect data about this stalker and to make sure Cutey is safe from anything dangerous.

Download apps and browse the web for clues to help Cutey out.
If you do so correctly, you might find out who “Cutey” really is…

It’s a cold Saturday night.
You decide to browse the internet for some news articles when you’re suddenly invited to chat with “Cutey”.

Who is Cutey?
You don’t know her, but she talks as if she knows you from somewhere.
She talks about how great “last time” was and she seems to know your name, among other information.
This situation already seems weird, especially when you find pictures of her in your computer’s folders.
They seem to be from a date…?

Cutey requests your help before you have the chance to ask anything.
According to her, there’s a person stalking her and she does not trust it.
She asks you to collect data about this stalker and to make sure Cutey is safe from anything dangerous.

Download apps and browse the web for clues to help Cutey out.
If you do so correctly, you might find out who “Cutey” really is…

Thank you for providing the GPS numbers. Please give us a moment to track down the current locations of the provided GPS-numbers.
ttl_03Development

On ChitChat, I was a Game Designer & 2D Animator.
The duration of the project was 6 weeks with a team of 5 members.

My duties included:

  • General game concept and structure layout.
  • The layout of the game flow and player interactions
  • Conceptualizing gameplay elements.
  • Game & Document Script writing.
  • 2D Asset and animation design for the buttons, user interface, mouse button, and logo.

The development of this project turned out to be pretty interesting.
We needed to find a way for players to keep talking with Cutey, while they also needed to be able to progress through the story without getting lost.
The player also has to willingly gather information about Cutey, misuse it to find her real identity, and realize what they are doing is wrong.

To accomplish this, we decided to subtly guide the player toward each objective using Cutey in the chat.
For example, Cutey asks you to send her pictures of her from last night and later asks you to download a GPS-Tracker app to help her out.
These conversations give the player a small push to investigate and interact with the available apps and web pages.
After helping Cutey out she will begin to start acting weird and suspicious, which should signal to the player that it’s time to investigate this person.

It was difficult to make Cutey a believable character that wouldn’t be seen as a bot and could realistically answer anything the player asks her because players can be unpredictable with their questions.
To mitigate this, we made a functional chat room where a team member plays as Cutey and can actively react to the player’s actions and questions.
We could actively watch the player’s actions in a different room and had a written document ready with Cutey’s scripted questions and possible answers based on the player’s potential actions.
With these precautions, we could effectively keep the game’s immersion intact and convince the player that Cutey was a believable character and not a bot.

The next question was how we could give the player the illusion of choice in a largely linear game.
An actual internet browser would normally give you a lot of options to click on but we are unable to replicate that exact system, so we designed a scenario where you’re using a newly installed Operating System and have to slowly add new options by downloading apps.
We give players a couple of fake options to choose between objectives so that they can explore their options and figure out for themselves what the next logical step is to make.
An example of this is how there are multiple apps available to download, but most of them exceed the size limit of your computer or need specific information from a web page before you can proceed with your download.

Our biggest challenge was that we want players to abuse Cutey’s information to progress, and also have them send their personal information for us to use.
Our goal was to show the ease of obtaining and misusing the information to make players more aware of the dangers that sharing personal information online can cause them.
To get this message across, we found it effective to put the player in the role of the information abuser and show them how a single piece of information can easily yield more results if you’re not careful.
We hid the implications of each action to an extent so that the player can come to their own realizations and so that we can present them with our data.
There is a fictional app used for hacking account information where the player has to make an account with their phone number to receive a code that will verify the account.
After receiving their phone number, a team member sends a verification code and we use the number to gather more information about the player on the internet, like their address and family members.
At the end of the game, our team gathers all found information into a neatly printed document that is given to the player with an explanation of our goal.

I learned a lot about the importance of script writing and how to better guide players through an interactive story.
It’s important to consider every action the player wants to take and to anticipate how the game should react to these choices.
The freedom of choice and the illusion of multiple outcomes are also just as important for a linear experience when trying to make an immersive world for players to explore and experiment with.

On ChitChat, I was a Game Designer & 2D Animator.
The duration of the project was 6 weeks with a team of 5 members.

My duties included:

  • General game concept and structure layout.
  • The layout of the game flow and player interactions
  • Conceptualizing gameplay elements.
  • Game & Document Script writing.
  • 2D Asset and animation design for the buttons, user interface, mouse button, and logo.

The development of this project turned out to be pretty interesting.
We needed to find a way for players to keep talking with Cutey, while they also needed to be able to progress through the story without getting lost.
The player also has to willingly gather information about Cutey, misuse it to find her real identity, and realize what they are doing is wrong.

To accomplish this, we decided to subtly guide the player toward each objective using Cutey in the chat.
For example, Cutey asks you to send her pictures of her from last night and later asks you to download a GPS-Tracker app to help her out.
These conversations give the player a small push to investigate and interact with the available apps and web pages.
After helping Cutey out she will begin to start acting weird and suspicious, which should signal to the player that it’s time to investigate this person.

It was difficult to make Cutey a believable character that wouldn’t be seen as a bot and could realistically answer anything the player asks her because players can be unpredictable with their questions.
To mitigate this, we made a functional chat room where a team member plays as Cutey and can actively react to the player’s actions and questions.
We could actively watch the player’s actions in a different room and had a written document ready with Cutey’s scripted questions and possible answers based on the player’s potential actions.
With these precautions, we could effectively keep the game’s immersion intact and convince the player that Cutey was a believable character and not a bot.

The next question was how we could give the player the illusion of choice in a largely linear game.
An actual internet browser would normally give you a lot of options to click on but we are unable to replicate that exact system, so we designed a scenario where you’re using a newly installed Operating System and have to slowly add new options by downloading apps.
We give players a couple of fake options to choose between objectives so that they can explore their options and figure out for themselves what the next logical step is to make.
An example of this is how there are multiple apps available to download, but most of them exceed the size limit of your computer or need specific information from a web page before you can proceed with your download.

Our biggest challenge was that we want players to abuse Cutey’s information to progress, and also have them send their personal information for us to use.
Our goal was to show the ease of obtaining and misusing the information to make players more aware of the dangers that sharing personal information online can cause them.
To get this message across, we found it effective to put the player in the role of the information abuser and show them how a single piece of information can easily yield more results if you’re not careful.
We hid the implications of each action to an extent so that the player can come to their own realizations and so that we can present them with our data.
There is a fictional app used for hacking account information where the player has to make an account with their phone number to receive a code that will verify the account.
After receiving their phone number, a team member sends a verification code and we use the number to gather more information about the player on the internet, like their address and family members.
At the end of the game, our team gathers all found information into a neatly printed document that is given to the player with an explanation of our goal.

I learned a lot about the importance of script writing and how to better guide players through an interactive story.
It’s important to consider every action the player wants to take and to anticipate how the game should react to these choices.
The freedom of choice and the illusion of multiple outcomes are also just as important for a linear experience when trying to make an immersive world for players to explore and experiment with.

The app you have chosen today has been succesfully downloaded and installed on your computer. We hope you enjoy your newest download!
ttl_04Media
ttl_movie
ttl_contents

Click on the pictures to read a description.
Each picture has a fun piece of information that explains more about the visuals and gameplay of this project.

ttl_movie
ttl_contents

Click on the pictures to read a description.
Each picture has a fun piece of information that explains more about the visuals and gameplay of this project.

ttl_movie
ttl_contents

Click on the pictures to read a description.
Each picture has a fun piece of information that explains more about the visuals and gameplay of this project.