Skip to content

New component Newsboard manager for Hubl

Context

Dashboard today is useless, less 1% of interviewed users are able to speak about it. Regarding that, we want to provide a real good Xperience to users and make that dashboard really nice. To do so we need want to propose an way to centralize informations and allow people to create content at that place.

Capture_d_écran_2021-02-19_à_19.02.02

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

What needs to be done?

https://invis.io/VEWRR0679ZA#/444702634_DASHBOARD

To do so, we need to build a new component able to manage all those things in one place.

top of the page has to gather the following:

At the top it needs to have basically 2 tabs. One tab my community X and at the end one tab all communities If User is in several communities it has to have several tabs. For Exemple one tab my community Y, one tab my community Zand so on. my community Y and my community Z will be the same as my community X.

Capture_d_écran_2021-02-19_à_20.11.16

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

my community X feed has to gather the following:

10. Post on feed when a new member of my community join my community X

  • Post on feed when a new member of my community join my community X

  • Notification on bell when a new member of my community join my community X

  • Post contains hour of the post

  • Post contains avatar and name of the member

  • Post contains @usename of the member

  • Post contains button send a message going to DM with the new member

  • Post contains a tag related to the action itself, in this case NEW MEMBER(Tag is automatically generated)

Capture_d_écran_2021-02-19_à_19.15.29

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

11. Post on feed when a new circle is created in my community X

  • Post on feed when a new circle is created in my community X

  • Notification on bell when a new circle is created in my my community X

  • Post contains hour of the post

  • Post contains Picto circle, name of the new circle, short description of the new circle

  • Post contains button Join going to description page of the new circle

  • Post contains a tag related to the action itself, in this case NEW CIRCLE(Tag is automatically generated)

Capture_d_écran_2021-02-19_à_20.36.18

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

12. Post on feed when a new event of my community is created in my community X

  • Post on feed when a new event of my community is created in my community X

  • Notification on bell when a new event is created in my community X

  • Post contains hour of the post

  • Post contains Picto event, name of the new event, short description of the new event

  • Post contains button Join going to description page of the new event

  • Post contains a tag related to the action itself, in this case NEW EVENT(Tag is automatically generated)

Capture_d_écran_2021-02-19_à_21.50.20

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

13. Post on feed when a new job offer is created in my community X

  • Post on feed when a new job offer of my community is created in my community X

  • Notification on bell when a new job offer is created in my community X

  • Post contains hour of the post

  • Post contains Picto job offer, name of the job offer, short description of the job offer 4 sentences / Max 350 Characters

  • Post contains button SEE OFFER going to Job offer page

  • Post contains a tag related to the action itself, in this case JOB OFFER(Tag is automatically generated)

Capture_d_écran_2021-02-19_à_21.47.43

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

14. Create an announcement within the newsfeed of my community X

  • Post on feed when I create an announcement in my community X

Capture_d_écran_2021-02-21_à_21.21.42

  • To do this we can use the component for the Job offers

Capture_d_écran_2021-02-21_à_21.28.21

  • Think to create a data base for topics that could be used ( Announcement/ Tricks / Survey / Opinion / Help etc)

  • Notification on bell for members of my community when I create an announcement in my community X

  • Post contains hour of the post

  • Post contains avatar and name of the member

  • Post contains @usename of the member

  • short description of announcement 4 sentences / Max 350 Characters

  • Post contains button send a message going to DM with the member who posted

  • Post contains a tag related to the action itself, in this case ANNOUNCEMENT (Tag could be changed manually)

Capture_d_écran_2021-02-19_à_22.36.57

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

20. Post on feed when a new member not in my community join in all communities

  • Post on feed when a new member not in my community join in all communities

  • Notification on bell when a new member not in my community join in all communities

  • Post contains hour of the post

  • Post contains avatar and name of the member

  • Post contains @usename of the member

  • Post contains button send a message going to DM with the new member

  • Post contains a tag related to the action itself, in this case NEW MEMBER(Tag is automatically generated)

Capture_d_écran_2021-02-21_à_21.50.37

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

21. Post on feed when a new circle is created by a member not in my community to all communities

  • Post on feed when a new circle is created in all communities

  • Notification on bell when a new circle is created by a member not in my community to all communities

  • Post contains hour of the post

  • Post contains Picto circle, name of the new circle, short description of the new circle

  • Post contains button Join going to description page of the new circle

  • Post contains a tag related to the action itself, in this case NEW CIRCLE(Tag is automatically generated)

Capture_d_écran_2021-02-21_à_21.51.43

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

22. Post on feed when a new event is created by a member not in my community in all communities

  • Post on feed when a new event is created by a member not in my community in all communities

  • Notification on bell when a new event is created in all communities

  • Post contains hour of the post

  • Post contains Picto event, name of the new event, short description of the new event

  • Post contains button Join going to description page of the new event

  • Post contains a tag related to the action itself, in this case NEW EVENT(Tag is automatically generated)

Capture_d_écran_2021-02-21_à_22.03.14

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

23. Post on feed when a new job offer is created by a member not in my community in all communities

  • Post on feed when a new job offer by a member not in my community is created in all communities

  • Notification on bell when a new job offer is created by a member not in my community is created in all communities

  • Post contains hour of the post

  • Post contains Picto job offer, name of the job offer, short description of the job offer 4 sentences / Max 350 Characters

  • Post contains button SEE OFFER going to Job offer page

  • Post contains a tag related to the action itself, in this case JOB OFFER(Tag is automatically generated)

Capture_d_écran_2021-02-19_à_21.47.43

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

24. Create an announcement within the newsfeed of all communities

  • Post on feed when I create an announcement in all communities

Capture_d_écran_2021-02-21_à_22.12.37

  • To do this we can use the component for the Job offers

Capture_d_écran_2021-02-21_à_21.28.21

  • Think to create a data base for topics that could be used ( Announcement/ Tricks / Survey / Opinion / Help etc)

  • Notification on bell for members of my community when I create an announcement in my community X

  • Post contains hour of the post

  • Post contains avatar and name of the member

  • Post contains @usename of the member

  • short description of announcement 4 sentences / Max 350 Characters

  • Post contains button send a message going to DM with the member who posted

  • Post contains a tag related to the action itself, in this case ANNOUNCEMENT (Tag could be changed manually)

Capture_d_écran_2021-02-19_à_22.36.57

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

30. Post on feed all communities when a new community arriving on Hubl to all communities

Capture_d_écran_2021-02-21_à_22.25.32

  • Post on feed all communities when a new community arriving on Hubl to all communities

  • Notification on bell when a new community arriving on Hubl to all communities

  • Post contains hour of the post

  • Post contains Picto community, name of the community, short description of the community 4 sentences / Max 350 Characters

  • Post contains button SEE community going to the community page

  • Post contains a tag related to the action itself, in this case COMMUNITY(Tag is automatically generated)

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

41. Link Job offer to a community (to be completed)

  • On server side we need to link Job offers to the community

  • [ ]

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

42. Link Circle to a community (to be completed)

  • On server side we need to link circles to the community

  • [ ]

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

43. Pagination for feed pages

  • Make pagination after 50 POSTS at bottom of the pages

  • When I strike pagination buttons from page 1 to page 2 I want to arrive on the top of page 2 and so on

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

60. Block Dashboard Logo + Welcome

  • 1st block Dashboard contains Logo of my community X (must change if I go to the tab community Y `community Z etc)

  • 1st block Dashboard contains this message: Welcome on plateform Hubl, firstname ! Here you are connected via community X

  • 1st block Dashboard contains number of users in my community X(must change if I go to the tab community Y `community Z etc)

  • First block Dashboard contains button find membersgoing to the profil directory

Capture_d_écran_2021-02-21_à_22.49.29

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

61. Block Dashboard Head of communities

  • 2nd block Dashboard contains Photo of "Head" of my community X(must change if I go to the tab community Y `community Z etc)

  • 2nd block Dashboard contains Photo of Amandine of my community X (must change if I go to the tab community Y `community Z etc)

  • 2nd block Dashboard contains this message: Happy to see you here I m Amandine you can contact me whenever you need, I'll be happy to make a turn with you to show you the new home. (must change if I go to the tab community Y `community Z etc)

  • 2nd block Dashboard contains Button going Amandine DM page of my community X (must change if I go to the tab community Y `community Z etc)

Capture_d_écran_2021-02-21_à_23.13.56

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

62. Block Dashboard Head of support team

  • 3rd block Dashboard contains photo of "support team member" of the platform Hubl

  • 3rd block Dashboard contains this message: Help, I ‘m support team member I’ll be your contact for platform Hubl If there anything I can do for you ? Just ring me up !

  • 3rd block Dashboard contains Button going to support team member Phone number of the platform Hubl

  • 3rd block Dashboard contains Button going to support team member DM page of the platform Hubl

Capture_d_écran_2021-02-21_à_23.24.46

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

63. Block Dashboard Directory of communities

  • 4th block Dashboard contains photo of user profil

  • 4th block Dashboard contains logo of my community X (must change if I go to the tab community Y `community Z etc)

  • 4th block Dashboard contains pictos or designs

  • 4th block Dashboard contains this message: Much more to explore here than my community X. THIS APPLICATION IS INTEROPERABLE. This means that from this same interface, you can interact with several collectives and ecosystems. (must change if I go to the tab community Y `community Z etc)

  • 4th block Dashboard contains button going to Directory of communities of the platform Hubl

Capture_d_écran_2021-02-21_à_23.59.44

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

64. Block Dashboard review the onboarding slides

  • 4th block Dashboard contains picto onboarding

  • 4th block Dashboard contains this message: Review plateform Hubl démo . Do you feel lost ? You can review the plateform Hubl in 3 slides.

  • 4th block Dashboard contains button going to review the 3 slides onboarding from the very beginning

Capture_d_écran_2021-02-22_à_00.07.06

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

65. Block Dashboard invite communities and share

  • 5th block Dashboard contains picto invite people

  • 5th block Dashboard contains this message: Invite other communities to the platform hubl

So, how cool is platform hubl ?! Do you know an organization that the tool may be of interest? Let us know!

  • 5th block Dashboard contains button share to send user on mailto

Capture_d_écran_2021-02-22_à_00.14.42

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

Summury

10. Post on feed when a new member of my community join my community X

11. Post on feed when a new circle is created in my community X

12. Post on feed when a new event of my community is created in my community X

13. Post on feed when a new job offer is created in my community X

14. Create an announcement within the newsfeed of my community X

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

20. Post on feed when a new member not in my community join in all communities

21. Post on feed when a new circle is created by a member not in my community to all communities

22. Post on feed when a new event is created by a member not in my community in all communities

23. Post on feed when a new job offer is created by a member not in my community in all communities

24. Create an announcement within the newsfeed of all communities

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

30. Post on feed all communities when a new community arriving on Hubl to all communities

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

41. Link Job offer to a community

42. Link Circle to a community

43. Pagination for feed pages

°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°

60. Block Dashboard Logo + Welcome

61. Block Dashboard Head of communities

62. Block Dashboard Head of support team

63. Block Dashboard Directory of communities

64. Block Dashboard review the onboarding slides

65. Block Dashboard invite communities and share

Previous issues that might be linked:

New Dashboard and Onboarding #155

Old accounting Protocol

Edited by Cyril Thiriet
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information