WP Tutorials

Re-designing Coca-Cola's Website in Figma

Re-designing Coca-Cola's Website in Figma

Re-designing Coca-Cola's Website in Figma



Using this page from Coca-Cola’s website, Maddy demonstrates how you might improve your web designs without going beyond the established visual language of the brand or company you’re working for.

🎨 FREE RESOURCES FOR DESIGNERS 👉 https://bit.ly/4abPT2r

CHAPTERS
0:00 Overview
1:30 Copyediting
2:54 Readability
6:44 “How it Works” section
10:23 Adding visual interest
13:15 “Download the App” button

🎓 LEARN Figma for Web Design. Master Figma the right way with hands-on experience and 1:1 mentor feedback. Enroll in our course here 👉 https://bit.ly/3IxdcYU

📱 Find us on SOCIAL MEDIA
Maddy’s YouTube channel 👉 @MaddyBeard
Flux Academy’s Instagram 👉 https://www.instagram.com/flux.academy/
Flux Academy’s Twitter 👉https://twitter.com/FluxAcademyHQ

source

Comments (20)

  1. great video!! I'm new to Figma and I love how this shows great content with simple designs. so helpful 🙂

  2. Curious, is this how you would make it in the real world projects, would this not be important it to be responsive ?

  3. You have cool content! Thanks a lot ❤

  4. Great job Maddy, done in less then 15 minutes! Nice to see your workflow on a project like that, I picked up some details that I can use myself in my own workflow. Easy to understand and very well described, keep it up!

  5. I really love it❤

  6. This is a very… Introductory design vid… Kinda a let down

  7. Your design looks a lot more appealing. Personally I would have kept the numbering 1-3 because it seemed like important information for the use ^^

  8. Great work 🎉

  9. I like your content but your voice kinda bothering when you change the voice like some rar rar kinda seem like trying for deep voice speak like ran segall
    Thank you for this content I like it 🙂

  10. Thanks for the video! I think designing landing pages is a youtuber dilemma – awesome and flashy to start getting into UI Design and getting clicks but outside of youtube it has almost no application.

  11. Looks cool, nice video

  12. out of curiosity, is there a reason that you ignored the copy right underneath the hero image?

  13. why you talk like that?

  14. Maddy, you look so beautiful with this haircut! Love it!! Thank you for the masterclass!🙏

  15. not good enough 👎

  16. 😕

  17. Where is website? It's only slider shit

  18. The original was unimaginably bad. Somebody knows somebody lol

  19. Too bad you didn't play with autolayout. Still, good job!

  20. 👍👍👍

Leave your thought here

Your email address will not be published. Required fields are marked *

Enable Notifications OK No thanks