Interaction Design Projects in LondonInteraction Design Projects in London
Projects
People
Cover image for Telepath - Webcam-Controlled Gallery
I made a website you could control with your webcam! 👀🔥 View in Desktop: https://telepath.figma.site/ Here's Telepath, a fully functional infinite image gallery portfolio website. You can deploy this website as is, with your pictures right now. This whole website took over 30 prompts and was made with media-pipe. All images are fetched from a supabase bucket. Now for the fun part: Enable gesture controls and give permission of your webcam (Your data is not stored and is only used for processing locally in the browser). 1. Closed Fist or Index Finger ☝️ : Move around cursor in the canvas 2. Index and Middle Finger ✌️ : Swipe and drag to move around the canvas 3. Index and Thumb "L sign": Open the hovered image 4. Hold Palm open for 1s ✋ : Close the Image 5. Devil Horns 🤘 (Thumb closed): Change view between flat<>fisheye
7
21
1K
Cover image for I created WATTCHI, a chrome
I created WATTCHI, a chrome extension that monitors your power usage through multiple APIs to determine your daily carbon footprint. I wanted to communicate this information through the infamous, care-driven device known by all, the Tamagotchi. The tamagotchi is the visual language to draw a user in while the overall goal of the extention is to promote power consumption literacy going forward in times where there isn't nuance surrounding information about AI and energy consumption. Combining a tamagotchii with energy usage stats not only makes ironic sense, but provides accessibility to this topic that there is little concrete information on. Try it here : https://omma.build/wr0nrvh5aol Social Post : https://x.com/mmr_creative/status/2041598730915160461?s=46 🧠 I have submitted this code to Chrome to create a Chrome extension that people can access everyday. This is how I imagine it being used. If Chrome accepts the project, it will be ready to deploy. 🧠 Note : For the demo session, simulated background browsing is layered on top of the code so numbers grow meaningfully during the demo. The foundation for the chrome extension is real calculated and measured data. 🧠 Other features : -Ability to customize your Wattchi's shell and button color. -Ability to choose which Wattchi character you'd like to take care of each day. They each have their own subly personalities portrayed by one line text when you open up the extension and when you feed them. -Built in minigame on Wattchi to increase characters' happiness stat. -A scrollable landing page that explains what the extension is doing and how it directly ties in with your Wattchi and character.
6
7
379