Project: Improve Wikipedia's Visual Design

Overview

Being run by a non-profit and 100% dependent on donations, Wikipedia is always constrained for resources — not just in terms of hiring visual designers, but also how heavy the page can be — serving large pages costs more money. But, for a bit, let’s assume that Wikipedia is not constrained monetarily and can go wild on hiring the best UI Designers (so they hired you!) and giving them full freedom to improve the visual design however they want.

Wikipedia Article (May 2018)

Challenge

Your challenge in this project is to think of how you can improve the visual design of a Wikipedia article. Is it possible to keep the same structure, but make it a lot more readable on desktop?

Hints and ideas

Wikipedia’s mobile design is a lot cleaner. Try this link: https://en.m.wikipedia.org/wiki/Jimmy_Wales Why do you think this looks better? Why doesn’t Wikipedia switch all desktop users to this? What elements from here can be adopted to the current design?

It never hurts to check out what the community at Dribbble came up with for Wikipedia’s visual redesigns: https://dribbble.com/search?q=wikipedia

How to upload your deliverables?

Hit the Reply button below and create a post with screenshots of your work. The Commonlounge team will give feedback on every submission. In addition, please feel free to critique other submissions — there’s a lot of room to learn from each other.