cset.stanford.edu is a content website of the GSE research center. It has in-depth description of the center’s vision, approach, and community as well as resources and professional development opportunities.
Scope
With the grows of the center and it’s projects CSET came to GSE IT to move their website to a current Drupal version as well as freshen design and layouts of the website.
During our initial meeting we saw a need to identify who current users of the website are and what are their need and goals on the website.
CSET team also had difficulty updaiting their old website.
GSE IT introduced and implemented user experience design process to redesign the CSET’s website.
The project took 8 months to complete and consisted of:
- User experience design strategy
- User research: user interview and usability testing of old website
- Analysis and synthesis - outline of user groups, creating personas, identifying insights
- Information architecture design and Content needs identification
- Prototyping, visual design and user testing
Tools used
Adobe Illustrator, Photoshop
Figma
Box, Google Drive
Post-its notes, whiteboard
Based on the the visual mock-ups and interactivity of the designs, Drupal 7 was utilized with a custom theme derived from Bootstrap.
The designs were broken down into the various sections and created specific content types that belonged to each one. For the content editors, it was important to be able to create more customizable pages and to present their information in a meaningful way.
Technologies used
Drupal
Bootstrap, LESS
Javascript
The website now serves to all audiences that CSET is trying to reach, traffic has increased, users are able to find what they are looking for, content is more related and useful to the users.
CSET team is able to make changes to the website content on their own, create various responsive layouts and promote content to a homepage.