Project phase

Rethinking Sycamores

Growing Sycamores

The old site made it hard for families to find help and for supporters to get involved. Pages were crowded. Navigation was messy. Many visitors on phones gave up.

I met with program leads, read the data, and rebuilt the site around two simple goals. Get help fast. Give or volunteer without digging. We cleaned up the structure, fixed the mobile experience, and wrote plain copy that speaks with care.

Visit Website

Sycamores Website Development and Design
Project phase

The Challenge

Sycamores serves many audiences and offers many services. The old site buried key actions like Get Help and Donate. Menus were confusing and the code blocked some visitors. We needed clear paths and a kinder tone.

My Role

I led UX, UI, and front end from kickoff to launch. I mapped flows and built wireframes in Figma. I created comps in Figma and Photoshop, with icons and graphics in Illustrator. I built a custom WordPress theme and wrote HTML, CSS, SCSS, and JavaScript with a light touch of jQuery. I set up forms and donation tools and kept design and build in sync.

Concept to Creation

Advanced Web Design Techniques

Creative Direction
CSS
Development
Graphic Design
HTML
Information Architecture
jQuery
Prototyping
SEO (Search Engine Optimization)
User Experience
User Journey
UX/UI Design
Web Design
Wireframing (UX/UI)

More people find what they need and take action. Online inquiries and donations rose. Visitors spend more time on key pages and bounce less. Families reach services faster. The site now supports the mission and feels welcoming.

Sycamores Wireframes

Wireframes and User Interface

I designed direct routes for families, donors, and volunteers. Programs and Services have clear section pages. Get Help and Donate are always easy to reach. Short headings and simple copy keep people moving.

Sycamores Website Development and Design

Design and Customization

A warm look with high contrast and large type. Real photography to put people first. Icons to explain services at a glance. Colors and spacing guide attention. I checked color contrast and patterns for accessibility and built a small style guide.

Sycamores Website Development and Design

Development and Implementation

WordPress lets the team update content quickly. I wrote custom templates and avoided heavy plugins. Images are compressed and code is trimmed so pages load fast on any device. Menus work by keyboard and touch. ARIA labels and alt text are in place. I tested across browsers and screen sizes before launch.

Sycamores Website Development and Design

Outcome:

More people find what they need and take action. Online inquiries and donations rose. Visitors spend more time on key pages and bounce less. Families reach services faster. The site now supports the mission and feels welcoming.

Visit Website

Related Projects: