UI/UX - Website Redesign

Project Overview

This website, created by an Ivy League School in Science and International Affairs, aims to help U.S. policymakers and the public understand Russia’s importance to the U.S. now and in the future. It focuses on informing U.S. policies, fostering cooperation, and building a new generation of Russia experts while bridging the gap between academia and policymaking.

The website features a wealth of in-depth reports and analyses, catering to policymakers, researchers, and academics. However, the large amount of text-based content posed usability challenges, particularly when it came to navigating and consuming lengthy materials. The project aimed to optimize the user experience by improving site navigation, making it easier for users to access and interact with extensive reports and analyses.

Client: Anonymous
Agency: Kairos
My Role: As a UI/UX Designer, I conducted a thorough UX audit, identifying key pain points and collaborating with the strategy team. Leveraging these insights, I delivered a user-centric website redesign that was modern, clean, responsive, and fully optimized for accessibility and seamless navigation.

Key Deliverables:

  • UI/UX Audit

  • Website Redesign

  • Style Guide & Detailed Components

Key Challenges & Solutions

One of the main challenges was the large amount of text in the teaser sections on the listing pages, which made navigation difficult. The goal was to display extensive content in a way that was easy to navigate. To address this, we added several features to the sticky navigation bar:

  • Back to Top – Quick access to the top of the page

  • Next/Previous Item – Easy navigation between articles

  • Expand/Collapse All – Option to expand or collapse all teasers

  • Copy Page to Clipboard – Copy all teaser content with one click

  • Download All – Download all teaser content at once

Additionally, each teaser was enhanced with:

  • Share Options – Easy content sharing

  • Copy Teaser Content – One-click teaser copying

  • Expand/Collapse – Option to expand or collapse individual teasers for better readability

These improvements significantly enhanced usability, making it easier and more efficient for users, particularly researchers, to consume content.

Additional Improvements

Another key enhancement was the transformation of the filters, "News Digest Archives list", "Jump to Section," and "You are now viewing" elements into a fixed sidebar on every detail page.

This change kept these important features always visible, improving navigation and making it easier for users to find relevant sections.

On mobile, these sidebars were converted into button tabs, ensuring smooth and logical access to content while maintaining the fluidity of the user experience across devices.

Previous
Previous

Logo Design & Brand Identity - Golden Bites

Next
Next

UI/UX - Ivy League Institute of Politics