Back to work
Wikipedia.org UX/UI Redesign
Self-directed mobile interface redesign emphasizing accessibility and user-centered design
Winter 2023
Mobile redesign with improved accessibility and modern design system
Objectives
- Significantly improve user experience of wikipedia.org
- Restructure content and simplify choices
- Enhance contrast and emphasize actionable items
- Maintain familiar functionality while modernizing interface
Overview
Self-directed mobile interface redesign of wikipedia.org, addressing longstanding UX debt through a new design system, improved visual hierarchy, and accessibility improvements. Conducted ongoing feedback collection via social media communities to validate direction. The goal was creating a scalable design system foundation for the entire site, not just a visual refresh.
WikiUI Design System walkthrough
Method
- Gathered ongoing feedback from social media communities (LinkedIn, Instagram)
- Drew inspiration from UX best practices and modern design patterns
- Made search bar accessible at bottom of screen for easier thumb tapping
- Organized tertiary content in menu to streamline landing page
- Revamped iconography for consistent style
- Created color palette for light and dark modes prioritizing readability
Emerging Figma design system - WikiUI
Outcome
- Redesigned mobile landing screen with new menu and dark mode
- Created simple flows including menu interactions and mode toggling
- Established foundation for user feedback and iterative improvements
- Plan to solicit feedback through social media and implement changes
Interactive prototype showing menu and dark mode
Tools & Technologies
Figma · Adobe Illustrator