Daniel Scott

Figma UI UX Design Essentials

Class Project 14: Effects
<img srcset="https://static.skillshare.com/uploads/discussion/tmp/93159a93.png 600w, https://static.skillshare.com/uploads/discussion/tmp/93159a93.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/discussion/tmp/93159a93.png" loading="lazy" alt="Update: Class Project (progress) - image 1 - student project">
Class Project 13: Responsive Design
<img srcset="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/c057eaca.png 600w, https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/c057eaca.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/c057eaca.png" loading="lazy" alt="Update: Class Project (progress) - image 2 - student project">
<img srcset="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/987dee5b.png 600w, https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/987dee5b.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/987dee5b.png" loading="lazy" alt="Update: Class Project (progress) - image 3 - student project">
Class Project 11: Images
<img srcset="https://static.skillshare.com/uploads/discussion/tmp/a7983340.png 600w, https://static.skillshare.com/uploads/discussion/tmp/a7983340.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/discussion/tmp/a7983340.png" loading="lazy" alt="Update: Class Project (progress) - image 4 - student project">
Class Project 10: Icons on Homepage
<img srcset="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/687e2a6d.png 600w, https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/687e2a6d.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/687e2a6d.png" loading="lazy" alt="Update: Class Project (progress) - image 5 - student project">
<img srcset="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/8e8c84f3.png 600w, https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/8e8c84f3.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/8e8c84f3.png" loading="lazy" alt="Update: Class Project (progress) - image 6 - student project">
Class Project 08: Homepage &amp; Style Guide
<img srcset="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/ea88185e.png 600w, https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/ea88185e.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/ea88185e.png" loading="lazy" alt="Update: Class Project (progress) - image 7 - student project">
<img srcset="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/4965627e.png 600w, https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/4965627e.png 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/4965627e.png" loading="lazy" alt="Update: Class Project (progress) - image 8 - student project"> Hi there! I've been working on the projects.
Initial Wireframe:
<img src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/cbf39728.png" loading="lazy" alt="Update: Class Project (progress) - image 9 - student project">
 
I've also added animation to the wireframe.
And the moodboard already goes on the cover!
I've also tried the Figma Mirror on my phone - and it worked. It's fun :D
<img src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/7ee21882.png" loading="lazy" alt="Update: Class Project (progress) - image 10 - student project">
<img src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/50db2b46c38e17a4aeca650edc1f4abf/1cc97066.png" loading="lazy" alt="Update: Class Project (progress) - image 11 - student project">
 
Color Styles! I have renamed the app for more reliability. I will reveal AD soon!
<img src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/discussion/tmp/8d97277a.png" loading="lazy" alt="Update: Class Project (progress) - image 12 - student project">

Update: Class Project (progress)

Company

Work With Us

Teach with Us

Shop

Mobile