.png)
These are the projects I worked on as a marketing assistant on their communications and external engagement teams. My work included using my design background to produce editorials, web and multimedia content that highlights CITRIS's breadth of interdisciplinary research successes, societal impact and intellectual leadership. As an undergraduate with a background in architecture/ spatial design, I was also in charge of curating their Tech Museum space on UC Berkeley Campus. Some project highlights during my work include:
01: Edge in Tech Symposium Promotional Campaign (Marketing)
02: CITRIS Interactive Map Web Design (UX Design)
03: Tech Museum Gallery Space Design (Physical Marketing Project)
Coming from a background in UX design, I also worked on a project to design an interactive map on their homepage that shows the different CITRIS campuses across all 4 UC campuses. Here is a link to the map that is now live on their home page. A major change I implemented was making sure their new UI was ADA accessible
Therefore a significant goal for this project was to create a new map that was compliant with the "Web Content Accessibility Guidelines (WCAG) 2.0"
‘WCAG’ stands for Web Content Accessibility Guidelines. These are guidelines that help us ensure our online content is accessible to anyone online and help improve access to web resources.
Upon coming up with the final designs of the map, I went through various iterations and concepts. While I was the designer, it was important for me to exchange feedback with my communications team manager to hear feedback and make different versions upon each exchange we had:
Some critiques:
- Color contrast could be a bit bumped up
- Text box to be refined to align with the style of the homepage
- Eventually need to hyperlink to campus page within text.
- Experiment with contrast for dark background under text.
Some critiques:
- logo line weight and writing within the illustration is too thin to be ADA accessible
Some critiques:
- Yellow and white does not pass the ADA accessible color contrast
-> change to a new button
- Bump up color contrast on map because some parts are not ADA Accessible
Some Critiques:
- logo at the bottom of the textbox reads too small
- Change to new textbox that includes images of the campus
While creating these iterations, I would also demonstrate how they would would with the hover interaction and leading the viewers to each CITRIS campus.
