# Epic OP-14268 - Making the product home page more relevant by integrating it with the My page widget

Project: OpenProject
Status: in specification
URL: https://community.openproject.org/work_packages/OP-14268

## Detailed specification

### Motivation and background information

### Acceptance criteria

### Out of scope

| Attribute | Value |
| --- | --- |
| Mockups |  |

## Planning

| Attribute | Value |
| --- | --- |
| Roadmap |  |
| Date |  |
| Votes |  |
| List |  |
| Target versions | Wish List |
| Sprint |  |
| Backlog bucket |  |
| Relevance |  |

## Subitems

| ID | Type | Subject | Status | Assignee | Target versions | Project | Priority | Spent time |
| --- | --- | --- | --- | --- | --- | --- | --- | --- |
| OP-14420 | Feature | Unselect projects from the project selector | closed |  | 14.3.0 | OpenProject | Medium |  |

## Bugs and other work packages

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Enterprise plan | Community (COM) |
| Labels |  |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Designer | Marc Alcobé |
| Developers | Deleted user |
| Requested by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| Work |  |

## Description

**As an** OpenProject user

**I want to** have a starting page for my work with OpenProject

**So that** I have all relevant information in one place.

### **Ideas to implement**

<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table" style="border:2px solid hsl(0, 0%, 90%);"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">IDEA</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">IMPLEMENTATION STEP</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">FEATURE</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">VERSION</p></th><th class="op-uc-table--cell op-uc-table--cell_head"><p class="op-uc-p">DESIGN</p></th></tr></thead><tbody><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Adding the ability to add widgets to the Home page by moving the widgets of My page to the content of the screen (removal of My Page).</p><ul class="op-uc-list"><li class="op-uc-list--item">Review the default widget configuration for first-time users</li></ul></td><td class="op-uc-table--cell" rowspan="5"><p class="op-uc-p">STEP 1 (Q2)</p></td><td class="op-uc-table--cell" rowspan="5"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" rowspan="5"><p class="op-uc-p"></p></td><td class="op-uc-table--cell" rowspan="5"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/file/V7ZqlFc1lLqt4hK0Kov9Wy/My-page-(Overview)?type=design&amp;node-id=655-35601&amp;mode=design">Figa mockups</a></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Add a bottom entry menu "Administration" for admins to the sidebar</p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Include a side-panel in the home page for external resources (can not be changed):</p><ol class="op-uc-list"><li class="op-uc-list--item">"Welcome text block" (defined in the adminstration)&nbsp;</li><li class="op-uc-list--item">Project news (user content from the projects)</li><li class="op-uc-list--item">Upcoming meetings (TBD if this would enter the MVP)</li><li class="op-uc-list--item">Useful and help links (help and other external resources)</li></ol></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Create a way to include announcements and new features as dismissible teasers in the content (as GitHub does with news).</p><ul class="op-uc-list"><li class="op-uc-list--item">For the MVP this will mean brining the current hard-coded bloclk of new release features informations closer technically to announcments.</li></ul></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">For anonymous users:</p><ul class="op-uc-list"><li class="op-uc-list--item">Only news from public projects</li><li class="op-uc-list--item">Default widget: Latet work packages from public projects</li></ul></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Improve the add widget modal with more info and illustrations</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/file/V7ZqlFc1lLqt4hK0Kov9Wy/My-page-(Overview)?type=design&amp;node-id=531-67828&amp;mode=design&amp;t=Rdn9QIpqD3FOJyeN-4">Figma mockup</a></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Create new widgets for the home page (Brainstorming needed to find relevant widgets to add)</p><ul class="op-uc-list"><li class="op-uc-list--item">Making the lists of new users a widget which can be removed</li></ul></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Improve how to manage (add, move, delete...) widgets in the content of the screen</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/file/V7ZqlFc1lLqt4hK0Kov9Wy/My-page-(Overview)?type=design&amp;node-id=530-64178&amp;mode=design&amp;t=Rdn9QIpqD3FOJyeN-4">Figma mockup</a></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Bring the activity stream to the Home page</p><ul class="op-uc-list"><li class="op-uc-list--item">Redesign the UI and improve the UX of how activity currently works (including the aggregation method)</li><li class="op-uc-list--item">Possibility to filter by All activity, My activity, Activity in favourite projects</li><li class="op-uc-list--item">Decide if the activity stream is a fixed element in the side panel or an optional widget in the content</li><li class="op-uc-list--item">Analyse how to show relevant notifications in the activity stream</li></ul></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/file/V7ZqlFc1lLqt4hK0Kov9Wy/My-page-(Overview)?type=design&amp;node-id=528-55420&amp;mode=design&amp;t=Rdn9QIpqD3FOJyeN-4">Figma mockup</a></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Create templates of widgets to the user to quick add in the home page content</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"><a class="op-uc-link" href="https://www.figma.com/file/V7ZqlFc1lLqt4hK0Kov9Wy/My-page-(Overview)?type=design&amp;node-id=530-66481&amp;mode=design&amp;t=Rdn9QIpqD3FOJyeN-4">Figma mockup</a></p></td></tr><tr class="op-uc-table--row"><td class="op-uc-table--cell"><p class="op-uc-p">Primarise and use hotwire for the widgets</p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td><td class="op-uc-table--cell"><p class="op-uc-p"></p></td></tr></tbody></table></figure>

### Out of scope

  - Analyse and redesign overview pages inside projects with the base of the work done for the home page.
  - Merge all possible announcements (feature releases, announcements, technical actions admins need to perform...). With this also improve announcements to be able to include markdown, images and also trigger notifications. This will be implemented in <mention class="mention" data-id="53067" data-type="work_package" data-text="###53067">###53067</mention>

### **Visuals**

<https://www.figma.com/file/V7ZqlFc1lLqt4hK0Kov9Wy/My-page-(Overview)?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=PpaSXIfya9FakYTU-1>
