Redesigning Biasly’s Media Bias & News Analytics pages to improve clarity, usability, and engagement.
Biasly’s analytics pages contained valuable media bias data but were hard to navigate, text heavy, and overwhelming to scan. Users struggled to find key features, understand charts, and engage with the content. The challenge was to simplify navigation, improve readability, and make complex data approachable, while maintaining depth and supporting Biasly’s mission of unbiased media analysis.
Redesigned Biasly’s Media Bias & News Analytics pages to make data clearer, charts more engaging, and navigation more intuitive. Focused on improving information hierarchy, content structure, and interactivity to help users explore media bias insights confidently. The redesign aimed to increase engagement, simplify task completion, and guide users toward meaningful actions, like subscribing or exploring Biasly’s analysis tools.
I conducted competitive analysis, user research, and usability testing on the existing Biasly webpage to guide design decisions. Key findings included:
• Information Overload: Text-heavy pages made it hard for users to scan and digest content quickly.
• Weak Visual Hierarchy: Important features were buried, causing confusion about Biasly’s offerings.
• Navigation Challenges: Users struggled to locate relevant sections efficiently.
• Low Engagement: Lack of interactive elements limited user interaction with data and charts.
These insights guided my redesign, focusing on simplifying the layout, improving readability, and creating a clear, structured experience that encourages exploration and engagement.
1. Wireframing & Prototyping
• Created low-fidelity wireframes to establish layout, hierarchy, and core flows.
• Developed high-fidelity prototypes with a modern, minimalistic design, improved typography, and refined spacing.
2. Improving Content Structure
• Broke long text into scannable, digestible chunks with bold headings and subheadings.
• Added icons, charts, and interactive elements to make information more engaging and easier to understand.
3. Usability Testing & Iterations
• Ran A/B tests with internal users to compare old vs. new designs.
• Gathered feedback on navigation, readability, and visual appeal, iterating to refine the final design.
1. Balancing Information Density & Readability
• Challenge: Feature descriptions were too text-heavy, overwhelming users.
• Solution: Restructured content with bullet points, collapsible sections, and visual elements to make it digestible.
2. Simplifying Navigation Without Adding Complexity
• Challenge: Users struggled to quickly find relevant sections.
• Solution: Added a sticky navigation bar and anchor links for seamless browsing.
3. Boosting User Engagement
• Challenge: The page lacked interactive elements, limiting engagement.
• Solution: Introduced interactive media bias charts, hover effects, and micro-interactions to make the page more dynamic.
This project was a great chance to dive into user centered design on a real platform. Through research, prototyping, and iterating, I was able to make Biasly’s pages clearer, easier to navigate, and more engaging. It was rewarding to see users explore the data more confidently and that the redesign even drove more clicks and subscriptions.
I also learned how important it is to balance detail with simplicity and how small design choices like reusable components and typography can make a big difference across a site. Overall, this project strengthened my UX research, visual design, and problem solving skills, and gave me confidence tackling full end to end design challenges in the future.
