Revamping SRRI website enhancing theoverall user experience
Launched in Dec 2024
My role
UX/UI Designer
Duration
June - Dec, 2024
The team
Design team ( 2 UX/UI Designers, 2 Graphic Designer )
Marketing & Content team ( 3 Brand Designers, Copywriter)
Project Management ( 1PM, Director)
Tools
Figma, Miro, Photoshop, Illustrator
My contribution
I led the redesign of Share Reuse Repair Institute’s website, newly built on Squarespace, improving information architecture and overall user flow as part of the Brands for Better Springboard program.
The problem
Due to an outdated design and the need to include required content for government approval, SRRIs site became more of an information dump than a browsable experience, making it difficult for users to navigate.
95%
of interviewees couldn’t clearly understand what the website offered.
Project goals
Create a site that’s easy to navigate and understand, while fulfilling accessibility and regulatory content needs.
User goal
Easy site navigation
Clear understanding of the organization
Content that’s simple to absorb and scan
Business Goal
Ensure website accessibility
Include required content for government approval
Clearly communicate the organization’s value & services
The impact
Improved content clarity and navigation resulted in stronger engagement and increased user interactions.
CTA click-through rate increased by over 52%, from 2.1% to 3.2%, showing improved navigation and easier access to key content.
52%
CTA click-through rate improved
Discovery research
While finding issues in the previous website we found out that it lacked structure and consistency across all pages, making it hard for users to understand the organization or find key information.
Home page
Project: Repair
Checking out competitors
With the problems of the previous site in mind, we analyzed key competitors. The strongest sites had clear, structured homepages that answered user questions early and used banners to guide further navigation.
Design goals
Based on the needs of both the client and users identified through interviews, we defined key design goals to guide our decisions throughout the project.
01
Explain the organization
Focus on building content that explains who the organization is and what it offers.
02
Maintain consistency
Build a design system that ensures consistency in color, typography, and layout.
02
Ensure Easy Flow
Users should be able to navigate througout the page without any confusion and the purpose of the page should be clear,
The Design
Designing a new site IA
The new IA map focused on simplifying nested links and surfacing key information. Primary navigation CTAs were reworded for clarity, replacing a structure that exposed too many detailed links within the nav and felt cluttered.
Previous site IA
New site IA
Design iterations
While finding issues in the previous website we found out that it lacked structure and consistency across all pages, making it hard for users to understand the organization or find key information.
Previous home page
Previous home page
Previous resources
New resource hub
Final design
Home page
Project page
Resource page