One of the best ways to learn web design is by copying. To make things super easy for you, I’ve created the entire exercise on Figma, all you need to do is to go to the link below, duplicate the project and start practicing.
https://www.figma.com/file/y5xYCA0wKdyVMiS5dqfu2m/Design-Exercise-1-Website?node-id=0%3A1

Copying isn’t the funniest thing about design, but the more you copy (from good design) the faster you learn.

More exercises to come, stay tuned.
Add your figma link here for review
https://docs.google.com/spreadsheets/d/1gNdEPXPE1-7lyi08NwX1WuhJW6XB30mhyav7ddH4qQw/edit?usp=sharing

Need UI/UX Mentorship? Book a session with me on Clascity
https://clascity.com/classes/83/caleb-lai/uiux-design-mentorship

Feeling generous? Support me on Patreon
https://www.patreon.com/KayungCalebLai

My startup – A Skill-Sharing Platform to teach and learn anything
http://clascity.com/

Follow my work on Dribbble
https://dribbble.com/Caleblai

Personal portfolio
http://www.caleblai.com/

My design agency
http://www.alphaio.co/

Follow me on Instagram
https://www.instagram.com/caleb_kayunglai/

source

8 Comments

  1. Would you say it's better to just replicate the layout with rectangles instead of specific fonts and images? This eliminates the need to find the correct fonts and images. You simply place a rectangle over the website elements. This helps you become of the layout, which is the end goal. Glad to hear your opinion on this approach.

  2. Hi, Caleb thanks a lot for this video. So I used the link to the site but it turns out they changed their landing page and the image of the boxes on the right isn't there anymore. I can't find a suitable replacement on Google either. What would you suggest I use?

  3. hey! I did the exercise and I am trying to comment the figma link but comment is not showing up, idk what might be the reason, are the comments under review? or youtube bug? can i send you the figma link somewhere for you to review. btw Thanks for this series!!

Leave A Reply

Please enter your comment!
Please enter your name here