Recreated this design by @helloz1co as a practice exercise to sharpen my skills.
Thank you @helloz1co for creating such inspiring work that motivated me to recreate it and learn from the process.
What do you think?
First interaction I'll put on my personal website: light-dark themed toggle switch.
Instead of using toggle, I was thinking to use a lamp button behavior or a bit similar with tabs behavior.
For the color, shadows, and component effects, I'll update later. Maybe I'll update the layout and overall hero section as well.
Bento card pt. 5
Made in @figma
I tried to explore again how metal effect applied inside a light component. Not perfect yet, but I got braver and better to play with gradients to achieve metal effect compared to previous explorations.
Any suggestion to improve it?
Bento card pt. 4
My focus here was on learning how to apply lighting effect to the metal graphic. As you can see, the top-right part is lighter than the bottom-left part.
Not the perfect one, but I feel like I'm getting better at this.
Final bento cards. All made in Figma.
Which one do you think is the best one?
From top left to the bottom right, I feel like I'm getting a bit better on designing metal graphics.
My goal on this practice sessions was on designing metal effect, that's why the style on each card doesn't look consistent because I used the desc as the idea of my illustration, not to illustrate the card based on the desc.
The challenge mostly on how to add gradients inside the illustrations to achieve metal effects, especially the light ones because the dark ones are easier to me.
I want to say thank you to @BrettFromDJ for inspiring me w/ your works and @alex_barashkov for your masking, gradient, and other YouTube tutorial videos.
I'll continue exploring graphical visuals after this, maybe I'll try to explore colored gradients & lighting effects more.
677 Followers 225 Following✦ Co-founder https://t.co/pcivAPvayI
✦ We make products look as credible as they are
✦ Trusted by @token2049 @superai_conf @KuruExchange
916 Followers 1K FollowingDigital Product (UI/UX ) Designer and illustrator. Proficient in UX research & design thinking that drives business goals.
✉️ [email protected]
154 Followers 161 FollowingSharing journey learning Framer and AI to build converted businesses | Designer at Tetta Creative Space | Available for projects ➡️ DM
72 Followers 169 Following22 ⌗ UI/UX/Product Designer ✦ NextJS Developer ✦ Entrepreneur
Ran a Discord development agency → worked with 400+ Worldwide Clients
677 Followers 225 Following✦ Co-founder https://t.co/pcivAPvayI
✦ We make products look as credible as they are
✦ Trusted by @token2049 @superai_conf @KuruExchange
154 Followers 161 FollowingSharing journey learning Framer and AI to build converted businesses | Designer at Tetta Creative Space | Available for projects ➡️ DM
816 Followers 916 FollowingVisual style development — from banners and avatars to full-scale websites.
UI/UX, GFX
https://t.co/rtGO1fIL7s , https://t.co/RdHwcAQHnl
11K Followers 11K FollowingExploring the vines of AI | Dog owner | Motivation |Tech, space & nature | Calm vibe but ready for laughs
You can tip my work: https://t.co/VAUpqu5vT2
2K Followers 2K FollowingProduct design for founders who ship. 15 years and counting. Web, iOS, e-commerce. Top 1% on Contra. → https://t.co/eNMHA0v6St
31K Followers 6K FollowingBuilding at @MrBeast. Check out my side project @mirror_hq ⬤◯ Unlock yourself and every relationship with astrology & personality.
2K Followers 891 FollowingProduct designer for B2C SaaS & mobile products - making them easy to use while balancing user needs and business growth ✦ Project in mind? DM me