neontribe / ca-seap Goto Github PK

View Code? Open in Web Editor NEW

0.0 0.0 0.0 5.18 MB

License: MIT License

Shell 3.17% Elm 70.73% HTML 5.36% JavaScript 3.74% CSS 17.00%

ca-seap's People

Contributors

Watchers

ca-seap's Issues

Description

We need to add the stories we've collected to the site.

Copy can be found here: https://docs.google.com/spreadsheets/d/1aFDhogqKhC2AogDuwdOVTlOytb3NxbsYjOaka43ssbw/edit?usp=sharing

Plan

Get sign off from client on stories
Add stories to the final master spreadsheet
Add stories to site*

Acceptance Criteria

copy matches the spreadsheet
special char single or double quotes - e.g. double quotes within double quotes - are rendered ok on all browsers - carded in #33 for potential follow up

⚠️ *Fourth story will be added separately - #31

Testing Issues (SEAP)

Add any issues found &/or questions for SEAP during testing to this ticket.

Description

"The The Advocacy..." should be "The Advocacy..." in the footer.

Description

We need to add analytics to assess the usage of the site for the project

Plan

@roseb04 to agree with seAp how we are going to implement analytics
Add script to site
Add fresh index files

Acceptance Criteria

Google Analytics works when users accept the GA cookie
GA registers on page load
Site title relates to seAp

Agenda

Feedback on bitesize info
Feedback on name of site
Website design sign off
Stories update

Actions

Liz to get feedback from Paul on the site mock up
@roseb04 to speak to Katja about privacy policy

Notes

decided on the name 'NHS Complaints Matter'
keeping seAp name for site until January

VVV/E Add Privacy Policy to seAp site

Description

We need to add seAp's privacy policy

Link to the copy: https://docs.google.com/spreadsheets/d/1aFDhogqKhC2AogDuwdOVTlOytb3NxbsYjOaka43ssbw/edit?usp=sharing

Plan

Add copy

Acceptance Criteria

Copy matched the copy in the copy spreadsheet
Privacy policy is selectable from home page

Browser Testing - seAp

SUPPORTED BROWSER LIST
Devices: iPhone, iPad, Android Phone, and desktop
Browsers: Stock Android, Chrome, Safari, Edge, Firefox (latest stable release)

Android 4+ Phone - Chrome browser
Android 4+ Phone - Firefox Focus browser
ipad iOS7+ - Safari browser
iphone 5 iOS7+ - Safari browser - macbook simulator
iphone 6 iOS7+ - Safari browser - macbook simulator
iphone 7 iOS7+ - Safari browser - macbook simulator
Desktop - Chrome browser
Desktop - Firefox browser

VVV/E Add copy to 'Information to help you' for seAp

Description

We need to add the bite size information we have written based on the user research we have done to the site.

Link to the master copy: https://docs.google.com/spreadsheets/d/1aFDhogqKhC2AogDuwdOVTlOytb3NxbsYjOaka43ssbw/edit?usp=sharing

Plan

Add copy

Acceptance Criteria

Copy matched the copy in the copy spreadsheet
All information is selectable from the 'Information to help you' page
The order of the information is the same as in the Google Spreadsheet

VV/E Add triangle icons on home page and story end section buttons

Description

Consider implementing the triangle-like icons on home page and in the story-end section as indicated in the design spec available here

Plan

Check if this is really needed
If needed, use the css for the existing triangle icon (e.g. story card, link to read the story icon) and implement as needed

seAp - Address the special single/double quotes use

Description

In copy issues, sometimes text pasted from the spreadsheet uses a mixture of single and double quotes (also mix between plain and other types of quotes). These might not be rendered properly on all browsers.

Plan

test stories in a varied range of browsers
fix any issue that might occur

Bite Size Information

Description

From #1 we will have a better understanding of the fears and barriers people and the users we are targeting. The idea is that accompanying the stories will be bite size information relating to a small number of fears and barriers that are likely to be stopping people from taking the next step. The language is simple and honest, with a reassuring tone. We resist the temptation to provide all the information people might need. Our goal is to offer just enough to help people reach out to support services. Other websites have excellent longer content, including SeAp's own site.

Plan

Prioritise bite size information based on insights from the discovery
Write copy for prioritised bite size information based on insights from the discovery
Review copy

Acceptance Criteria

Copy for the bite size information matches the copy in this document:

Catch up call - 8th October

Attendees: @roseb04, @HedgehogHolly and Liz

Agenda

Feedback on stories
Copy update, what next
Website design next steps
Proposed time for sprint

Actions

@roseb04 to send over copy when ready
@HedgehogHolly to send over designs when ready and chase Paul if needed

Notes

Okay to go ahead with October sprint

Update README & deploy setup

Description

Current Readme file seems to be a copy-paste version of the one for the core CA repo - see here. Rather, the Readme should be similar to the one for the CA Hospice Hope - see here.

Plan

Revise Readme sections
Update - add or remove content - as necessary
Add Travis deploy to gh-pages

Acceptance Criteria

The readme information applies to this instance of CA
Every push to the repo triggers a build and tests on travis
Every tag triggers a deploy to gh-pages
The gh-pages instance has a no follow robots.txt

Add a build script and get a vanilla install working

Description

Add all of the files necessary to build an instance of contemplating action.

Plan

Add build.sh
Run build.sh
Remove any missing font imports from CSS files
Verify the site runs with yarn dev and visiting localhost:3000

Acceptance criteria

Repo contains a build.sh file
Running bash build.sh gets some files from the github.com/neontribe/contemplating-action project
site runs in dev mode when running yarn dev
site runs on localhost:3000 when yarn dev works successfully

VVV/E Add fourth story copy seAp

Description

Follow up on this #23 <- contains addition of first 3 stories.

We need to add the 4th story we've collected to the site.

Copy can be found here

Plan

Add 4th story to site

Acceptance Criteria

copy matches the spreadsheet
https://docs.google.com/spreadsheets/d/1aFDhogqKhC2AogDuwdOVTlOytb3NxbsYjOaka43ssbw/edit?ts=5df9f686#gid=1549274551
four stories are visible on the site

Hosting and domain name

Description

We will be handing over to seAp's IT team. They will host and put the site on a subdomain of their new domain

Plan

Discuss how to handover to seAp's IT team
update Readme, production URL

Discovery workshop

Description

We need to do some discovery to find out the fears and barriers to reporting complaints about their care or treatment. We also need to understand our users and who we are targeting. This will inform the stories we source and bite-size information we provide.

Outline of the user research session

Below is the rough plan for the user research day:

Morning session talking to yourself, the health complaints team and anyone from health watch who would could attend. This should only take a couple of hours.
Afternoon session: talking to user interviews, prioritising service users who have complained in the past and your volunteer advocates. These will be individual interviews roughly an hour long, if we could book in 3-4 people that would be great.

Plan

Liz to arrange day and recruit for discovery day
Find out if there are any reports we can read before research sessions
Setup RealTime Board to write up and store raw notes
Conduct desk research to understand current complaint process - https://www.seap.org.uk/services/nhs-complaints-advocacy/about-the-nhs-complaints-procedure.html
Plan user research session with Kat
Conduct and write up research

Add seAp images

Description

Each story has 4 accompanying illustrations, which can be found here:
https://drive.google.com/drive/folders/1GlVSZgxl6drg9_o8tXP4g41TeLd1pgT4?usp=sharing

Plan

Get sign off from seAp on the final illustrations
Resize convert [filename] -resize 2500 story[n]-image[n].jpg
Compress with https://tinyjpg.com/
Add illustrations to the correct stories
Crop to square and add thumbnails for each story
Add alt text

Checklist for each story

Acceptance criteria

Stories have a thumbnail and 4 images
The images have alt text that matches the copy doc https://docs.google.com/spreadsheets/d/1aFDhogqKhC2AogDuwdOVTlOytb3NxbsYjOaka43ssbw/edit?disco=AAAAEBebCik&usp=gmail_thread&ts=5df9f686
There is a homepage banner image
The homepage banner image is correctly pathed in the meta info

Reset copy

Description

To make sure that no unintentional copy is included in the project, we can change all of the copy to be an easy-to-spot emoji.

Plan

Replace the content of all the keys in BrandCopy.elm with an appropriate emoji unicode string of your choice, eg "\u(2728)"

Acceptance Criteria

~~There is no text in the site, only emojis (this will need to be tested before the actual copy is added)~~
There are no ✨ emojis left in the text

VV/EE Create and apply icon font seAp

Description

Plan

Generate icon fonts similar to those for Haven and Hospice Hope but relevant for seAp using Icomoon
Add icons
Acknowledge source of icons with comments in icons stylesheet

Acceptance Criteria

icons exist and are used
@roseb04 to check icons chosen and approve their use
[dev] source(s) is/are acknowledged

Catch up call - 20th September

Attendees: @roseb04, @HedgehogHolly and Liz

Agenda

Confirm the geographical areas that we want to target (eg where SEAP has capacity)
Feedback from focus group. 1) Name? 2) Bite size information
Stories, have any advocates got in contact with us? If so, who have we reached?
Feedback on initial meeting with Aoife about marketing
Branding, @HedgehogHolly will be mocking up designs, who is the best person for her to talk to?
If we have people we can speak to can we book up meetings to talk to them? We shall send over a doodle poll

Actions

@roseb04 and @katquatermass to generate a system for collecting stories. Can send to Liz on Monday (23rd) for her to send out
@HedgehogHolly to chat to Paul about illustrations for the site. Does he know anyone? Does he think that the illustrators we have fit the brand? (Holly on this one we will need to put together a file of illustrators, including yourself. I would also suggest not using just one illustrator for the site.)
@roseb04 to start writing up content for bite size info now that we have top 6 questions.
@roseb04 to book in a new meeting for the 8th October at 2pm

VVV/E Add Supporter Page to seAp site

Description

We need to add the supporters page copy to the site

Link to the copy: https://docs.google.com/spreadsheets/d/1aFDhogqKhC2AogDuwdOVTlOytb3NxbsYjOaka43ssbw/edit?usp=sharing

Plan

@roseb04 to get sign off on copy
Add copy
Add correct text for FooterCopyrightLink section - see comment below

Acceptance Criteria

Copy matched the copy in the copy spreadsheet
Supporters is selectable from home page

VVV/EE Add colours and fonts for seAp

Description

We need some seAp branding on the site. Here is a link to the designs: https://drive.google.com/file/d/0ByiaMChTtEUWYkMwYnZqWllsVVBybVpyNEZRQ0d5RExaLXV3/view?usp=sharing

Plan

Get sign off from client on designs
Make sure it is accessible and inclusive. Do a sweep of the design
Implement colour palette as per Holly's design
Replace or remove any cases of the default font ' Poppins', and agree or replace a fallback to Arial

Acceptance Criteria

Design looks and feels similar to Holly's design (copy on design pdf can be ignored)
Text links are underlined
The fonts displayed are the correct brand fonts (Frutiger), Poppins is not present in any CSS

VVV/E Add copy for seAp home page

Description

Copy for home page needs to be added. Copy is here: https://docs.google.com/spreadsheets/d/1aFDhogqKhC2AogDuwdOVTlOytb3NxbsYjOaka43ssbw/edit?usp=sharing

Plan

Get sign off from client
Add copy from Google Doc

Acceptance Criteria

Copy matches Google Doc

Staging site to be ignored on Google

Description

We need to tell the robots to ignore the staging site

Plan

Step one to achieve this.
Step two to achieve this.

Branding the site for seAp

Description

We will need to brand the site so it is inline with the new seAp branding

Plan

@HedgehogHolly to meet with Paul about seAp's new brand design
@HedgehogHolly to mock up designs for Liz
Get design sign off
Implement changes

Acceptance criteria

design is implemented as closed as possible to the signed off version - available here
issue #13 is tested successfully
issue #24 is tested successfully
issue #29 is tested successfully

Catch Up Call - 12th December

Attendees: @roseb04 and Liz

Agenda

Decide on the stories
Finalise site look and feel
Sign off on illustrators

Actions

To amend imagined story to make clearer that the friend recommends seAp
@roseb04 to arrange call with Aoife and Sarah about social media for the site in the new year
@roseb04 and @katquatermass to pick final illustrator
Liz to get sign off from colleagues about imagined story
@roseb04 and @katquatermass to pick which story to drop

Notes

Signed off the designs
@katquatermass and @roseb04 agreed to use Steph as the last illustrator along with @HedgehogHolly

GitHub Boilerplate

We should add our standard GitHub issue and PR templates to make this repo easy to use. We can use the same gitignore file we have used before to make sure files we don't want here are not included.

Plan

Add Pull request and issue templates to a .github folder
Add a .gitignore file before we commit any files it excludes to the repo

Acceptance Criteria

When opening a new issue a menu with three options is given with appropriate templates
When opening a PR a template shows the issue it fixes and notifies the CA team
There is a gitignore file in the root of the project

Spelling, punctuation and grammar screening

Acceptance Criteria

Check punctuation is correct on the home page P1 & P2
Check the punctuation is correct in info3 and info5 content
Check no double "the" in "the The Advocacy"

Stories

Description

We will be looking for up to four stories. These stories will help people overcome those fears or barriers to making a complaint about their care or treatment. SeAp will source up to 4 stories, if possible the quotes to be verbatim. These can be in any format but best for them to follow the below structure and Neontribe will then write up the copy so it fits in with the site.

If possible to structure stories as follows:

"I was in this situation"
"I was scared/worried/concerned that if I did X, Y might happen - but it didn't"
"This is what actually happened"
"Because of this I felt this improvement/was able to do this/etc"

Plan

@katquatermass and @roseb04 to source 4 stories from seAp contacts
Neontribe to edit into the correct format
Liz to sign off on stories
Send over stories to illustrators to produce accompanying illustrations

Catch Up Call - 10th January

Attendees: @roseb04, Liz, Aoife and Sarah

Agenda

What are seAp's rebranding launch plans
Discuss our proposed plans for CA
What are the steps?
Font for site, where can we get a copy

Actions

Aoife to look into what is available with their non for profit Youtube and Google accounts
Aoife to see what interests they narrowed down by on Facebook
@roseb04 to arrange to meet with Aoife to plan social media campaigns end of Jan
Sarah to send over font zip file
@roseb04 to pull together copy and images/videos for adverts
Once staging site is up to share with Liz for final input

Notes

Currently they have a non for profit account with Youtube and Google ads that lets them have one free advert, not sure if they are able to pay on top of that
We want to target the specific areas they work in (Liz has sent these over)
They want to learn what social media works for them, ie is Facebook better than Youtube etc.
They want to know what areas people are clicking on the ads