p-society / p-society.github.io

Official site of p-society (OLD)
https://p-society.herokuapp.com/
MIT License
31 stars 26 forks source link

Website design too clunky. #77

Open sudoankit opened 5 years ago

sudoankit commented 5 years ago

I feel the website is too clunky. Let me outline some issues visually:

screen shot 2018-08-30 at 23 37 18

Random Line while scrolling.

Next up,

screen shot 2018-08-30 at 23 40 38

In a bit of detail, rather than a carousel kinda project display board, maybe scrolling to reveal would be smoother.

Continuing,

screen shot 2018-08-30 at 23 45 28

Carousel slideshow are pain in mobiles and consume performance, for some design looks at this or maybe this. You could use the code for those as they are open sourced.

Weird idea: You could also apply deep dream styles to member photos and use a tooltip animation to make it quite unique.

Achievements.

screen shot 2018-08-31 at 00 32 48

A nice slider with visuals will look better. Example:

screen shot 2018-08-31 at 01 12 17

Here's a prototype design I made in Illustrator, if someone can write CSS/HTML, great!

Finally footnote:

screen shot 2018-08-31 at 01 24 24

I think it'll look nice if we reduce clutter and maximize for performance with a clean, minimal look. —

I suppose the front page photo could be rather substituted by a photo from a session or background video of something programming society will do in the future. Else, an outline of IIIT BBS would look nice too.

More inspiration you can draw from:

palash25 commented 5 years ago

Thanks for this ☺

I guess we should solve this in parts as sub issues. We can get started with the footer and then focus on the rest of the issues.

palash25 commented 5 years ago

@p-society/2021-batch who would like to get started on the footer redesign?