Roadmap to MVP: Marv and Andy Tasks

Andy:

  • All images the same dimensions as with Liberators bubble
  • Update wireframe
  • Separate text and image on heart logo
  • Add links to the forum and map in the header via Discourse
  • Remove some links from boxes on homepage so it doesn’t distract users too much
  • Re-order the boxes on the bottom
  • Improve About Page
  • Add target-top to login/sign up link
  • Remove ‘sign up’ button. I think ‘Login’ serves both purposes well enough.
  • Fix Our Team Page in wp-docuss
  • Update ‘Getting Started’ guides
  • Re-do setup with sidebar navigation section on Discourse. Hopefully nested category/subcategories are now supported (as UX sucks without it).
  • Finish adding all actvities to website
  • Reduce PHM notifications default to only those that directly interest user, as it pisses me off so much on new reddit
  • Add Hashtags to all How-To articles, so users will be promoting us when they post on other social media sites.
  • Make post in Reddit subs asking for new ideas for activities as a way to encourage people to check out our website
  • Change ‘categories’ to ‘forum’ sitewide
  • Create ‘Forum’ Header button where it currently says Gather
  • Headers, subheaders and CTA button text written
  • Set up autopost to other social media accounts from Reddit to grow channels and links to draw users back to this site
  • Add a CTA under all activity guides with a fixed url once we have a link for the forms so users don’t have to navigate back to the map and click on it themselved

Marvelous:

  • Add a hero banner slide component.
  • Redesign the slider.
  • Add content to slides explaining why users would want to use our site and where they can do those actions
  • Put a call to action button in the hero banner slider, so users have a big button to take them directly to that place
  • Put ‘Public Happiness’ text image after the banner slides.
  • Lock the heart globe in the background so its visable between elements as users scroll the page.
  • Improve/rebuild the homepage.
  • Add a coloured border to the headers for each section so it matches the boxes
  • Forms rebuilt (titles and text are all still there in i18n). We should make two versions this time as last time we forced two different functions into one form and it was a constant problem
  • Find a way to hide the burger menu on the homepage since it doesn’t work
  • CSS fixes on homepage to get it working well on all devices/screens
  • Question marks added again to filter titles in the map. This was working great and somehow got deleted, i think we can look for the old code together in Github history as hopefully it will work right away if we put it back. (lets do this one together and talk about it as we go). this looks like the code. Search for fa-question
  • Make a sitewide notifications system by setting users to 'follow' the tags created by Docuss when they post something on the map

Tasks identified for later

New Wireframe: PHM Homepage Update 2024.drawio - Google Drive

Images for PHM-logo-and-banners - Google Drive

Bubbles images:
https://drive.google.com/drive/folders/1goBT23zb8wv_41wwl6YDUh4D_tYLXZe1

Heart image without the PHM text:

Suggested Fonts

Header: Figtree SemiBold 600
Reasons: Bold, interesting, easy to read.

Sub-header and CTA: Crimson Text - Google Fonts
Reasons: Very easy to read quickly.

Neither are particularly exciting so these choices should be reviewed later.

Slide 1

Header: Random Acts of Kindness
Sub-Header: Create or join exciting public activities that spread kindness in your community. Meet positive people nearby and make fun, kind friends
CTA Button: Join/Create Kindness Gatherings

Slide 2

International Mass Kindness Days
Subheader: Join global celebrations of kindness! Be part of fun, inspiring internationally coordinated events near you designed to shape a friendlier, happier world.
CTA Button: “Join In”

Slide 3

Header:
Sub-Header:
CTA Button:

Slide 4

Header:
Sub-Header:
CTA Button:

Slide designs:

Desktop:

Mobile:

1 Like

@AndyatFocallocal , the CTA links are still not here; it’s a lot better and easier to have everything in one place.

  1. Join will be the map home
  2. International events will be the link lower down the page for international events
  3. Projects/Latest will be this page: Public Happiness - Local action for global change and Latest Public Happiness

I’ve spent some time improving the Header CTA and subheaders. Here’s the updated copy:

New version:

Slide 1:
A.
Random Acts of Kindness
Host or join fun, public kindness activities—and connect with amazing people while making your community a friendlier, happier place. Create unforgettable memories, make amazing new friends, and spread more kindness where you live.
CTA: “Find or Start a Kindness Activity”

B.
Spread Kindness in Your Community
Join or create fun, meaningful activities that bring people together and spread kindness where you live."
CTA: “Start Spreading Kindness Now!”

Slide 2:
International Mass Kindness Days
Join a global wave of kindness! Take part in fun, globally coordinated activities with thousands of positive people - spreading joy and making a friendlier, happier world for all. Be there… or wish you had been!
CTA: “I Want to Be There!”

Slide 3:
Build Kindness Projects with Your Skills
Collaborate globally with passionate, like-minded professionals to create impactful, kindness-driven, locally led projects that build a kindner world with more peace, well-being and happiness. Local Action for Global Change!",
CTA Button: : "Build a Kinder World

Slide 4:
Kindness that isn’t only feel-good - it’s proven
Our projects are powered by the latest research on happiness and well-being, to make sure we have a real impact, as well as having loads of fun!
CTA: “Explore the Science Behind Kindness”

I’ve create a new post for the forms task:

For Andy. Links on dark backgrounds need to be changed for readability


Suggestion for dividing the two forms up.

Gather button

  • Not logged in user: Login Page
  • Logged in user: Open create activity form

New button in floating footer menu

  • Clicking switches between the two states below
  • User has filled in current ‘add myself to the map’ part of forms (which will have a different name):
    • ‘available’: User is open to receiving invites to nearby activities from other users. (we may need to explain this somehow).
  • ‘currently unavailable’: User doesn’t receive invites.
  • these options should be customisable. for example how far away is you limit to receiving activity invites. Most users wont want a notification about something 200km away. I’m not currently sure how we would customise these.
  • User hasn’t completed the form: Button shows ‘I’m in!’ instead. Opens the ‘add yourself to the map’ form. Colour… blue i guess. matching the ocean.


Alternative B:

I think the ones below look better, but aren’t as clear to the user what they actually mean. On desktop we could deal with that with an ‘on-hover’ explaination, but on mobile we couldn’t explain in that way.

@Marvelxy which do you think is better?


Option C:


@Jurate if you still pop in from time to time, which do you like?