Not only this is a unique way to pick on your brain, but also is a great figma lesson for details like the tricks you use in the box. Thanks for the great content!
Dayum, phenomenal video! My favourite part was seeing the power of adding the shadow effects on the image which really made it playful and fun. Learnt a tonne watching this, that's for sure.
Hey dude... you should have centred the H1 text under the box - that was what was bothering you with the negative space. As soon as it is centered, with the price centred under it as well, it will look much better. And I would take the 98 cents and make it smaller and superscript it. That dark green in the button looks pretty bad IMO - I would have pulled the lighter lime (almost pastel) green from the crayola box instead.
Yeah centered would’ve been good. Not sure I agree on a lime green as that would be tough to keep a solid contrast score with white text. Really tough to get something feeling complete in just an hour.
Nice work, the end result looks and feels like a good direction, plus a squint test I can see the key elements stand out. A few things I would consider: 1. fav/add to wishlist 2. multi add item to cart 3. single image vs carousel 4. user reviews but totally understand it was very time constrained and it was simply to improve on the initial design.
I like how you explain your thought process while designing. There are a lot of design videos out there, but without understanding why they did what they did, learning isn't complete. Thanks a lot and keep up with a great content!
I’m curious in which situations you decide to make a shadow using a layer blur on a separate shape (like in the video) versus using the regular drop shadow. Any particular reasoning?
Keep going? Favorite part? Lemme know! 👇
The favourite part has to be that smily icon on the "CTA", such a cute detail.
@marklearst5791 I've got over 1000 videos like this in Shift Nudge in the Critique Vault. Not all of them are full redesigns, but very similar.
Not only this is a unique way to pick on your brain, but also is a great figma lesson for details like the tricks you use in the box. Thanks for the great content!
@@buxxy Thabks Alejandra!
I like what you did to the image. Awesome.
Dayum, phenomenal video! My favourite part was seeing the power of adding the shadow effects on the image which really made it playful and fun. Learnt a tonne watching this, that's for sure.
Thanks David!
I like these BD videos
Excellent. Just I wouldn't use red colored description texts. 👍
Hey dude... you should have centred the H1 text under the box - that was what was bothering you with the negative space. As soon as it is centered, with the price centred under it as well, it will look much better. And I would take the 98 cents and make it smaller and superscript it. That dark green in the button looks pretty bad IMO - I would have pulled the lighter lime (almost pastel) green from the crayola box instead.
Yeah centered would’ve been good. Not sure I agree on a lime green as that would be tough to keep a solid contrast score with white text. Really tough to get something feeling complete in just an hour.
btw... this was my first time commenting, and i love how you interact with us, your viewers, and respond so quickly. Great content, too.
Would love more of theeeeeeeeessssseeeeee. Great work Matt...
Nice vid! I would have thought the price is one of the more important elements to the user so possibly more prominent?
I wish you would make more videos like this!
Do you design with a mouse or trackpad? Btw fire video, turn this into a regular series 😃
Trackpad!
Nice work, the end result looks and feels like a good direction, plus a squint test I can see the key elements stand out.
A few things I would consider:
1. fav/add to wishlist
2. multi add item to cart
3. single image vs carousel
4. user reviews
but totally understand it was very time constrained and it was simply to improve on the initial design.
how'd you get to that contrast checker? I tried finding that checker tool but can't seem to locate it.
It's a free one that I made =) usecontrast.com
Dudee want more of this
before is better
👍
I like how you explain your thought process while designing. There are a lot of design videos out there, but without understanding why they did what they did, learning isn't complete. Thanks a lot and keep up with a great content!
Awesome video- would love to see more videos like this!
I’m curious in which situations you decide to make a shadow using a layer blur on a separate shape (like in the video) versus using the regular drop shadow. Any particular reasoning?
If it's UI elements, I'll typically do layer effect drop shadows, but if it's more presentational I'll use separate shapes.