Building Interactive Websites: From Design to Development By Niccolò Miranda – Free Download Course Awwwards
This masterclass will teach you the fundamentals of UI design for interactive experiences, including UX and motion design. Niccoló Miranda taps into the fun of web design, from experimental visuals to functional story-telling, and allows participants to expand their visual strategy while providing the technical skills to execute big ideas.
✅ About This Course:
✅ Course Author: Niccolo Miranda
✅ Free For Our VIP Members? : Yes
✅ Download Links : Mega & Google Drive
✅ Course Size : 10.73 GB
✅ Updatable? : Yes, all future updates included.
✅ Sales Page : You can check at the bottom of this page.
🏆 Here’s What You Get & Learn With This Course:
Learn about Figma’s advanced features to set up prototyping and animation systems.
Utilize AI tools to streamline the design process and improve efficiency.
Expand your visual strategy abilities and confidently execute your ideas.
Discover the secrets of Webflow, Figma, Visual Moodboards, and AI tools.
Optimize your knowledge and skills to create an immersive website experience.
Weekly Live Q&A Recorded.
Week 1
Visual Strategy
Structure Figma Project | Brief & Analysis | UX Pillars Definition | Visual Moodboard Setup | Visual Moodboard Animation Setup
Week 2
Typography & Colours
Understanding Context | The Psychology of Color | Typography Fundamentals | Pairing Strategies | Advanced Style Guide Creation
Week 3
UI Prototyping
Figma Plugins Overview | Sitemap & Flows | Wireframing & Grid System | Content Creation using AI | UI Prototyping | Responsive Design
Week 4
Motion Principles | Micro-Interactions & Transitions in Figma | After-Effects Web-Based Effect | Using Bodymovin & Lottie.js | Mixing up Figma & After Effects | Blender for Web
Week 5
Webflow CMS Setup
Webflow Overview | Project Setup | Tips & Tricks | Back-End Overview | Integrations
Week 6
UI Development
Assets-Setup & Optimization | Webflow & Custom Code | UI Development | Debug UI & Best Practices |
Responsive Development
Week 7
Part 1: Animation & Interactions
Build Advanced Animation using ChatGPT | AI Debug.
Week 8
Part 2: Animation & Interactions
Webflow IX2 Overview | Resources & JS Libraries | WebGL Intro & Setup
Week 9
Part 1: QA Testing
Webflow and Lighthouse Audit | Improve Performances, SEO and Accessibility
Week 10
Structure Launch Plan | Conclusion
✅ Great X Courses Guarantee : At Great X Courses, we insist in providing high quality courses, with direct download links (no paid links or torrents). What you see is exactly what you get, no bad surprises or traps. We update our content as much as possible, to stay up to date with the latest courses updates.
You can find more info on the sales page here.
