Chris Shia | Portfolio
Home Games Art/Graphic Design Writing About Me Resume

Description

Desktop Display

Made for the course Interactive Design and the Internet, the website that allows friends to leave notes to my friend and allows them to replay those notes as meows from her favorite cat memes based on the length of the notes.

The class challenged us to make a tool specific to one person in our life. So I looked at my friend interests and what they wants from a cozy, intimate social media platform. I then studied other social media platforms and how those could apply to my project.

My friend wants to keep in touch with their friends who they sometimes does not see as much, as it’s difficult to keep up with all that goes on at school. Functions similar to Snapchat/Instagram Stories, but also sort of like a group chat - exclusive to who they gives the secret password out to. My friend wants a private social space outside of social media, as they wants to know what happens with her friends privately. Through testing, it was shown that friends used this space like an extended group chat, sending out updates and notes to my friend.

The emphasis is then making this a comfortable and private space.

Figma Page

Behavior

Password Screen
First, users have to enter a password. From there, you can either enter an admin mode, a user mode, or be kicked off if the password is wrong.
Corkboard Screen
On the Corkboard, users can see messages others have left. These messages expire in 24 hours and display alerts accordingly, letting users put in new messages without clogging the display.
Admin Screen
If the admin password is used (my friend's password), they will get unique cat emotes based on her own cat and will not be able to leave notes for herself.
Cat Emotes
When users click the cat button, they will get a random cat meme and their message will be read out in cat sounds based on its length.
Note Screen
Users can leave notes to my friend with their name and message. It will be written to a Google Sheets, and then dynamically displayed.