Princeton University Department of Chemistry
https://chemistry.princeton.edu
Communicator Award, Award of Distinction, University
W3 Award, Silver, University
Princeton University Department of Chemistry sought a website redesign that showcased their pioneering, interdisciplinary research, and collaborative, engaging work environment.
Initially we desinged and rebuilt the site in 2012, and after a 10 year longevity, again in 2022. Challenges included organizing a large volume of varied content types, expressing the ethos of the department, and navigating client stakeholder feedback and approval. I worked on all facets of UX and UI for this project, from an audit of the existing department site, project discovery and stakeholder meetings, defining user roles and personas, identifying user and client goals, envisioning and planning for ‘branded’ content, site map creation, wireframing, planning interaction design, and visual design.
Tidbit: We decided upon ‘color coding’ the department’s main research areas and using the colors as an auxiliary key when presenting related content throughout the site.
Visual Design
Site Map Planning
Wireframing
Information Architecture
User Roles and Personas
Requirements Gathering
Homepage with menu styles
Homepage page builder components example
Interior page template
Individual research area with subtle color coding
News landing page
Individual news article showing color coded Research Area tags
Individual event
Faculty listing page
Faculty listing page with multi-video component
Individual Faculty page with video player
Administration and Staff listing page
Mobile styles and structure example
Component definition and style guidelines
Component definition and style guidelines
Sitemap example
Wireframe of seminars listing
Wireframe of Seminar
Faculty listing with filtering
Faculty member layout
News landing page
Hero slideshow slide types
Menu examples
Personas example