UI redesign: Frontpage / Marketing

[maxvisser]

Description

In a discussion we came upon the conclusion the frontpage also needs a design.

• [x] jumbotron with image and call to action
• [x] block for reason to start / statistics: (make statistics modular, we dont have all statistics yet:)
  • how many playinggrounds are smokefree
  • percentage of all playingrounds
  • Showing grant total of volunteers
  • money raised for playgrounds
  • signatures https://github.com/local-motion/product/issues/270
• [x] About us block

• [x] Block: Map

• [x] Footer block

Wireframe

wireframe is a really raw sketch

Move this block also to home

Inspiration

https://www.buurtaed.nl https://www.rookvrijegeneratie.nl

[sashooa]

https://www.dropbox.com/s/mdv7ps4w6eo7wh2/Frontpage.png?dl=0 https://www.dropbox.com/s/v5qcs3posoq36rs/Frontpage.tif?dl=0

[maxvisser]

Hi @sashooa could you also look at mobile?

[maxvisser]

text:

Hoe maak je een speeltuin rookvrij?

Je wilt je inzetten voor een rookvrije speeltuin, dat is een geweldige eerste stap! Hoe meer mensen jouw speeltuin rookvrij willen hebben, hoe groter de kans dat het bestuur van deze speeltuin hiermee aan de slag gaat. In 3 fases kun je ervoor zorgen dat jouw speeltuin rookvrij wordt. Maak een actiepagina aan en ga direct aan de slag.

Voorbereiden Zorg voor een goede voorbereiding. Hoe meer mensen de speeltuin rookvrij willen hebben, hoe beter. Een belangrijke stap om het onderwerp op de agenda van het bestuur te krijgen.

Invoeren De speeltuin wordt rookvrij! Ga samen met het bestuur aan de slag om iedereen over de nieuwe rookvrije afspraak te informeren.

Onderhouden Wat gebeurt er als mensen toch roken in de speeltuin? Bepaal samen hoe bezoekers zich aan de rookvrije afspraak kunnen houden.

Start een actie!

Tasks

• [x] replace texts
• [x] checkmark does not need to be implemented.