search

coding-cohort / Web-App-Repo

A repository for the pain monitor web app
4 stars 9 forks source link

Design updates for web-app #37

Open gsw-codes opened 4 years ago

gsw-codes commented 4 years ago

So the following changes need to be implemented so far:

  1. White line is appearing underneath the Hero image - this needs to be removed as per the designs
  2. Sign up page - Debbie header text is too small - please check designs - needs to be applied consistently across all pages size wise.
  3. Colour updates - please see new designs - these updates are to make sure it matches better with the Flutter app
  4. Check all text on buttons - buttons should start with an upper case character and lower case letters and be consistent size wise between the pages.
  5. Check text as per the designs - some are bold but are not bold in the design
  6. Logo size is inconsistent between screens - please ensure the header stays the same between each screens and matches the designs.
  7. Remove drop shadow from behind the buttons - borders should be in keeping with the designs.
  8. Depth of text boxes on large screen size - is this as per the design? some look very large
  9. Surname - some people have surnames as limited as just 2 letters so we need to accommodate for that in the form logic.
  10. Text sizing and spacing - is this as per the design - the sign up page the text is too close to the form fields and not the right size. This needs to be checked and adjusted across all screens.
  11. Do the elements jump as you move between screens? they need to stay consistently in the same place for good user experience.
  12. screen resizing - this looks odd on some of screens - it should be possible to view the same screens on mobile as well as a large desktop size. The design and experience needs to be consistent.
DonatellaC commented 4 years ago

I would like to work on this

gsw-codes commented 4 years ago

https://ejs.co/ We don't need to continue to have the pages as ejs files if it doesn't make sense to do so.

Regarding UI - The user signs up and then lands on the reporting page - from there they can click on a link to add their pain record or update their account, so they should navigate to those pages from there. There should also be a logout button as well.

VijayKumarKTG commented 4 years ago

I would also like to contribute to this issue @gemma2301