Home Page Redesign

[sharonyang16]

Overview

The goal of the home page redesign is to create a different home page view for different roles within FinishLine (i.e. Guests, Members, Heads/Leads, and Admins) to make it more useful for users by tailoring the home page to fit their responsibilities and needs.

Stakeholders

Product Stakeholder: @sharonyang16, @martin0he
Software Stakeholder: @caiodasilva2005, @walker-sean, @bderbs30
Reference Users: Sofia Varner, Catherine Kennedy, Zach Perry

User Story

1. As a guest on the home page of FinishLine, I want to learn more about NER/FinishLine and find general information on the organization, so that I can determine if I am interested in joining or supporting the organization. If I am set as a guest in FinishLine but I should be a member, I want to know how to get my role changed, so that I am able to participate in my team's activities utilizing FinishLine.
2. As a member, I want to see all the active work packages for the teams I'm in and the tasks I'm assigned, so that I can easily check the status of my team's activities and know what I have to work on.
3. As a head, I want to see any of my team's upcoming and behind tasks and work packages and unreviewed change requests, so that I can easily check the status of project management for the team I'm a head of.
4. As a lead, I want to see any of the upcoming and behind tasks and work packages and unreviewed change requests for the project(s) I'm leading, so that I can easily check the status of project management for the project(s) I'm leading.
5. As an admin, I want see any unreviewed change requests, overdue work packages, work pages that are in progress, and upcoming design reviews, so that I can check the status of project management overall. As an admin, I also want to be able to update the summary/description of NER/FinishLine and the list of featured projects on the guest view of the home page, so that the information on there is accurate and up to date and we are able to highlight our best current projects.

Success Metrics

There is a different home screen page depending on the current user's role within FinishLine, there's an admins tools for editing the summary and projects list on the guest home page, and users of all roles find the information on their home page more useful.

Rollout Plan

This redesign should be finished and ready for fall of 2024. These views should all be rolled out at once and we should expect and address any bugs related to this redesign as they come up.

Out of Scope

Anything that's not related to the home page of FinishLine.

Background / Context

The information on the current home page is not useful or relevant for most users of FinishLine. The current home page shows a bunch of links to resources that could be useful to some members of NER and a bunch of work packages across all teams.

There is also currently a bug on the production version of FinishLine where the home page is a little bit too wide and causes a horizontal scroll to appear; the new views should not have this issue.

Acceptance Criteria & Mock-ups

Guest View:

Admin Tools for Editing Guest View:

Member View:

We want certain users to be able to make announcements that appear in the General Announcements section through our Slack. It might be necessary to create a separate private channel for this as anyone is able to post in # general

A popover should appear and the card should be outlined in red when hovering over an overdue task.

The blocks should have some message if there's no unread announcements/no tasks.

Heads/Leads View:

Admin View:

Tickets

• [Admin Tools] - Edit General Description #2768
• [Admin Tools] - Edit Featured Projects #2769
• [Admin Tools] - Add Guest View Tab #2796
• [Home Page] - Create getLogo Endpoint #2831
• [Home Page] - Create setLogo Endpoint #2764
• [Home Page] - Create setFeaturedProjects Endpoint #2766
• [Home Page] - Create getFeaturedProjects Endpoint #2767
• [Home Page] - Create getUsersTasks Endpoint #2770
• [Home Page] - MyTasks Section #2771
• [Home Page] - Home Page Schema Changes  #2791
• [Home Page] - Guest Organization Info Component #2793
• [Home Page] - Create Member Encouragement #2794
• [Home Page] - Organization Logo #2795
• [Home Page] - Featured Projects Section #2797
• [Home Page] - Create getTeamProjects Util #2798
• [Home Page] - Team Work Packages Display  #2801
• [Home Page] - My Tasks Section #2802
• [Home Page] - Unreviewed Change Requests Section #2803
• [Home Page] - My Team’s Overdue Tasks Section #2805
• [Home Page] - Create getUpcomingWorkPackages Util #2806
• [Home Page] - Create getInProgressWorkPackages Util  #2807
• [Home Page] - Create getOverdueWorkPackages Util  #2808
• [Home Page] - Selection View #2809
• [Home Page] - Upcoming Design Reviews Section #2817
• [Home Page] - Add Overdue Days to Work Package Card #2820
• [Home Page] - Overdue Work Package Section #2821
• [Home Page] - Admin Notifications #2822
• [Home Page] - Receiving Slack Channel Announcements #2823
• [Home Page] - General Announcements Section #2824