Webflow Website Builder
|
SCA – Technical Workshop Descriptor
Bismark Tackie Workshop Title: Web Design with Webflow - MA Graphic Arts, BA Graphic Design Technical Instruction Area: Digital Design Studios Duration of Workshop: Half day Pre-requisites/Skill Levels/Workshop Preparation: Students who wish to participate with any hands on exercises will need to sign up for a free account at the beginning of this workshop. Technical Learning Objectives: his session is designed a brief taster for those interested in making creative use of simple interaction and animation to author websites without code. Academic Programme/Level/Workshop code: MA Graphic Arts Beginner/Intermediate Room Number: (4AF002, 4AF003, 0F15 or 0F17 ) Maximum Numbers Possible: 30† †As an online this workshop session can accommodate up to 90 students. NOTE: If students intend to follow this session online using a booked DDS computer, they should bring their own headphones. |
Webflow is a web app for authoring websites featuring motion and animation with no or little need to write code.
Webflow is a branch of Wix and shares some of it's advanced features, such as CMS and eCommerce. It also claims to have collaboration tools suitable for working with dynamic and creative websites featuring rich media. Workshop files:
This folder contains some files for you to play along with: 
Useful Links
Webflow websites https://webflow.com/blog/best-websites https://webflow.com/blog/parallax-scrolling https://webflow.com/made-in-webflow Workshop samples https://simpleflow.webflow.io/ https://maga-workshop-sample-1.webflow.io/ Spline Intergration: https://smokeycursor.webflow.io/ Spline Samples: spinning-dds-logo.netlify.app https://el-chupabara.netlify.app Webflow Tutorial Site https://university.webflow.com/ Selected Tutorials Link Adobe Fonts !! For the Custom Cursor tutorials below, no need for a custom code block we can use Effects > Events > None in the Effects section of the style panel instead !! Custom Cursors Custom Cursors (video) Spline Tutorials https://www.youtube.com/watch?v=Kxz8fzU2OUE This Padlet contains a few useful resources to support our web design workshop sessions: uwe.padlet.org/digitaldesignstudios/y2ekoneud9r4z5ei | ||||||||