SLGuide Website Redesign
Client: SLGuide – A global nonprofit dedicated to promoting sustainable living education
Project Timeline: May 2023 – Feb 2024
VSDesign Role:
Client: SLGuide – A global nonprofit dedicated to promoting sustainable living education
Project Timeline: May 2023 – Feb 2024
VSDesign Role:
Client: SLGuide – A global nonprofit dedicated to promoting sustainable living education
Project Timeline: May 2023 – Feb 2024
VSDesign Role:
Client: SLGuide – A global nonprofit dedicated to promoting sustainable living education
Project Timeline: May 2023 – Feb 2024
VSDesign Role:
User Research · Information Architecture Redesign · UX/UI Design for Desktop, Tablet & Mobile · Brand System and Design Guidelines Development
User Research · Information Architecture Redesign · UX/UI Design for Desktop, Tablet & Mobile · Brand System and Design Guidelines Development
User Research · Information Architecture Redesign · UX/UI Design for Desktop, Tablet & Mobile · Brand System and Design Guidelines Development
User Research · Information Architecture Redesign · UX/UI Design for Desktop, Tablet & Mobile · Brand System and Design Guidelines Development
highlight
SLGuide is a global education platform advocating for sustainable lifestyles. We partnered with their team to craft an entirely new digital brand experience, reimagining the site’s information architecture, design system, and visual language. Through user-centered design and agile collaboration, we significantly enhanced usability, increased user engagement, and empowered the platform to grow its subscriber base while amplifying its mission of global sustainability.
Startup team selected by incubators such as MIT Sandbox, Harvard I-Lab and Upenn VIPC
Startup team selected by incubators such as MIT Sandbox, Harvard I-Lab and Upenn VIPC
Startup team selected by incubators such as MIT Sandbox, Harvard I-Lab and Upenn VIPC
Project background
While SLGuide’s legacy website offered rich content, it suffered from unclear navigation, weak brand recognition, and accessibility issues. These challenges contributed to high bounce rates and subscriber churn, limiting the platform’s ability to engage users and scale its impact. As the platform expanded, these issues became more critical, necessitating a full redesign to meet the demands of a modern, diverse audience.
While SLGuide’s legacy website offered rich content, it suffered from unclear navigation, weak brand recognition, and accessibility issues. These challenges contributed to high bounce rates and subscriber churn, limiting the platform’s ability to engage users and scale its impact. As the platform expanded, these issues became more critical, necessitating a full redesign to meet the demands of a modern, diverse audience.
While SLGuide’s legacy website offered rich content, it suffered from unclear navigation, weak brand recognition, and accessibility issues. These challenges contributed to high bounce rates and subscriber churn, limiting the platform’s ability to engage users and scale its impact. As the platform expanded, these issues became more critical, necessitating a full redesign to meet the demands of a modern, diverse audience.
While SLGuide’s legacy website offered rich content, it suffered from unclear navigation, weak brand recognition, and accessibility issues. These challenges contributed to high bounce rates and subscriber churn, limiting the platform’s ability to engage users and scale its impact. As the platform expanded, these issues became more critical, necessitating a full redesign to meet the demands of a modern, diverse audience.
Core Problem
For small marketing teams and brand managers:
For small marketing teams and brand managers:
For small marketing teams and brand managers:
For small marketing teams and brand managers:
Unclear brand identity
The outdated visual system failed to convey the platform’s mission at first glance.
Unclear brand identity
The outdated visual system failed to convey the platform’s mission at first glance.
Unclear brand identity
The outdated visual system failed to convey the platform’s mission at first glance.
Poor user onboarding
Key navigation elements were missing, leaving users confused and disengaged.
Poor user onboarding
Key navigation elements were missing, leaving users confused and disengaged.
Poor user onboarding
Key navigation elements were missing, leaving users confused and disengaged.
Content overload
Dense text and lack of visual hierarchy overwhelmed users, hindering comprehension.
Content overload
Dense text and lack of visual hierarchy overwhelmed users, hindering comprehension.
Content overload
Dense text and lack of visual hierarchy overwhelmed users, hindering comprehension.
Low accessibility
Color choices and interaction patterns did not meet accessibility standards, excluding users with visual impairments.
Low accessibility
Color choices and interaction patterns did not meet accessibility standards, excluding users with visual impairments.
Low accessibility
Color choices and interaction patterns did not meet accessibility standards, excluding users with visual impairments.
Users need a platform that simplifies workflows, reduces manual effort, and empowers them to deliver high-quality marketing campaigns—without needing the resources of an enterprise team.
Users need a platform that simplifies workflows, reduces manual effort, and empowers them to deliver high-quality marketing campaigns—without needing the resources of an enterprise team.
Users need a platform that simplifies workflows, reduces manual effort, and empowers them to deliver high-quality marketing campaigns—without needing the resources of an enterprise team.
Users need a platform that simplifies workflows, reduces manual effort, and empowers them to deliver high-quality marketing campaigns—without needing the resources of an enterprise team.
Design Outcomes
REIMAGINED INFORMATION ARCHITECTURE
Research‑driven nav redesign improved discoverability and task flows
Streamlined Navigation
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
REIMAGINED INFORMATION ARCHITECTURE
Research‑driven nav redesign improved discoverability and task flows
Streamlined Navigation
REIMAGINED INFORMATION ARCHITECTURE
Research‑driven nav redesign improved discoverability and task flows
Streamlined Navigation
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
MODULAR CONTENT HIERARCHY
Card and grid systems reduced cognitive load and improved scanability
Readable Dense Content
Multi-Role Collaboration
Streamlined cross-team workflows
50%+ Efficiency Gain
MODULAR CONTENT HIERARCHY
Card and grid systems reduced cognitive load and improved scanability
Readable Dense Content
BRAND REFRESH & DESIGN SYSTEM
New identity with scalable typography, colors, and icons across channels
Consistent Visual Language
AI-Driven Content Calendar
Simplifies complex scheduling & planning
Enterprise-Level Management
BRAND REFRESH & DESIGN SYSTEM
New identity with scalable typography, colors, and icons across channels
Consistent Visual Language
BRAND REFRESH & DESIGN SYSTEM
New identity with scalable typography, colors, and icons across channels
Consistent Visual Language
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
ACCESSIBILITY FIRST
UI optimized to meet WCAG 2.1, validated with screen reader testing
Inclusive Experience
Design System & Component Library
Unified Web & Mobile experiences
Accelerated Iterations
ACCESSIBILITY FIRST
UI optimized to meet WCAG 2.1, validated with screen reader testing
Inclusive Experience
RESPONSIVE MULTI‑DEVICE EXPERIENCE
Seamless use across desktop and mobile for on‑the‑go scenarios
Anywhere Usability
AI-Driven Content Calendar
Simplifies complex scheduling & planning
Enterprise-Level Management
RESPONSIVE MULTI‑DEVICE EXPERIENCE
Seamless use across desktop and mobile for on‑the‑go scenarios
Anywhere Usability
RESPONSIVE MULTI‑DEVICE EXPERIENCE
Seamless use across desktop and mobile for on‑the‑go scenarios
Anywhere Usability
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
AGILE DELIVERY & COLLABORATION
Iterated with 10+ cross‑functional partners using Asana and Figma
Rapid Validation
Design System & Component Library
Unified Web & Mobile experiences
Accelerated Iterations
AGILE DELIVERY & COLLABORATION
Iterated with 10+ cross‑functional partners using Asana and Figma
Rapid Validation
SCALABLE DESIGN SYSTEM & HANDOFF
Built tokens and component library to speed engineering with minimal rework
Efficient Developer Handoff
AI-Driven Content Calendar
Simplifies complex scheduling & planning
Enterprise-Level Management
SCALABLE DESIGN SYSTEM & HANDOFF
Built tokens and component library to speed engineering with minimal rework
Efficient Developer Handoff
SCALABLE DESIGN SYSTEM & HANDOFF
Built tokens and component library to speed engineering with minimal rework
Efficient Developer Handoff
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
AI-Powered Platform
Market research, planning & multi-channel publishing
End-to-end Automation
