UI │ UX │ BRANDING │ WEB DESIGN │ PROTOTYPING
![Adobe_Illustrator-Logo.wine.png](https://static.wixstatic.com/media/72fbf2_b8ee8c803ea94f2f874985b746730d46~mv2.png/v1/fill/w_51,h_34,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Adobe_Illustrator-Logo_wine.png)
![Figma-logo-01.png](https://static.wixstatic.com/media/72fbf2_56ce0262572649d69c05b47979061d7f~mv2.png/v1/fill/w_14,h_22,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Figma-logo-01.png)
Creating access to AI education: Designing the AI Education Catalog
OVERVIEW
Created through a joint partnership between the Georgetown Center for Security and Emerging Technology and The AI Education Project, the AI Education Catalog aims to raise awareness of the AI-related programs available to students and educators, as well as to help inform AI education and workforce policy.
I was brought onto the project to refine the platform's user interface design, merging the two organizational brands as one in an information-forward yet playful approach.
![cover image cset case.png](https://static.wixstatic.com/media/72fbf2_b62c52ca9f6e44618053a65fba130119~mv2.png/v1/fill/w_49,h_19,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/72fbf2_b62c52ca9f6e44618053a65fba130119~mv2.png)
FRAMING
We set out to design a platform that felt intuitive and simple for users, despite the complexity and breadth of information at their fingertips. On the catalog, users should be able to:
-
Confidently input their specifications
-
Clearly and seamlessly access database results in a downloadable, easily formatted file so teachers could easily share specific, targeted options with their students aligned with student financial and academic needs
-
Understand individual result tiles without referencing search specifications through color use and icons
-
Access results and interact with content without downloading
Catalog element styles were developed, ultimately defining many search functionalities and categories with their respective colors and icons.
Ensured easy download via clearly defined download button + auto CSV generation
![final elements.png](https://static.wixstatic.com/media/72fbf2_412cfdfd0f0744c89364a2268391cb6e~mv2.png/v1/fill/w_65,h_32,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/final%20elements.png)
Subject colors and icons aligned with both AIEDU and CSET branding
PROTOYPING
Multiple iterations and prototypes were presented that explored seamless integration with both aiEDU and CSET's main websites.
![mockups.png](https://static.wixstatic.com/media/72fbf2_83ee059a85834cf1b060af83bf4e1890~mv2.png/v1/fill/w_58,h_27,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/mockups.png)
Ultimately, we landed on the version of the database below.
Since release, hundreds of teachers and students have been connected to local and national programming, no matter the cost or limitations. The database is still being maintained by CSET.
![Home 1= banner expanded.png](https://static.wixstatic.com/media/72fbf2_63d8bc6e37bd4be2a85cdaf0442894fc~mv2.png/v1/fill/w_49,h_73,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/Home%201%3D%20banner%20expanded.png)