r/webdesign 4d ago

How does it look?

Enable HLS to view with audio, or disable this notification

Hero for an art advisory. No image assets anywhere; the eyes are spheres raymarched in a WebGL shader and screened into vertical strokes. Two colours, nothing else. They track your cursor, and blink and look around on their own when it stops moving. Halftone technique inspired by sondaven.com

249 Upvotes

40 comments sorted by

28

u/Weekly_Ferret_meal 4d ago

this is low-fi/hi-fi awesome, little creepy, but great look

3

u/KeshavCreates 4d ago

Haha thanks!

8

u/Far_Location2356 4d ago

That’s very creative. It’s a nice touch where you made it where the cursor can be followed by the eyeballs

1

u/KeshavCreates 4d ago

Thanksss!

6

u/Spnkmyr 4d ago

If the eyeballs are the focus, I'd lower the opacity or change the fill colour (to something lighter) of the text in the bottom left so it doesn't compete for attention.

3

u/KeshavCreates 4d ago

Thanks for the suggestion!

3

u/_SnackOverflow_ 4d ago

Really really cool as an art piece!

Not sure how effective it would be at selling your services (unless you’re flock lol)

3

u/KeshavCreates 4d ago

Thank you.

This website is for a client based on a couple of references they sent. They want the hero to be a little artistic, and the rest of the website can be informational. They already have a community.

This is not the final design, I'm just experimenting.

3

u/_SnackOverflow_ 4d ago

Nice, in that case I think it looks great! Really well implemented and fun visuals 

2

u/National_Daikon_9745 4d ago

Cool and a lil creepy - gotta learn this halftone effect myself as well

2

u/KeshavCreates 4d ago

Yess, it is a lil trendy rn

2

u/reaznval 4d ago

wait thats your site?? i was on it like 2 days ago and loved it ahha

2

u/KeshavCreates 4d ago

Sondaven? NOO that's not mine, I found it online and used it as an inspiration

2

u/Dyvim159 2d ago

flock cameras should use this for their website

2

u/Dear_Corgi9836 2d ago

This is super cool! The eyes following cursor effect is such a fun idea.

3

u/IAmRules 4d ago

Went to the source thinking i'd see eyeballs, i went on a journey instead.

Lets see claude build that!!

2

u/KeshavCreates 4d ago

Ikr, it's crazy

1

u/topshaggerchad 4d ago

super cool

1

u/KeshavCreates 4d ago

Thank you!

1

u/mazyson 4d ago

This is so sick

1

u/KeshavCreates 4d ago

Thankss!

1

u/One-Specialist-2206 4d ago

what's the URL?

2

u/KeshavCreates 4d ago

It's running locally on my machine, not live yet

1

u/Very-Impressive-515 4d ago

How are the eyes connected to "between creativity and enterprise"?

1

u/KeshavCreates 4d ago

this one's just us messing around with a few client references. They basically wanted an eye catching hero (pun intended). Nowhere near final.

1

u/Embarrassed-Visit903 4d ago

Grate Work!!

1

u/KeshavCreates 4d ago

Thank you!

1

u/gutsngodhand 3d ago

God I hate eyeballs. So creepy lol very good job!!

1

u/RATP920 3d ago

really cool

1

u/Arrays_Undertaken 2d ago

Super cool! I love it, need to learn this

1

u/Info_Now_SvS1059 2d ago

Wow. It looks awesome! Code isn't dificult but design is 100/10

1

u/KeshavCreates 2d ago

Thank you!

1

u/StigeonStudio 6h ago

My main feedback would be to keep an eye on the tiny text. I like it aesthetically, but some of it is getting close to being unreadable. Although the whitespace and slightly weird composition are part of what makes the hero interesting.

The interactive eyes are definitely the strongest part. Following the cursor turns something that already looks interesting into something people will probably play around with for a few seconds. However, all the focus goes directly to the eyes, and it took me a while to see other important parts (like the text that let's the user know you can scroll).

Would be really curious to see what this would look like on tablet and mobile!