![](https://static.wixstatic.com/media/ee16b5_b7bd25b105f141c996d33dcd7802c138~mv2_d_4032_3024_s_4_2.jpg/v1/fill/w_757,h_568,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/ee16b5_b7bd25b105f141c996d33dcd7802c138~mv2_d_4032_3024_s_4_2.jpg)
CHID Website
(Comparative History of Ideas)
Purpose
The Comparative History of Ideas (CHID) program at the University of Washington provides a flexible major that allows students to pursue their interests and curiosities.
How might we improve CHID's website in order to...
...increase awareness?
...clarify CHID's vision and mission?
...destigmatize CHID?
...showcase student work?
Immerse
Overview
As a group, we talked with the CHID outreach coordinator to understand the needs and wants of the program.
We also analyzed the current CHID website in order to pinpoint problem areas as well as successful features.
![Previos CHID Website](https://static.wixstatic.com/media/ee16b5_3cb47cc03bbd45e08f51d7f30522c7cc~mv2_d_3788_1833_s_2.png/v1/fill/w_858,h_415,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/CHID%20Website_PNG.png)
Previous version of the CHID homepage
Problem Areas
The layout of the homepage was disorganized and unappealing.
Photos do not effectively highlight student work.
​
The colors contrast and distract from the content.
​
Information is lost in the amount of content displayed.
​
Ideating
Overview
Using the hivemind methodology, the group pinpointed what was most important to include on the homepage of the website, and what should be included on the navigation bar.
We also looked at other department websites for inspiration.
![Navigation Bar Ideation](https://static.wixstatic.com/media/ee16b5_1b6d01358193491e833e3a60d99fa48a~mv2_d_4032_3024_s_4_2.jpg/v1/crop/x_628,y_416,w_2878,h_1691/fill/w_863,h_507,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/MVIMG_20180507_145301.jpg)
Navigation bar ideation
Prototyping
Overview
As a website team, we pooled together the wireframes that we created individually.
Wireframe Mockups
![CHID Homepage Wireframe 3](https://static.wixstatic.com/media/ee16b5_861e016fdeb143b2b596f86fc8aa4596~mv2_d_7112_12448_s_5_3_2.jpg/v1/crop/x_0,y_0,w_7112,h_12096/fill/w_303,h_515,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/mockup2%20(1)-1.jpg)
![CHID Homepage Wireframe 1](https://static.wixstatic.com/media/ee16b5_6cc50f26330b41f8b263596155500543~mv2_d_5334_10892_s_4_2.jpg/v1/fill/w_235,h_480,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/CHID%20Homepage%20Wireframe-1.jpg)
![CHID Homepage Wireframe 2](https://static.wixstatic.com/media/ee16b5_bcb2de7bb91a45f6951bc92937523c5c~mv2_d_1440_3143_s_2.png/v1/crop/x_0,y_0,w_1440,h_2681/fill/w_262,h_488,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/mockup%201.png)
Iterating
Overview
With the wireframes, we conducted heatmapping to decide on the most important features and designs for the homepage.​
Then, as a website sub-team of three, we created a hi-fi prototype.
![Heamapping activity](https://static.wixstatic.com/media/ee16b5_570dfa6583af4448a5d2b32eea19108d~mv2_d_4032_3024_s_4_2.jpg/v1/crop/x_0,y_145,w_4032,h_2557/fill/w_861,h_546,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/IMG_6792_JPG.jpg)
Heatmapping activity
Usability Testing
![CHID Homepage Wireframe 3-01.jpg](https://static.wixstatic.com/media/ee16b5_a430269ccb7448fba2c627b0eec0611b~mv2_d_1440_2656_s_2.jpg/v1/crop/x_179,y_0,w_1086,h_2571/fill/w_267,h_632,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/CHID%20Homepage%20Wireframe%203-01.jpg)
Hi-fidelity mockup
Overview
Our sub-team performed usability tests to discover flaws and successes, and note down likes and dislikes from users.​
Following, the website sub-teams came back together to discuss findings and presented the two hi-fidelity prototypes and usability test findings to the group leader.
​
Michael Beach, the group leader, worked with the University technology team to pass along the prototypes and develop the new website.
![Wesite team](https://static.wixstatic.com/media/ee16b5_95245a91f7aa4cb5a8e8fa23cabc9647~mv2_d_4032_3024_s_4_2.jpg/v1/fill/w_549,h_412,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/MVIMG_20180507_151026.jpg)
Website team
Credit To
Leader: Michael Beach
Group Members: Sung-Duk Kang, Sruthi Dikkala, Fengdan Wu, Haimeng Gan, Theresa Tran, Mengjun Guo, Woody Gu, Michael Palomo, Ahlaam Ibraahim, Geoff Lloyd, Rio Faltys-Burr, Mary Hinsvark (italicized indicates the website team)
Website Sub-Team: Sruthi Dikkala, Michael Palomo, Theresa Tran