search

ufosc / club-website

The official remodeling of The Open Source Club website
https://ufopensource.club
MIT License
9 stars 14 forks source link

Layout and Style Overhaul #72

Open swiftlee opened 5 years ago

swiftlee commented 5 years ago

The current styling/layout of the website is great for mobile, but I find a few things to be offsetting:

To solve this I suggest a few things:

  1. A darker theme, the white can strain the eyes when trying to read or sift through the information presented.

  2. A completely new layout bringing more when landing on the home page. Currently there is some excess information that does not help people find more about how to get involved. Use some examples from other clubs or other online resources.

  3. More description about projects and how to get started on those rather than business-y keywords. (a.k.a. replace the 3 cards on the front with something more descriptive)

  4. An additional component for simple event login so people can be recognized for attending (no email/password required).

  5. Adding a bit more artwork and movement to the site either using CSS animations and/or images (isometric images are cool).

Here is a quick model for an informational component, just example text: https://image.prntscr.com/image/gXk1oKy6T1epIhfOMtWzIw.png

rennemannd commented 5 years ago

This is currently being worked on in the feature/restyle branch although there are no concrete plans for the overall design theme. I recommend we close this branch and put this restyle on the back burner until more important functionality (such as sign in) is implemented. This is because this issue involves meeting in the OS discord to discuss the overall theme we will go with before work can start.

logandgsmith commented 5 years ago

I'm going to close #66 as renaming the CSS elements should be addressed in the overhaul. We can use the previous design elements for reference, but we might be able to make things cleaner by starting fresh.