search

creativecommons / cc-resource-archive

Collection of resources on Creative Commons (CC) tools and other open topics
https://resources.creativecommons.org/
MIT License
56 stars 122 forks source link

[Feature] UI refinement of the website #72

Closed tusharbansal22 closed 1 month ago

tusharbansal22 commented 1 year ago

Problem

The UI of the site is pretty outdated. Also, doesn't match with the new organisation colors of creative commons.

Description

The issue can be solved by modernising the site's ui and also incorporating orange color in the website.

Additional context

Here are some possible designs that can be implemented on the site Figma link

Design A

image

Design B

image

Implementation

Vansh-Baghel commented 1 year ago

@possumbilities Would like to have your thoughts here as well, Let me summarize the things which are to be improved for the website as my issue discussion has been moved here. These are the things which I feel must be added, improved and changed:

  1. Dark theme for the website : Reason is that its more comfortable for users' eyes and experience.
  2. Adding better cards as @tusharbansal22 mentioned.
  3. Creating dropdown navbar for the website, and replacing it with the bullet points seen at the top page of the website.
  4. To implement animations and pseudo effects for the cards : Like we could add fade in out effects which makes the website look incredible.
  5. To add Footer into the website : Where people could view various social links and a CopyRight message in the end.
  6. Improve content inside each card: Whenever user clicks a post, it gets directed to that post where we can download the video or watch it. This page UI also needs to be improved like changing the button style, removing unnecessary empty box, giving more distance between each boxes, etc things.
  7. Submit a resource shows some error like docs.google.com refused to connect.
  8. (Optional) To shift the code to React.js or Next.js so that it becomes easier to build the website. I personally have worked on both of it and knows the difference between pure html , css and js website vs what these frameworks offer. It wouldn't take much time as its just the starting stage of the website I feel. I would be happy to offer a helping hand in it if required.
possumbilities commented 1 year ago

This is a big Issue, might be good to have a larger discussion about it.

SamarthShukla17 commented 6 months ago

@possumbilities I would be interested in implementing this feature.