To focus on the directory experience, data unrelated to this case study has been grayed out.
After members sign up and enroll with Grouper, they are directed to the Dashboard, where all their onboarding information is displayed. One of the business goals was to seamlessly direct members to the directory where they could begin exploring various activity types. Therefore the “Explore Activities” button takes the member to the directory.
The MVP Directory Landing Page features a column for filters alongside a list of groups. The activity-type filters were selected based on early third-party research, which revealed that these activities are among the most popular choices for senior citizens.
The filters were organized into distinct sections to ensure that users could still easily navigate and understand how to use them when additional filters were added. This was one of the ways I designed for scalability.
Mid-fidelity on left, high fidelity on the right
After clicking a group card, the member is directed to the Group’s Detail Page, where they can view specific information about the group, including the group leader's contact details. If the member wishes to add the group to their list of interests, they click 'Add This Group.' A modal then appears, informing the member that the group will be saved under their Profile settings, along with suggestions for next steps.
The Profile Page was the central hub for members to manage their added groups, essentially serving as a bookmark for easy access. Alongside the group contact information, we displayed next-step suggestions, which varied based on the available details for each group. The one consistent step was the requirement to meet up in person, reinforcing the importance of face-to-face interaction.
Mid-fidelity on left, high fidelity on the right
Mid-fidelity on left, high fidelity on the right