Wikipedia Web Redesign
UX/UI · Figma · class project
about
Wikipedia is a non-profit, open-access encyclopedia with the goal of making knowledge freely available to anyone with
internet access.
The site is built entirely through volunteer contributions.
Its content is constantly expanding rather than
centrally controlled.
problem
Dense blocks of texts that are hard to scan
Weak visual hierarchy
Interaction with site citations are less than %1
(The only interactive element)
goal
Introduce layered content
Improve visual hierarchy
Incorporate visual/interactive elements
Home Page
Original
Redesigned
Cream/dark brown background for reduced eye strain
Separated “Featured Article”, “In The News” and “On This Day”
Login Page
Original
Redesigned
Consistent brand identity within the login page
Artice Page
Original
Redesigned
Decluttered to layered content
Added a Bookmarking Feature
Added an In-Article keyword search engine
Mobile Home Page
Mobile Login Page
Mobile Article Page
Usability Testing
Search up an article called “Artemis II”
a. Find how many “Apollo”’s appear when searching for the keyword
Log in
Go to Today’s Featured Article and bookmark it.