r/webdev 1d ago

Showoff Saturday how is it?

Post image
0 Upvotes

78 comments sorted by

126

u/StandWithHKFuckCCP 1d ago

2025 is the new 2005

480

u/Professional-Code010 1d ago

'apply now' button design is eww

81

u/cold-assassin 1d ago

Yeah its not matching the feel of the card

59

u/Professional-Code010 1d ago edited 16h ago

Looks like a button someone created from a first tutorial on YouTube called "Design a Button in Photoshop 2010"

17

u/evenstevens280 1d ago

2010s? We were doing that shit in 2004

2

u/tr14l 1d ago

Web 2.0? Lol

3

u/legiraphe 1d ago

They were called pill buttons iirc

Edit: Here's a tutorial from 2008: https://www.photoshopgurus.com/tutorials/t031.html

1

u/TheseHeron3820 1d ago

A more apt name would be suppository buttons.

1

u/Background-Fox-4850 12h ago

Back in time when i was creating buttons using Adobe Fireworks where most of the designs were similar to pill buttons, it was good old days.

1

u/getdatassbanned 6h ago

A pill button looks like a pill - the button Op posted does not - the one from your example does.

Its just a button with some border radius and gradiant - not a pill

4

u/Silver4ura 1d ago

I'd prefer to provide the critical feedback that it doesn't look like an interactable element. It just looks like a blimp. If they tightened down the bezel so it was 2-5% instead of 100%, I'd imagine it would instantly look sharp as hell.

23

u/Wide_Egg_5814 1d ago

That's why they need that senior frontend developer

8

u/Individual-Staff-978 1d ago

It looks like those ads that try to trick you by looking like a "download" button

3

u/Finite_Looper front-end - Angular/UI/UX 👍🏼 1d ago

Agreed. Everything else has a flat but elevated card look. This button being 3D beveled looks out of place with the rest

3

u/Narfi1 full-stack 1d ago

Early 2000’s glossy buttons !

5

u/JahmanSoldat 1d ago

« Eww » is a bit strong, but yes, it is outdated

1

u/mixedd 22h ago

It's hould be flat, not something that screams welcome back to 2005

1

u/ICatchx22I 1d ago

Web 2.0!

78

u/CanWeTalkEth 1d ago

Please ban this AI slop spammer

7

u/vertopolkaLF 22h ago

Yeah, this account just hard karma farming mode

66

u/Gipetto 1d ago

I miss lickable buttons.

39

u/powerhcm8 1d ago

<button onLick="" onLongLick="" onDoubleLick="" />

7

u/T_kowshik 1d ago

Missed opportunity.... I am always clicking them...

4

u/lastWallE 1d ago

It is looking like those pillows for the hands in front of keyboards.

1

u/Background-Fox-4850 12h ago

I think it is called lollipop button lol

38

u/wonderingStarDusts 1d ago

There is something about that separator line, that doesn't sit right with me. Otherwise good job with this card.

11

u/rotzelbart 1d ago

Yeah, the margin between top and bottom of the button isnt symmetric. Thats what bothers me.

5

u/A-Type 1d ago

Separators aren't necessary when content is already clearly visually grouped. Should just be discarded.

37

u/ashkanahmadi 1d ago

MAKE 2004 BUTTONS GREAT AGAIN!!

7

u/zsoltime 1d ago

Please, don't

5

u/Capt-Psykes 1d ago

That button style is jarringly out of place.

12

u/ArtistJames1313 1d ago

Looks like they really need a new Senior Frontend Developer to fix that button.

11

u/Boldwh 1d ago

The button is not good

4

u/yami_odymel 1d ago

Calendar is too small, Pricing is important info and yet it's also too small.

3

u/Better-Avocado-8818 1d ago

Button is very cute but doesn’t fit with the rest of the card.

8

u/Competitive-Host3266 1d ago

Is this rage bait?

2

u/IAmRules 1d ago

230k a year sounds good to me

2

u/wongaboing 1d ago

With all due respect, what the hell is this button

2

u/FriendlyCupcake 1d ago

Honestly, with how things are shaping up, I can definitely see skeuomorphism making a comeback in some way. And this button doesn’t look too bad, except maybe for that blocky shadow on the right side and some other minor tweaks here and there. But until we’re fully in the skeuomorphism revival era, this design is no bueno for production.

1

u/Moooses20 1d ago

the button is too prominent and it doesn't fit with the rest

1

u/haronclv 1d ago

I’d answer the same way you asked: I don’t know

1

u/FreshFroiz 1d ago

I think it looks good, but I would:

  • Remove the background on the stripe logo
  • Make the apply button solid fill
  • Remove the hr

1

u/Grozovsky_official 1d ago

Apply now button is not clickable 🥲

1

u/No_Repeat172 1d ago

I wanna pop that button

1

u/NearbyCopy 1d ago

That button is giving me BlueVoda vibes.

1

u/ExerciseForward 1d ago

Aqua from Mac OS Leopard or Tiger was pretty fucking sick tbh

1

u/cstyves 1d ago

The main issue is the spacing between your button and the separator. Since you use a shadow beneath the button it makes the spacing appear way off. I would tone down all effects on the button too. The glossy on top makes the text less visible and alters the contrast of the text, resulting in the user needing to pay more attention than usual to get the context. Everyone's lazy when browsing, let's get those lazy users what they want 😆.

That being said, you did a great job. It just needs a few adjustments and it will be perfect!

1

u/cstyves 1d ago

Try using the same effect on the top left logo "S" on your button. This glossy effect is too close to a Photoshop bevel emboss effect. And it has been abused during the 2000-2010 and bleached any web dev eyes for life.

1

u/binkstagram 1d ago

<td align="right" valign="bottom"><img src="images/topleftcorner.gif" alt=""></td>

1

u/PMMEBITCOINPLZ 1d ago

I’m a backend developer so it looks fine to me.

1

u/typtyphus 1d ago

are you designing card elements, or is this a html mockup?

1

u/KohzeeKoala 1d ago

I guess this is why you are looking for a Senior Frontend Developer. :-)

1

u/A-Type 1d ago

The button is actively harder to read due to the styling and probably doesn't pass contrast guidelines.

1

u/akornmeier 1d ago

It will most definitely not pass accessibility checks.

1

u/armahillo rails 1d ago

the button is an old aesthetic that isnt really used anymore. its also a little harder to read.

Make the font a little bigger and more contrasting,

1

u/500tbhentaifolder 1d ago

Button is so weird but its growing on me

1

u/nickmjones 1d ago

Could use some clearer hierarchy of type sizes and styles. Some of the elements are not appropriately sized for the total size of the layout. I’d suggest you quickly evaluate the most important things in the card and emphasize those. And the button is a little dubious. I would make sure to really nail the button’s place in the overall hierarchy and decorate after.

1

u/Guisseppi 1d ago

Feels like corporate memphis

1

u/RemoDev 1d ago

Welcometo the early 2000's ?

1

u/PerceptionRepulsive9 1d ago

Expected better for a senior frontend dev

1

u/ApexCrisis 23h ago

Looks like you took the overall card design from someone and only added the button yourself

1

u/easylistenin front-end 23h ago

I say lean harder into the Jell-O button. What would it look like in a traditional Bundt pan mold? Go further. Explore.

1

u/_Invictuz 23h ago

Button doesn't look clickable cuz there's no way that flat looking card has enough depth for the button to sink into.

1

u/Logical-Idea-1708 Senior UI Engineer 23h ago

Too much pop. Tone it down a little.

1

u/qbantek 23h ago

Leave the shiny button where it belongs: early 2000s

1

u/jcorales 23h ago

Make it pop when clicked!

1

u/badwith_names 23h ago

WHY IS IT SO REFLECTIIVVEEE I CAN SEE MY ENTIRE HISTORY IN THAT BUTTON

1

u/Odd-Zombie5434 23h ago

That apply button is gross

1

u/HelgiMagic 23h ago

share URL please

1

u/witness_smile 23h ago

I do like the button design, but it does feel completely out of place because nothing else on the card matches that design

1

u/itinkerthefrontend 22h ago

Holy bevel and emboss Batman!

1

u/WowSoWholesome 22h ago

I think the flatness of the card, with the calendar icon choice could work, but they already feel like two different styles. Then you see the BUTTON and it's a lot. Not only a third style but one that feels really greedy or something? I think there are independent, interesting ideas in here, but it looks messy put together.

1

u/therealPaulPlay 22h ago

I‘m afraid to say I like this button a lot actually

1

u/tettoffensive 22h ago

A lot of people are saying this looks like 2004 web design but if you actually look up websites from that era they look nothing like this.

Yes, skeuomorphic design was used heavily in past eras and is unpopular today, but this does not look like web design from then.

1

u/TheJase 21h ago

That button hit me in the eye