The Engagement Platform is what your employees see when they log in. The platform hosts interactive digital experiences that drive behavior change, positive social impact, and build strong communities.

Getting Around


The primary navigational element of the platform is the Main Navigation Bar, which displays your platform's Brand Logo in the upper left, four buttons to navigate among site pages in the middle, and links to Search, Notifications, and User Dropdown Menu in the upper right.

The platform is fully responsive ****(check out our page on ****Launching the Mobile App ) so there are different views depending on the device, but all functionality is available on both desktop and mobile:

Desktop View

The desktop view presents the Top Nav, the Help button, Search, Notifications, and User Menu (with the user's total points) all in one line:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5a1cc0e4-00c7-4165-a8f1-80ac68c3af09/Untitled.png

Mobile View

The mobile menu is accessed by tapping the "Hamburger Menu", the three lines in the top left corner:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ffd6a6df-11f9-4d59-a358-58497d0fd3c1/CleanShot_2021-04-30_at_23.50.38.gif


Available in the Main Navigation Bar are these pages:

Dashboard

Take Action

Teams

Invite

Our Impact

On a desktop, users see the following links on the right-hand side of the Top Nav. On a mobile device, these pages are found in the Hamburger Menu in the top left.

Search

Donation History

Notifications

Volunteer History

User Profile

User Settings

Breadcrumb Secondary Navigation

Once users who are on the Take Action page click into a WeSpire Activity Card, they'll see a Secondary Navigation Bar called Breadcrumbs. Breadcrumb navigation shows a user their location within the app and how they got there. This is to serve as a visual guide to informs the user and guide them so they don't feel lost while browsing.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e7da3b50-9836-4384-aed3-6339b3a400c5/Untitled.png