ChetnaNSharma / Alumni-Connect

MIT License
19 stars 77 forks source link

-> One of the tabs of website- Share Anything #23

Open ChetnaNSharma opened 3 years ago

ChetnaNSharma commented 3 years ago

This has to be page very similar to news feed of instagram. The posts by people on this page may consist of blogs, images, write-ups of few lines, appeal, request or other things or information that they may like to share with rest of the gentry.

I need designs for this page.

ChetnaNSharma commented 3 years ago

Call for participants who are on board to build a page to remember for life!

SAHU-01 commented 3 years ago

I'd like to create designs for this ! And just let me know about the color pallet I should use.

yash982000 commented 3 years ago

image

This is some similar idea you can do. You can find the template here too:- https://codepen.io/TurkAysenur/pen/RwWKYMO

Also, you need to do one thing below the search bar in the above image, you have to put review cards of customers/users who have given the review. Something like this:-https://youtu.be/O-QUBZuZlXM Let me know if you can do so that I can assign you.

SAHU-01 commented 3 years ago

Sure I can do that ,but I have a slightly different idea for the navbar I was thinking of something similar to this one

image

where initially the white one would show up on screen and when the user hovers near the logo then the dark themed extended nav bar would pop up

let me know if you like that idea !

yash982000 commented 3 years ago

Sure I can do that ,but I have a slightly different idea for the navbar I was thinking of something similar to this one

image

where initially the white one would show up on screen and when the user hovers near the logo then the dark themed extended nav bar would pop up

let me know if you like that idea !

Good try.

I can see that the white one here is the dashboard of Miro Board if I am not wrong.

So, about the pop-up thing if you see, the one I sent is very similar. It will only come out when one clicks that dashboard button like in windows. So, you can do this thing which is almost similar. Let me know what you can understand from this and want to do.

SAHU-01 commented 3 years ago

Nope that's not miro's dashboard , that's bimsync's workstation dashboard !

And the link which you provided had "ultranet " written and on clicking the hamburger menu it lead us to the extended navbar, so , I guess your one looks more visually attractive, we should take that up.

So should I submit a wireframe first or a prototype of the design and please let me know if you have any particular color preferences.

SAHU-01 commented 3 years ago

/cc @ChetnaNSharma

What do think about this theme, would these colors fit into the website theme ?

image

or a dark background like this

image

ChetnaNSharma commented 3 years ago

/cc @ChetnaNSharma

What do think about this theme, would these colors fit into the website theme ?

image

or a dark background like this

image

Something similar to first image would look good, not the dark theme.

SAHU-01 commented 3 years ago

Ok got that !

SAHU-01 commented 3 years ago

here is what I've designed

let me know if you like the setup,alignment and colours used , then I'll make the entire mokup with figma and share the link here so that you can play and see all designs other than the main page as well along with transitions.

image

and please let me know what features should I add in the navbar ,that will open once someone clicks on the icon at the top left corner of the page.

/cc @ChetnaNSharma

yash982000 commented 3 years ago

here is what I've designed

let me know if you like the setup,alignment and colours used , then I'll make the entire mokup with figma and share the link here so that you can play and see all designs other than the main page as well along with transitions.

image

and please let me know what features should I add in the navbar ,that will open once someone clicks on the icon at the top left corner of the page.

/cc @ChetnaNSharma

This is somewhat very hazy and unclear. The one which I sent above, it will be great even if you implement that as it is. That is a structured design with tabs and navbar as well as feed in place. We would like to have design same as of that only.

SAHU-01 commented 3 years ago

ok

SAHU-01 commented 3 years ago

/cc @ChetnaNSharma @yash982000

here is what the mokup now looks like , I did it exactly the way you mentioned above image

could you please provide me what contents I should be adding in the menue toggle , and should I make additional page designs for each of those contents as well?

Once you send me the contents,i'll add it to the extended menue bar that will appear once you click on the logo,and please help me fix the logo as well in issue 15,

after that I'll share the figma link where you can see the entire page designs along with transitions.

yash982000 commented 3 years ago

/cc @ChetnaNSharma @yash982000

here is what the mokup now looks like , I did it exactly the way you mentioned above image

could you please provide me what contents I should be adding in the menue toggle , and should I make additional page designs for each of those contents as well?

Once you send me the contents,i'll add it to the extended menue bar that will appear once you click on the logo,and please help me fix the logo as well in issue 15,

after that I'll share the figma link where you can see the entire page designs along with transitions.

This is better.

Chetna might help you with the rest of the requirements :)

SAHU-01 commented 3 years ago

Ok I'll wait for Chetna's response !

yash982000 commented 3 years ago

Ok I'll wait for Chetna's response ! 👍

SAHU-01 commented 3 years ago

//cc @ChetnaNSharma and //cc @yash982000

here is the figma link to the finally decided design for this page :https://www.figma.com/file/by6aM9suMR7Zl2bMSKqkBr/Untitled?node-id=0%3A1

and this is how it looks like:

image

yash982000 commented 3 years ago

//cc @ChetnaNSharma and //cc @yash982000

here is the figma link to the finally decided design for this page :https://www.figma.com/file/by6aM9suMR7Zl2bMSKqkBr/Untitled?node-id=0%3A1

and this is how it looks like:

image

https://github.com/ChetnaNSharma/Alumni-Connect/pull/59#pullrequestreview-640148795