Redesign website
Click here to load reader
-
Upload
wenliu1811 -
Category
Education
-
view
195 -
download
1
Transcript of Redesign website
![Page 1: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/1.jpg)
Patricia Wilson, Lauren Muhleman
Wen Liu, Takahashi Hiroaki
![Page 2: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/2.jpg)
Screenshot of original webpage
![Page 3: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/3.jpg)
Things that are wrong with this site
Primary and secondary navigations
Hard to read
Layout doesn't make sense
Overwhelming
![Page 4: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/4.jpg)
Solutions to the problem:
Simplify Information
Create united color scheme
Make the layout clear
Clear organization
Make sure the secondary navigation will be work for audience
Primary navigation will be showed as:
![Page 5: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/5.jpg)
Screenshot of pictures of websites look like
![Page 6: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/6.jpg)
Screenshot of the wireframe
![Page 7: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/7.jpg)
Color palettes
Keeps Yale colors but adds "pop" to make the department stand out
![Page 8: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/8.jpg)
More fonts?
New fonts to use
Berlin Sans FB Demi
alGERIAN
Broadway
Cooper std black
sTencil
• The reason to choose these font because it can help the audience find the primary and secondary navigation easily, and make the layout be clear.
![Page 9: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/9.jpg)
References
http://www.yale.edu/
https://gomockingbird.com/mockingbird/
http://art.yale.edu/
http://www.colorhunter.com/tag/linda/1
![Page 10: Redesign website](https://reader038.fdocuments.net/reader038/viewer/2022102423/55985d891a28ab5f768b4895/html5/thumbnails/10.jpg)
The End