Creation of a fundraising campaign page

[katieshuster]

Is your feature / client request related to a problem? Please describe. We are soon to be launching a fundraising appeal A children's mental health crisis appeal and we need a webpage similar to the Song for life page

Describe the solution you'd like We would like a page using the 'song for life' page as a template but with a donation button embedded appeal code.txt

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Please contact @ihall78 next week for further information. We are hoping to launch this appeal in mid march, so it would be great if this could be prioritised.

Team - do not edit @thejoefriel @fadeomar @@Israa91

Update based on call between @ihall78 and @cyberteenie:

• New campaign page which takes the same format as Song for Life page

• URL slug should be: https://www.chilternmusictherapy.co.uk/music-for-mental-health

• Since the campaign will only be running approximately 3 months (March - May), they would like to feature it on the homepage (before the Training Events Section), perhaps in the form of a banner? This will need a design @jema28.

• The campaign will also be linked from the Support Us page (https://www.chilternmusictherapy.co.uk/support-us) in between the Intro and regular Ways to Support Us section. This will also need design @jema28

• In regards to the webpage itself:

  1. Banner image for the page to be added below by @ihall78 . Most likely will be children playing instruments.
  2. Intro section will require text (left in the screenshot), but card on righthand side should be replaced with a "Donate now" link to a Local Giving donation form that @katieshuster has set up specifically for this campaign. @ihall78 will share that link later this week. @jema28 this is another area that might require design.
  3. Song of life banner can be removed
  4. Case study section should remain. Copy will be edited to Chiltern Team and may include some video.
  5. They may like to also include 2 related news stories, although they do not exist yet.

CTM would like to get this campaign out this month if possible and would like to move as quickly as possible, ideally with the page at least partially done by next week (first week March).

[cyberteenie]

Thanks for this Katie. @ihall78 when would be a good time to meet next week? I have time Monday or Tuesday afternoon.

[ihall78]

Could you do 4pm or later on either Monday or Tuesday? Thanks

[cyberteenie]

@ihall78 4pm UK time on Tuesday works well! I have just sent through a calendar invite. Speak to you then!

[ihall78]

4pm on Tues sounds good. Can you please resend the calendar invite as I haven't received it? izzy@chilternmusictherapy.co.uk

[ihall78]

Sorry will be 5 minutes late.

On Fri, 24 Feb 2023 at 14:31, Kristina @.***> wrote:

@ihall78 https://github.com/ihall78 4pm UK time on Tuesday works well! I have just sent through a calendar invite. Speak to you then!

— Reply to this email directly, view it on GitHub https://github.com/yalla-coop/chiltern-website/issues/102#issuecomment-1443760779, or unsubscribe https://github.com/notifications/unsubscribe-auth/A3VYZSXUJSXXABMYOV43K6LWZDA4HANCNFSM6AAAAAAVFRT5S4 . You are receiving this because you were mentioned.Message ID: @.***>

-- Izzy Hall she/her Training Development Coordinator

T 01442 780541 <00441442780541> E @.*** W www.chilternmusictherapy.co.uk [image: Chiltern logo] Find us on [image: FB] https://www.facebook.com/ChilternMusicTherapy/ [image: TW] https://twitter.com/ChilternMusic [image: IG] https://www.instagram.com/chilternmusic/ [image: LN] https://www.linkedin.com/company/chilternmusictherapy At Chiltern we work flexibly so, while it suits me to email you now, I don't expect a response or action outside your own working hours. My working days are Monday - Thursday. Chiltern Music Therapy Community Interest Company No. 7702358 Registered address: Irfon House, Stones Courtyard, High Street, Chesham, Buckinghamshire, HP5 1DE This e-mail and any attachments are confidential and intended solely for the addressee. If you are not the addressee or have received this e-mail in error, please notify the sender immediately, delete it from your system and do not copy, disclose or otherwise act upon any part of this e-mail or its attachments.

[cyberteenie]

@ihall78 I have let the team know that this task is a priority for you. Can you double check the task as I have described it in the first comment box above? Let me know if there is anything that I have missed.

@jema28 is at capacity this week, but I am hoping that she will be able to meet with you next week to speak through the small bits that need to be designed.

In general page creation, I am hopeful that @fadeomar can get the overall template done for next week - then we will just need the copy, media resources (images / videos) and to include the newly designed bits that Jem will work on. It might take a bit longer to make the newly designed bits responsive, so I am unsure if this task can be completed fully next week, but let me check in with Jem to see when she can whip some designs up.

[ihall78]

Thanks @cyberteenie . The local giving link is: https://localgiving.org/appeal/childrensmentalhealth/

[katieshuster]

Hi all, looks like you've made great progress, just wanted to share the code for the local giving page that I think means we can embed the donate link on the page? https://github.com/yalla-coop/chiltern-website/files/10813356/appeal.code.txt @cyberteenie

[cyberteenie]

Thank you both! @ihall78 I just wanted to check in to see where we are at with all the copy?

On our side, we have been running at full capasity over the last week, but I have checked in again with the design team to see when we might be able to get this done.

I just wanted to flag that it might be more realistic to start the campaign in April. Do you think that would be possible? Do let me know!

[ihall78]

Thanks for the update. We can push back our launch date to the start of April if needed. Could we have the webpage ready for the beginning of the week before that if possible so that we can make any changes to it then? We'll start adding content and images on here shortly. Thanks

[ihall78]

https://drive.google.com/drive/folders/1vB5VrqRsOvSuzgdok6h_4ZOvCSN8GqDb?usp=sharing There are 3 images here that can be used. First choice would be for the one with the little girl with glasses as the image across the top of the landing page. The one with the teens in would be good further down the page. The final one is a spare in case we need another image. If there are any problems accessing the link just let me know. Thanks

[cyberteenie]

@ihall78 Great thank you!! Yes we can certainly work to have it done the week before.

[ihall78]

/Thanks.

There was one thing we wanted to amend slightly: Can we please add in the Song for Life banner (but with different wording) below the main body of text and case study so that we can use it as another 'donate' link. The new story can come below it.
Can you please change the Song for Life banner title from 'Get your Song for Life Card' to 'Support this appeal now' then leave some text in. The link will be called 'donate now' instead of 'create your card'. I hope that makes sense. If not, just ask!

Also, I have pasted in the content for the main text on the page below: Music for Mental Health: A children and young people’s mental health crisis appeal

Music therapy is a valuable and impactful intervention for all young people's mental health and wellbeing. Studies have shown that it can improve self-esteem, social engagement, and decrease social isolation, anxiety and depression symptoms.

At Chiltern Music Therapy, we have seen first-hand the powerful impact of music therapy on mental health. And the need for mental health support is higher than ever before, with waiting lists for NHS child and adolescent mental health services referrals often over a year. That's why we have launched Music for Mental Health: A Children and Young People’s Mental Health Crisis appeal. Our goal is to raise £50,000 to provide music therapy to those who need it most between the ages of 0 and 25.

Your support will enable us to continue providing valuable music therapy interventions to those who need it most and to expand our services within schools, hospitals, and the community. Your donation, no matter how small, will help provide subsidised services for young people who are not usually able to access our services. Join us in our mission to support children and young people's mental health. Please donate to our Music for Mental Health campaign today.

How your support will help _Bullets or graphic about what different amounts will fund

• To follow
• To follow
• To follow

[jema28]

Hi @katieshuster @ihall78,

Thanks for all this info/copy! Apologies for the delay in getting wireframes to you (have had a jam-packed few weeks) but I've scheduled time tomorrow to work on this.

Will get this to you by early Monday morning with the aim to get design signed off by Tuesday morning so there's enough time to complete dev before the campaign starts.

Thank you for your patience and will be in touch this weekend with some designs for your review.

cc @cyberteenie

[jema28]

Hi @ihall78 @katieshuster,

I've completed the designs for the fundraising campaign page. Here's a loom video showing the designs and the wireframe link.

I hope this is in line with what you were imagining. Happy to make any changes based on your feedback.

Look forward to your reply. Thanks!

Jem

[katieshuster]

Thanks @jema28, it looks good to me but I will let @ihall78 confirm. The only thing I noticed (and it may be something for development) but is it possible to use the code I sent above so that we can see the amount raised in a thermometer style on the top right card?

Thanks

Katie

[jema28]

Great to hear, thanks @katieshuster.

On the code above @fadeomar is this something you can just embed in webflow?

We may have to change the design a bit @katieshuster as I don't think there's enough space in that donate box to the right. Will wait for confirmation from @fadeomar on sizing though.

[jema28]

Hi @katieshuster,

Fadi and I looked into the code you gave us and it isn't editable (colour or typography) and we can't add it into the card above as it wouldn't look right.

Do you want to replace the donate now card with the code you've provided or leave as is (with the donate button going to the same link)? If we use the embed, we may have to put the embed under the text as the width/height aren't editable either.

Look forward to your reply on this. Thanks!

[jema28]

Hey @ihall78 @katieshuster,

Did you get the chance to have a look at the above? Would be great to sign off the design today so we have time to develop it before the end of the week.

Thanks both!

[katieshuster]

Hi @jema28 I think let's leave as is with the donate card - is there anyway we can make it stand out a bit more so it really grabs people when they go onto the page?

[jema28]

Hey @katieshuster,

Sure thing. I've added the stroke we used on the song for life card. Does that feel better?

Here's the wireframe link also so you can have a closer look.

[katieshuster]

Thanks @jema28 I thiink that does look better - could we maybe try the button in bright pink please?

[jema28]

Hi @katieshuster,

I've changed back to the brighter purple. We can't use the pink gradient as it becomes inaccessible but I think this draws the eye more. What do you think?

[katieshuster]

Yes I think that's better, thank you @jema28 - happy for this to go to development now

[jema28]

Hey @katieshuster, that's great, thank you

@fadeomar this is now ready for development. Please let me know if you need anything exported/tinified and I'll sort.

Also can you please update Katie when this is ready for review? Thanks!

cc @cyberteenie

[fadeomar]

hey @katieshuster this is done and it's ready you can start editing the content and for the related stories and news I had to add a new field (switch) for stories and news collection for selecting the news and stories that you want to appear on that page the same as Song for life page when it's ON cc @cyberteenie

[cyberteenie]

@katieshuster @ihall78 Feel free to test and let us know about any necessary changes!

[katieshuster]

Thanks @fadeomar is it possible to change the URL to https://www.chilternmusictherapy.co.uk/music-for-mental-health as discussed before please?

[cyberteenie]

@katieshuster - @fadeomar will make the change first thing next week!

[fadeomar]

hey @katieshuster I've updated the URL and it's ready now

[ihall78]

Thanks all, we'll start working on editing content etc. Just one thing I noticed when I opened the page on my laptop and screen rather than phone - the image of the little girl at the top doesn't spread across the whole screen (screenshot attached): Doc1.docx

[cyberteenie]

Thanks for letting us know @ihall78 - I will let @fadeomar know to have a look

[fadeomar]

hey @ihall78 can you add more information it's not clear to me what is wrong, and take into consideration that the Header is constant on all pages the image will cover the Header

[ihall78]

The image isn't filling the whole header on that fundraising page, unlike all the other pages on the site. It's fine on my mobile but not on my laptop. It looks like it's not wide enough.Does that make sense? If you look at the attached screenshot, you'll see the left hand third of the header is faded.

On Mon, 27 Mar 2023 at 11:53, Fadi Omar @.***> wrote:

hey @ihall78 https://github.com/ihall78 can you add more information it's not clear to me what is wrong, and take into consideration that the Header is constant on all pages the image will cover the Header

— Reply to this email directly, view it on GitHub https://github.com/yalla-coop/chiltern-website/issues/102#issuecomment-1484928755, or unsubscribe https://github.com/notifications/unsubscribe-auth/A3VYZSSJ2YFZYN7DXBXR2CDW6FWR7ANCNFSM6AAAAAAVFRT5S4 . You are receiving this because you were mentioned.Message ID: @.***>

[fadeomar]

hey @ihall78 I can see what you mean, but this was part of the design https://github.com/yalla-coop/chiltern-website/issues/102#issuecomment-1475336860

can you check the wireframe https://www.figma.com/file/th8nLWr4WZn9FMdurh5f0c/Chiltern-Music-Therapy---Website?node-id=2115-22126&t=pX2GacGAlWi4wKLW-0 and you can see the blur part it's in the design! do you like to be removed?

[cyberteenie]

@ihall78 - I just rewatched the video and Jem shows what it looks like without the blur. She found the background to be a bit distracting, but if you prefer, we can definitely remove it. Let us know! Thanks!

[cyberteenie]

@ihall78 - I just rewatched the video and Jem shows what it looks like without the blur. She found the background to be a bit distracting, but if you prefer, we can definitely remove it. Let us know! Thanks!

[ihall78]

Thanks for the clarification. I'm not sure the blur works. When I first looked it I thought it was an error.

[ihall78]

Thanks for the clarification. I'm not sure the blur works. When I first looked it I thought it was an error.

[yalla-coop-sla]

All good! I agree. Let's remove that blue Fadi. Thanks!

On Mon, Mar 27, 2023 at 2:55 PM 'ihall78' via Urgent SLA < @.***> wrote:

Thanks for the clarification. I'm not sure the blur works. When I first looked it I thought it was an error.

— Reply to this email directly, view it on GitHub https://github.com/yalla-coop/chiltern-website/issues/102#issuecomment-1485065534, or unsubscribe https://github.com/notifications/unsubscribe-auth/AXFLTJOEDLLGYZ44Z5KF6LDW6GE5LANCNFSM6AAAAAAVFRT5S4 . You are receiving this because you were assigned.Message ID: @.***>

-- You received this message because you are subscribed to the Google Groups "Urgent SLA" group. To unsubscribe from this group and stop receiving emails from it, send an email to @.*** To view this discussion on the web visit https://groups.google.com/a/yallacooperative.com/d/msgid/sla/yalla-coop/chiltern-website/issues/102/1485065534%40github.com https://groups.google.com/a/yallacooperative.com/d/msgid/sla/yalla-coop/chiltern-website/issues/102/1485065534%40github.com?utm_medium=email&utm_source=footer .

-- Kristina Jaggard Design and Project Management at Yalla Cooperative yallacooperative.com https://github.com/yalla-coop/internal/issues/yallacooperative.com (she / her / hers)

[fadeomar]

hey @ihall78 @yalla-coop-sla I've removed it

[cyberteenie]

@ihall78 @katieshuster - feel free to close this issue if you are happy with everything now!

[katieshuster]

Thanks all, happy to close!

[katieshuster]

Hey @fadeomar if we wanted to change this image on the Support us page, what size should it be?

[fadeomar]

hey @katieshuster the best size is 1100 * 700

[katieshuster]

thank you!