publiclab/infragram

Designing a whole new user interface for Infragram UI proposal Outreachy'22

SHIVANGISINGH1 opened this issue · 2 comments

SHIVANGISINGH1 commented

I wish to re-design the UI for Infragram. I went through the current UI and had some suggestions on how to improve and add some more features to it.

  1. There is no proper navigation bar on the current site. I added a section for Home (the main page), About, Learn (this will include tutorials on how to get started and more), and a section for QnA.

main screen

  1. The section for uploading image :

upload img

In this section I have added a remove image button at the end, for the user to remove the current image uploaded.
Made some design changes in it and still working on making it more responsive.

  1. I have changed the QnA section, added each question within a box.

qna

  1. For now I have added a simple footer at the end

footer

This is the 1st design I have created for this UI and I am still working on different components. I would love to get some suggestions.

I will work to make changes to it and will soon design the mobile view too.

Thank you

welcome commented

Thanks for opening your first issue here! Please follow the issue template to help us help you 👍🎉😄
If you have screenshots to share demonstrating the issue, that's really helpful! 📸 You can make a gif too!

SHIVANGISINGH1 commented

Hi @TildaDares, could you kindly have a look at my proposal and share your feedback. 😊😊