body { overflow-x: hidden; }

Steffany DeVoursney

AboutWork

Arc of the Lakeshore

Industry

Non-Profit

year

2025

Platform

Wordpress (Elementor)

Role

Project Lead, UX/UI Designer, and Web Manager
Arc Lakeshore Mobile Mockups
Arc of the Lakeshore mood board, site map and user flow wireframe

the project

Arc Lakeshore supports individuals with developmental disabilities and their families. The goal of this redesign was to clarify navigation for multiple user groups, families, donors, and volunteers, while improving accessibility and information hierarchy. The focus was on simplifying pathways to services and increasing donation conversion clarity.

the Challenge

• Navigation was overly complex

• Multiple audiences shared one information structure

• Calls-to-action lacked hierarchy

• Service pages lacked clear intake pathway

the Strategy

• Reorganized sitemap to reduce cognitive load

• Created dedicated pathways for primary user types

• Introduced clearer CTA hierarchy

• Simplified service detail pages

• Emphasized conversion driven flows (intake, donate, register)

The Wireframes

The website structure was rebuilt around primary user journeys. Detailed sitemaps and behavioral flows were mapped before visual design began, ensuring clarity between service seekers, donors, and returning users. Wireframes prioritized hierarchy, modular layouts, and conversion placement.

Arc of the Lakeshore Wireframes
Arc of the Lakeshore Desktop and Mobile mockup

the Results

The final design delivers a clearer information structure, streamlined navigation, and improved call-to-action visibility. The system is modular, accessible, and scalable for future growth.

the lessons learned

• Multi-audience navigation requires clear pathway separation

• Early flow mapping reduces layout revisions later

• Visual hierarchy must reflect behavioral priorities