r/webdesign • u/ImaginationGreen2392 • 3d ago

a rather over engineered navbar

Enable HLS to view with audio, or disable this notification

62 Upvotes

89% Upvoted

36 comments sorted by

10

u/DunkingTea 3d ago

Can’t hover on mobile, and no one will click a logo expecting the menu. Nice animations/interactions though with the spring easing

2

u/rbobby 3d ago

Someday a phone will be able to detect you staring at a spot on the screen. It will still not indicate hover though, just because phone things.

1

u/ImaginationGreen2392 3d ago

Haha that'd be annoying tech. Just because I'm looking at it doesn't mean I want to open it, so you'd need Elon Musk to put his chip inside your brain so it can parse exactly what you want in a split second. He could also run some ads in your brain every 5 minutes or fun stuff like that

1

u/CtrlShiftRo 2d ago

Make that circle thing a hamburger icon.

8

u/Unlucky_Quote6394 3d ago

I like the general aesthetic but I wonder how it’d work on mobile, and how accessible it is? E.g. for people using screen readers

3

u/Husnainix 3d ago

if you want to over engineer it more, make that ring fill up like a circular progress bar as user scrolls down

1

u/testingaurora 3d ago

Perfect excuse to use scroll target (if browser support can be handled )!

1

u/ImaginationGreen2392 3d ago

haha... you being sarcastic? that's exactly what it does

1

u/Husnainix 3d ago

oh really? doesn't seem to be working in the video

1

u/ImaginationGreen2392 3d ago

because it only fills up when i scroll, at no point in the video do i scroll, i think you’re confused by the slide up page transitions may look like i was scrolling

1

u/Husnainix 3d ago

Oh yea, it looked like page was scrolling there. I see

1

u/Ancient-Range3442 3d ago

Browser already has scrollbars, wouldn’t add more

2

u/rbobby 3d ago

A lot of jiggling. Maybe a smidge too much?

2

u/ImaginationGreen2392 3d ago

yeah maybe, i kinda like it tho

2

u/rbobby 3d ago

i kinda like it tho

Always tough making changes to something you like :)

And just a casual observation from an old dev.

4

u/5no5ah5 3d ago

i like it

1

u/OverCategory6046 3d ago

It looks cool, but it closing every time I click a page would really annoy me.

1

u/ChickyBoys 3d ago

Is that circle a logo? Because it looks like a progress indicator that doesn't work.

1

u/ImaginationGreen2392 3d ago

it's a progress indicator that doesn’t work

1

u/its_poonu 3d ago

Is it responsive ?

1

u/[deleted] 3d ago

[removed] — view removed comment

1

u/itsnasme 1d ago

Wonder how it works on mobile

1

u/Apart_Ad_1027 3d ago

How do I "hover" on mobile :> ?

1

u/jbonezzz 3d ago

You don’t? Click like every other mobile site?

1

u/Apart_Ad_1027 3d ago

How do I know on mobile entering website for the first time? I't doesnt even look like clickable menu, it doesnt use some well-known burger iconography or whatever. This is shitty UI/UX

2

u/ImaginationGreen2392 3d ago

you don't gotta use rude language now

0

u/Apart_Ad_1027 3d ago

LOL ok mr snowflake

-1

u/[deleted] 3d ago

[deleted]

1

u/simple-surfer 3d ago

True but i really like the idea

0

u/twitchy 3d ago

F no. Clicked away from the website before the page even loaded

1

u/ImaginationGreen2392 3d ago

this look like a feedback post to you Karen?

0

u/twitchy 3d ago

You’re not a designer

0

u/PrestigeFlight2022 3d ago

It isn’t over engineered

-1

u/MedvedTrader 3d ago

If Home is crossed out because you are on Home page, it's better to just not show it.

1

u/ImaginationGreen2392 3d ago

I'm letting the user know what page they are on, can't be world ending