Selspace
Web Redesign Project

SELspace is an online platform focused on Social and Emotional Learning (SEL), providing resources for educators and students. This redesign project aimed to improve website usability, enhance branding, and optimize the user experience through modern UI design, better accessibility, and intuitive navigation.

Roll

Web & UI Designer | Group of 5
I redesigned the website’s layout and navigation to improve usability, accessibility, and branding consistency.

Refined site structure for better navigation & information hierarchy
Developed high-fidelity wireframes & prototypes to enhance user flow
Designed responsive UI for a seamless experience on desktop & mobile
Updated branding & visual elements for a modern, cohesive look

Before: Previous SELspace Website

📌
Before the redesign, the SELspace website faced several usability and readability challenges that affected user experience. The existing navigation structure remained functional but lacked clarity, making it difficult for users to find relevant resources quickly. Additionally, the UI suffered from inconsistent visual hierarchy, low contrast, and unstructured content placement, leading to a disjointed browsing experience.

Solution: How the New Design Improved UX

✔️ Improved Navigation UI & Branding

Enhanced logo visibility & contrast for better readability
Refined menu design to improve clarity without changing the structureRefined menu design to improve clarity without changing the structure

✔️ Organized Layout & Visual Hierarchy

Optimized font sizes & color contrast for a more accessible experience
Consistent spacing & typography to create a structured, professional look
Emphasized key content to guide users naturally through the page

Desktop

Mobile

Other Pages in the SELspace Redesign

SelspaceWeb Redesign Project

Roll

Before: Previous SELspace Website

Solution: How the New Design Improved UX

Selspace
Web Redesign Project

Roll

Before: Previous SELspace Website