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

Enhancing Footer for better interface and User Experience💻 #5381

Open
El-Houssein-bedoui opened this issue Apr 8, 2024 · 10 comments
Open
Assignees
Labels
frontend Issue with the web interface

Comments

@El-Houssein-bedoui
Copy link
Contributor

Idea incl level
Upon reviewing the current state of Hedy's website footer, I've noticed a lack of essential icons such as Discord, info, GitHub...
To address this issue, I propose designing playful and child-friendly icons that align with the atmosphere of hedy platform.

Additionally, I suggest reorganizing the footer to enhance clarity and user experience. The left part will feature external links, while the right part will contain sections for Newsletter and Information.

BEFORE:
image
AFTER (A mockup using Photoshop to demonstrate the proposed changes):
image

Feedback and suggestions for improvement are welcome(Colors suggestions , organization ...).
If the team agrees with these enhancements, I am prepared to submit a merge request to implement them promptly.
Thank you for considering this proposal.

@El-Houssein-bedoui El-Houssein-bedoui added the frontend Issue with the web interface label Apr 8, 2024
@Felienne
Copy link
Member

Felienne commented Apr 8, 2024

Thanks for the suggestions @El-Houssein-bedoui! I actually like this a lot! I can draw the little icons so they are "Hedy style". What do you think @Annelein/@gisellandrade?

@Annelein
Copy link
Collaborator

Annelein commented Apr 8, 2024

Thanks for the suggestions @El-Houssein-bedoui! I actually like this a lot! I can draw the little icons so they are "Hedy style". What do you think @Annelein/@gisellandrade?

I also like this a lot! Sounds good.

@El-Houssein-bedoui
Copy link
Contributor Author

El-Houssein-bedoui commented Apr 8, 2024

I stumbled upon some icons that appear to be "Hedy style". Take a look and let me know what you think. If you didn't like them, would you like to create and send some alternatives? Thank you !
discord1
email1
email2
github
info 1
newsletter1-icon1
newsletter2-icon
priacacy-term2
privcy-term1
sponsor1-icon
sponsor2-icon
teaching1-icon
translation-icon

@gisellandrade
Copy link
Collaborator

The only thing that I don't really like it is the violet/burgundy color, I think it doesn't match with Hedy style. Maybe using yellow or blue would make it look better, what do you all think? @Felienne @Annelein

@El-Houssein-bedoui
Copy link
Contributor Author

El-Houssein-bedoui commented Apr 8, 2024

Hey, this is the latest version with a fresh look! I've switched the color scheme to A blue tone and updated the icons to align perfectly with Hedy's signature style. What's your take on it? Additionally, could you please assign this task to me? Appreciate your feedback! @gisellandrade @Felienne @Annelein
Attached are two images for comparison: one with the original pink color and the other showcasing the new blue:
image
image

@Annelein
Copy link
Collaborator

Annelein commented Apr 9, 2024

Looks good to me!

@El-Houssein-bedoui
Copy link
Contributor Author

El-Houssein-bedoui commented Apr 9, 2024

@Annelein @Felienne the blue or the pink one ?

@Annelein
Copy link
Collaborator

Annelein commented Apr 9, 2024

Oh sorry, as Gisel suggested, the blue one!

@El-Houssein-bedoui
Copy link
Contributor Author

Okey i will try to make a pull request as soon as possible . thank you for your help.

@hasan-sh
Copy link
Collaborator

I love this idea @El-Houssein-bedoui. I think @Felienne meant to hand-crafted icons, that's the Hedy style probably?! Either way, perhaps the background and text colors should be the same as what we have in the same page:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Issue with the web interface
Projects
Status: In Progress
Development

No branches or pull requests

5 participants