Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Polish v2 frontend design #216

Open
evtyz opened this issue Aug 14, 2021 · 0 comments · May be fixed by #219
Open

Polish v2 frontend design #216

evtyz opened this issue Aug 14, 2021 · 0 comments · May be fixed by #219
Labels
frontend Tasks relating to frontend

Comments

@evtyz
Copy link
Member

evtyz commented Aug 14, 2021

https://www.figma.com/file/AIeklk8qTC6t4rI71QtioP/Waterpark-(Wiki)-Designs?node-id=46%3A53

Address design review from @CarolinaLi

  1. Switch from full black text to a dark grey, it’ll be easier on the eyes (#222222)
  2. UW logo looks squished, also what picture will we eventually have here? Does housing have logos? Are we thinking something like this? ->
  3. Ideally everything on the page should have the same width — I think we should make the comments & top section narrower, and increase Gallery width to match that
  4. We should try to limit the number of text styles, maybe “200-300 students” and “What are your thoughts on...” could have the same style? And all buttons (add review, top nav) could also have the same styling
  5. Does “200-300 students” mean the number of students living here? Where do we get this info? Was this originally from club size / should we still keep this?
  6. Thoughts on removing capitalization on the year and “student”? We might want to do sentence case everywhere, like on buttons as well
  7. Something like “4h ago” also feels a bit more natural than “today at 3:11 PM”
  8. Would love to do rounded corners on all images, I think our icons already do this
  9. For indicating the current image, having something like an underline (in brand colours) rather than an outline would make it look sleeker.
  10. Nice to have: Made a different review card design to use space more efficiently. Thoughts on asking students to enter a brief comment title/summary that we can use as a card title? Would make the review card look nicer

https://www.figma.com/file/AIeklk8qTC6t4rI71QtioP/Waterpark-(Wiki)-Designs?node-id=101%3A26

  1. Change rating to bars. Thoughts on using colours? Could help with at-a-glance glancing but less accessible
  2. Move “sort by” into the bubble, add some padding to the right so the dropdown arrow isn’t right next to the edge
  3. We should decide on either title case or sentence case everywhere, leaning towards sentence
  4. “reviews” could have its own button style — could link directly to the reviews section. Should have a reaction on hover, like changing the colour to this (#4623A0)
@evtyz evtyz added the frontend Tasks relating to frontend label Aug 14, 2021
@evtyz evtyz linked a pull request Aug 23, 2021 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Tasks relating to frontend
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant