bytemakers / Noteslify

Your Privacy Friendly, Open Source. Alternative to EverNote.
GNU General Public License v3.0
131 stars 81 forks source link

🐛 [BUG] - The Flow of design from Header to Secondary Section looks Bland #162

Closed whizzbbig closed 1 year ago

whizzbbig commented 1 year ago

Description

if a user flow from header to secondary section. it will notice a blue rectangular form of wave which looks bland in terms of design and also looks confusing which has no meaning according to content of website to make it more friendly, engaging and make website design look more good

i came with a design which not only justify the feeling of friendliness but also animating. yes you got that right Screenshot 2565-10-17 at 8 38 16 AM

https://user-images.githubusercontent.com/54703305/196081657-9fcb855e-f930-46bc-bb02-1fac10d6bbc9.mov

Reproduction URL

https://noteslify.stonecss.com/

Reproduction steps

1. Go to https://noteslify.stonecss.com/
2. See Flow of Header to Secondary Section
3. Scroll down to Secondary Section
4. In between of interaction you'll notice that bland rectangular bottom wave

Screenshots

![DESCRIPTION](LINK.png)

Logs

No response

Browsers

Chrome

OS

Mac

whizzbbig commented 1 year ago

Also the colors can be changed according to owner needs

devarshishimpi commented 1 year ago

We won't replace anything from the hero section. But the wave is to be replaced. I didn't really prefer this design. Could you send some 2-3 stock pictures of different designs in that section?

devarshishimpi commented 1 year ago

Or maybe some figma file?

whizzbbig commented 1 year ago

Or maybe some figma file?

https://www.figma.com/file/CbVAtfwHFWiRbYjSXnUq1h/Untitled?node-id=0%3A1 this is figma file can you refer me to the design term from which you have been influenced so i can create right moodboards and lead to the end result

devarshishimpi commented 1 year ago

@whizzbbig Okay, Could you make the same design but without the heart in the middle and few more such blur effects in the whole landing page?

whizzbbig commented 1 year ago

@whizzbbig Okay, Could you make the same design but without the heart in the middle and few more such blur effects in the whole landing page?

Consider it done

devarshishimpi commented 1 year ago

@whizzbbig Okay, Could you make the same design but without the heart in the middle and few more such blur effects in the whole landing page?

Consider it done

Great!!!

whizzbbig commented 1 year ago

Screenshot 2565-10-18 at 12 55 13 AM Decide 1 Screenshot 2565-10-18 at 12 53 30 AM

then i'll push a PR

devarshishimpi commented 1 year ago

@whizzbbig I mean the one you sent the first one. But the extra blur effects in the whole page like the about section and not all of them in the hero section

whizzbbig commented 1 year ago

@whizzbbig I mean the one you sent the first one. But the extra blur effects in the whole page like the about section and not all of them in the hero section

Ahh got it it should be more blur right ?

devarshishimpi commented 1 year ago

Like the circles even across the whole page, not just the hero section. You can design accordingly what looks good to you.

whizzbbig commented 1 year ago

Like the circles even across the whole page, not just the hero section. You can design accordingly what looks good to you.

Okay I see I'll PR it asap

satrianytmaa commented 1 year ago

Hello, could I contribute to this issue and repository? I have some background in UI Design and understanding in Front-end development process.

devarshishimpi commented 1 year ago

Sure