During my UX design internship at Biasly, I had the opportunity to redesign the Media Bias & News Analytics Platform webpage. The goal was to create a more user-friendly, engaging, and visually appealing interface that enhances user interaction while effectively presenting Biasly’s core offerings. My focus was on improving navigation, readability, and accessibility while ensuring that the page aligns with Biasly’s mission of providing unbiased, data-driven media analysis.
The project involved redesigning Biasly’s webpage to enhance the user experience by improving information hierarchy, layout structure, and visual clarity. The primary objectives were:Making the page more intuitive and visually appealingEnsuring key features (e.g., Media Bias Charts, Article Bias Identification, and News Source Analytics) are easy to navigate and understand. Enhancing the content structure to improve readability and engagement. Creating a responsive design for seamless access across devices. My role in this project included user research, wireframing, prototyping, and usability testing to ensure that the redesign met both business goals and user needs.
To inform my design decisions, I conducted competitive analysis, user research, and usability testing on the existing Biasly webpage. Key findings included:
• Information Overload: Users found the original page text-heavy, making it difficult to scan and digest information quickly.
• Lack of Visual Hierarchy: Important features were buried under dense text, leading to confusion about Biasly’s key offerings.
• Navigation Issues: Users struggled to find relevant sections efficiently.
• Engagement Concerns: The design lacked interactive elements that could enhance user engagement.
Based on these insights, I focused on simplifying the layout, improving readability, and implementing a clearer content structure to enhance the overall experience.
1. Wireframing & Prototyping
• Created low-fidelity wireframes to establish a clear layout and hierarchy
• Developed high-fidelity prototypes incorporating a modern, minimalistic design with improved typography and spacing
2. Improving Content Structure
• Broke down long text sections into scannable, digestible chunks
• Used bold headings and subheadings to enhance readability
• Introduced visual elements (icons, charts, and interactive components) to make information more engaging
3. Usability Testing & Iterations
• Conducted A/B testing with users to compare the old and new designs
• Gathered feedback on navigation, readability, and visual appealIterated based on feedback to refine the final design
1. Balancing Information Density & Readability
• Challenge: Biasly’s webpage required detailed descriptions of its features, but too much text overwhelmed users.
• Solution: I restructured content using bullet points, collapsible sections, and visual elements to make it more digestible.
2. Improving Navigation Without Overcomplicating the UI
• Challenge: Users found it difficult to locate relevant sections quickly.
• Solution: Implemented a sticky navigation bar and anchor links for seamless browsing.
3. Enhancing User Engagement
• Challenge: The original page lacked interactivity, reducing user engagement.
• Solution: Added interactive media bias charts, hover effects, and micro-interactions to make the page more dynamic.
This project allowed me to apply user-centered design principles to a real-world platform, improving accessibility, engagement, and navigation. Through research, prototyping, and iteration, I successfully redesigned Biasly’s webpage to create a more user-friendly and visually appealing experience.The redesigned page now presents Biasly’s offerings clearly and efficiently, helping users better understand and engage with the platform’s powerful media bias analysis tools. This experience strengthened my UI/UX design, user research, and problem-solving skills, preparing me for future challenges in the field.
