Element Youth Website

Redesigning the Element Youth Group Web Experience

Project Background
Project Background
Element is a middle and high school youth group in the SF Bay Area. In May 2024, they sought a website redesign to enhance engagement for students while maintaining a trustworthy appearance for parents.

I co-led a team of 8 to revamp the site’s content architecture and user experience, addressing issues such as unclear headings, inconsistent layouts, and small buttons. Our approach included research, wire-framing, and user testing to create a more engaging platform with separate sections for high school and middle school. The new design, though not yet implemented, is expected to improve accessibility, readability, and user engagement.
Element is a middle and high school youth group in the SF Bay Area. In May 2024, they sought a website redesign to enhance engagement for students while maintaining a trustworthy appearance for parents.

I co-led a team of 8 to revamp the site’s content architecture and user experience, addressing issues such as unclear headings, inconsistent layouts, and small buttons. Our approach included research, wire-framing, and user testing to create a more engaging platform with separate sections for high school and middle school. The new design, though not yet implemented, is expected to improve accessibility, readability, and user engagement.

Methods & Tools

Competitive Analysis, User Experience, User Stories, Wireframing, Squarespace

Methods & Tools

Competitive Analysis, User Experience, User Stories, Wireframing, Squarespace

Objective

Create a website that provides clarity and direction for parents and students about what Element is and how to get connected

Objective

Create a website that provides clarity and direction for parents and students about what Element is and how to get connected

Duration

6 weeks, May-June 2024

Duration

2 weeks

August 2019

Role

Lead UI/UX Designer, User Researcher

Role

User Researcher

Visual Designer

Role

User Researcher

Visual Designer

The Design

Designed for Students, Simplified for Parents

Designed for Students, Simplified for Parents

previous element home page
previous element home page

Before: Home Page with Low Legibility

After: Home Page with bolder colors and clearer actions

After: A Clear About Page

After: FAQ section on the About Page

previous element home page
previous element home page
previous element home page
previous element home page

Before: Middle School & High School Sub-sections on Home Page

After: Separate Pages Designated for Middle School & High School

Contact Page

Simplified Bottom Navigation

Cindy Lo is a designer & illustrator based in the SF Bay Area.

This website was designed in Figma, built in Framer.

Instagram
LinkedIn
Flickr

Cindy Lo is a designer & illustrator based in the SF Bay Area.


This website was designed in Figma, built in Framer.

Instagram
LinkedIn
Flickr

Cindy Lo is a designer & illustrator based in the SF Bay Area.

This website was designed in Figma, built in Framer.

Instagram
LinkedIn
Flickr