The Kaleidoscope
Website redesign and WIX Studio Development
Background
The-Kaleidoscope is a mental health support group community dedicated to transforming mental health. Their mission is to provide accessible, inclusive resources that make it easier for people to connect with the support they need.
With the full redesign of their website, the organization now has a modern, responsive, and accessible platform that reflects their values and makes it simple for visitors to navigate, find information, and engage across devices.
Challenge
The biggest challenge was to transform The-Kaleidoscope’s outdated website into a modern, accessible platform while keeping the same audience engaged and encouraging new members to join. The site had a large amount of information that needed to be reorganized with greater clarity and structure, and the redesign also required adapting to WIX Studio as a new development tool.
Strategic Pivot & Design Reasoning
-
Information Architecture Trade-off: The original site suffered from Information Overload with critical support resources buried three clicks deep. I made the strategic decision to move to a flat hierarchy. While this required a more complex mega-menu design, the trade-off ensured that users in a mental health crisis could reach "Get Help" buttons in under 2 seconds.
​​
-
Accessible Visual Language: We avoided high-vibrancy "tech" blues and instead opted for a grounded, AA-compliant color palette. This wasn't just for aesthetics; for a mental health community, high-contrast or "vibrating" colors can increase user anxiety. We prioritized Cognitive Accessibility over "trendy" design.
​​
-
The WIX Studio Decision: We transitioned to WIX Studio specifically to hand over a Component-Based System to the client. This allows their non-technical staff to update resources without breaking the global styles, ensuring long-term design integrity.
%202.png)
Solution
The solution centered on "Empathy-Driven Utility." I led the team in creating a design system that balances professional clinical trust with community-focused warmth. By leveraging WIX Studio’s responsive engine, we created a '"One-Touch" help system, ensuring that accessibility wasn't an afterthought, but the core infrastructure of the site.
Approach
The project began with initial exploration in WordPress, but technical limitations led us to shift into Figma and WIX Studio. We started with low-fidelity wireframes to define layout and structure, followed by high-fidelity wireframes and a refreshed visual identity. To address content overload, we streamlined information, prioritized key resources, and introduced clearer navigation with buttons and simplified content blocks. Throughout the process, designs were tested and validated within the volunteer group and with stakeholders. Finally, the designs were transferred into WIX Studio using a Figma plugin and refined to ensure responsiveness across devices.
Design Desicions
The design system was refreshed with a welcoming color palette chosen to better reflect the brand’s identity. For typography, Poppins and DM Sans were introduced to ensure both accessibility and readability while maintaining a modern, approachable look. The layout was reorganized using cards, buttons, accordions, and dropdowns to simplify navigation and make resources easier to find. Updated illustrations and partner logos were integrated to align with the new brand scheme. All components were prepared in Figma for consistency, with WIX’s native widgets customized to match the overall style.
.png)
.png)
Impact & Key Results
-
Reduced Friction: By redesigning the onboarding flow, we reduced the steps to join a support group from 7 fields to 3, significantly lowering the barrier to entry for vulnerable users.
​
-
Searchability: Implemented a tagged Resource Library that allowed users to filter by Topic (e.g., Crisis, Youth Support). This transformed the site from a static blog into a functional utility tool.
​​
-
Device Parity: Achieved 100% feature parity between Desktop and Mobile. Previously, 40% of the site’s functionality was broken on mobile, the new WIX Studio build ensured full accessibility for the 60% of their community who browse via smartphone.
Results
The redesigned website provides clear navigation and makes it easy for visitors to find resources and join The-Kaleidoscope’s community and support groups. Volunteers have given positive feedback, noting the simplicity of engaging with the site and signing up for groups with just a click. The platform is also much easier for the team to update and maintain, ensuring the site remains current and accessible over time.