AI for Oceans

Product Designer

2019

AI for Oceans is an Hour of Code activity that empowers students to train an Artificial Intelligence to solve real-world problems, in this case, how to remove trash from the ocean and recognize certain types of fish.

I was the product designer on a five-person team that included three engineers and one project manager. Several false starts and unexpected technical limitations led to less than two months of development time from concept to completion. My responsibilities were defining and communicating each step of the user experience, building prototypes and testing them, setting the art direction, and creating every asset. I was also responsible for conducting user tests and creating the marketing collateral (and web assets) such as t-shirts, stickers, completion certificates, animated page banners, etc.

 

AI for Oceans has been played over one million times. It's been hit with all ages and the beginning of a whole new chapter of AI activities we have planned for the future. I am most proud of the random fish generator, where I created a system of many different body, mouth, fin, eye, patterns, and colors that had to all work together interchangeably.

AIforOceans_Fish_transparent.png
AIforOceans_SeaCreatures_transparent.png
AIforOceans_Trash_transparent.png
Hoc2019 Banner Large (2).png
UX, UI, Art Direction, Responsive Design
AIforOceans_Comp1
AIforOceans_Comp2
AIforOceans_Comp3
AIforOceans_Comp4
AIforOceans_Comp5
AIforOceans_Comp6
AIforOceans_Comp7
AIforOceans_Comp8
AIforOceans_Comp9
AIforOceans_Comp10
AIforOceans_Comp11
AIforOceans_SortGif.gif
Early Wire Frames
AIforOceans_EarlyWireframes1
AIforOceans_EarlyWireframes2
AIforOceans_EarlyWireframes3
AIforOceans_EarlyWireframes4
AIforOceans_EarlyWireframes5
AIforOceans_EarlyWireframes6
AIforOceans_EarlyWireframes7
AIforOceans_EarlyWireframes8
AIforOceans_EarlyWireframes9
AIforOceans_EarlyWireframes10
AIforOceans_EarlyWireframes11
AIforOceans_EarlyWireframes12
Backgrounds
AIforOceans_ClassroomBG
AIforOceans_ClassroomBG
AIforOceans_UnderwaterBG
AIforOceans_UnderwaterBG