Project phase

Rethinking Sycamores

Growing Sycamores

More than a redesign, this was a strategic overhaul to elevate Sycamore’s digital presence and better serve Southern California’s underserved communities. By strengthening site structure and usability, we created a platform that enhances access to essential mental health resources and embodies Sycamore’s commitment to supporting vulnerable individuals.

Through user behavior studies, heatmaps, interviews, and SEO audits, I implemented targeted improvements that greatly enhanced usability and accessibility. These changes transformed the site into a powerful tool, extending Sycamore’s reach to deliver essential resources to over 18,000 individuals in need.

Visit Website

Sycamores Website Development and Design
Project phase

The Challenge

Sycamore’s previous website was outdated, with limited mobile functionality, poor lead generation, and restricted flexibility in making updates. The organization relied on an external company for changes, which limited their ability to respond quickly. Sycamore sought a complete rebuild that would be visually appealing, mobile-friendly, and easy to update independently.

My Role

As project lead, I managed the design, development, and implementation of Sycamore’s new website. I designed an intuitive layout, developed the site for optimal performance, and created customizable widgets that allow Sycamore to update content independently.

The site was built using HTML, CSS, jQuery, and WordPress, ensuring every detail met high industry standards.

Concept to Creation

Advanced Web Design Techniques

Sycamores - Mobile Phone Mockup
Creative Direction
CSS
Development
Graphic Design
HTML
jQuery
User Experience
UX/UI Design
Web Design
Wireframing (UX/UI)

This approach positioned Sycamore as a standout in mental health support, redefining its digital presence with a balance of accessibility and engaging design, setting a new standard in impactful digital engagement.

Sycamores Wireframes

Wireframes and User Interface

Using Figma, I created wireframes that laid the foundation for a seamless, engaging user experience. This phase was critical in building an interface that was intuitive and easy to navigate.

Sycamores Website Development and Design

Design and Customization

From wireframes to final design, I collaborated with Russell Herder’s creative director to reflect Sycamore’s mission through bold color choices and thoughtful typography, creating a vibrant, accessible digital presence.

Sycamores Website Development and Design

Development and Implementation

Built on WordPress and Elementor with custom HTML, CSS, and JavaScript, Sycamore’s new site is visually compelling, adaptable, and designed to exceed expectations in usability and performance.

Sycamores Website Development and Design

Outcome:

Our collaboration redefined Sycamore’s digital presence, creating a platform that empowers, connects, and sets a new standard in user-focused design for mental health support.

Visit Website

Related Projects: