search

comicrelief / giftaid-react

React frontend for Giftaid application
https://giftaid.comicrelief.com/
2 stars 1 forks source link

Design tidy-up for header #26

Closed LaBustaffa closed 6 years ago

LaBustaffa commented 6 years ago

Subtask of #1

LaBustaffa commented 6 years ago

Design tidied-up!

It should all be in line with expectations. The information on gift Aid has been aligned to the message we have on online donate, while the form reflects the latest decisions for form design.

The format of some links will be discussed tomorrow, but what is there now is the current option for other links on the site. (On hover the links turns red).

Gift Aid form - Desktop v2.pdf Gift Aid form - Smartphone.pdf

Also found here: https://comicrelief.box.com/s/77ctz04c0zd9lwhawwbvflkt4ixhygdi

LaBustaffa commented 6 years ago

If possible, could the copy in the phone field read 'In the format' rather than 'use the format'?

Heleen-cr commented 6 years ago

That is very much possible :P

LaBustaffa commented 6 years ago

😆

LaBustaffa commented 6 years ago

Design updated to match other forms on the site.

LaBustaffa commented 6 years ago

There is now also a prototype that displays behaviour of the error message (triggered by not clicking on the checkbox but entering the address)

https://eh4pcu.axshare.com/ga_landing.html

deniselashlley commented 6 years ago

@pradip3271 ready for testing: https://deploy-preview-38--giftaid-react.netlify.com/

Gift Aid form - Desktop v2.pdf Gift Aid form - Smartphone.pdf

LaBustaffa commented 6 years ago

Updated desktop design: image

Updated smartphone design (the only thing that changed is the bold on the title): image

pradip3271 commented 6 years ago

Passed QA, ready for release.

LaBustaffa commented 6 years ago

Design check: ok :)