Create a live website using Framer, no coding knowledge required. This covers technical aspects of Framer (software) and how to design visually compelling webpages by learning UI design and brand principles.
Learning modes and locations may be different depending on the course start date. Please check the location of your chosen course and read our guide to learning modes and locations to help you choose the right course for you.
Start Date:14 Jun 2026
End Date:28 Jun 2026
Sun (Daytime):11:00 - 17:00
Choose either online or in-person
Location: Hybrid (choose either online or in-person)
Please note: We offer a wide variety of financial support to make courses affordable. Just visit our online Help Centre for more information on a range of topics including fees, online learning and FAQs.
- Creating a live website - Creating a style for your target audience - Creating a visually compelling website which engages your audience
Participants who will attend the full course will receive a City Lit certificate of attendance electronically for their CV or CPD records. The certificate will show your name, course title and dates of the course you have attended.
What will we cover?
- Framer training (design software) - How to design: Design and branding principles - User Interface design principles - Styling your website - Responsive web design (desktop, tablet & mobile) - Interaction & Animation principles.
What will I achieve? By the end of this course you should be able to...
- Utilise UI principles to create a live responsive website - Use Framer to create a styled live website.
What level is the course and do I need any particular skills?
Basic computer skills. Useful to know but not essential: An understanding of User Experience and awareness of design. Awareness of general design tools such as Adobe suite, Figma and Framer.
How will I be taught, and will there be any work outside the class?
There will be work assigned outside of class to create a stronger project. The more you work outside of class the more you’ll be able to push your final website designs and learn more.
Are there any other costs? Is there anything I need to bring?
- You need access to a laptop/computer that can run Chrome browser efficiently. Have a rough idea of the type of website you would like to design and what it does. - Mouse with a scroll wheel is required.
-You may choose to bring your own laptop if you prefer.
When I've finished, what course can I do next?
Please click here to view our web development courses or click here to view our Digital Marketing and Social media courses.
Disclaimer: Use of Third-Party Software This course might require you to either use your own personal account or create an account for the purposes of this course. City Lit cannot accept any responsibility for any failings of the third party or provide technical support. Whilst using the software you will be responsible for abiding by the providers terms and conditions and maintaining your own work.
I'm a user-centered Digital Designer focused on UI. I practice design led methods to solve problems for responsive websites and apps. Accessibility, branding and design systems are part of my daily work.
Please note: We reserve the right to change our tutors from those advertised. This happens rarely, but if it does, we are unable to refund fees due to this. Our tutors may have different teaching styles; however we guarantee a consistent quality of teaching in all our courses.
product
https://www.citylit.ac.uk/build-websites-with-framer2490292Build websites with Framerhttps://www.citylit.ac.uk/media/catalog/category/webdesign-programming2.jpg299299GBPInStock/Courses/Courses/Business, marketing & technology/Courses/Business, marketing & technology/Web design and programming/Courses/Business, marketing & technology/Web design and programming/Web usability22851211168716911228512111687Create a live website using Framer, no coding knowledge required. This covers technical aspects of Framer (software) and how to design visually compelling webpages by learning UI design and brand principles.002945049Build websites with Framer299299https://www.citylit.ac.uk/media/catalog/category/webdesign-programming2.jpgInStockDaytimeSunHybrid (choose either online or in-person)Available courses1 to 4 weeksWeekend2026-06-14T00:00:00+00:00BeginnersJun 2026Business, marketing & technologyCUX20299299Build websites with Framer239194299Alex Gregorybuild-websites-with-framer/cux20-2526Create a live website using Framer, no coding knowledge required. This covers technical aspects of Framer (software) and how to design visually compelling webpages by learning UI design and brand principles.0000-Available|2026-06-14 00:00:00- Creating a live website<br>- Creating a style for your target audience<br>- Creating a visually compelling website which engages your audience<br><br>Participants who will attend the full course will receive a City Lit certificate of attendance electronically for their CV or CPD records. The certificate will show your name, course title and dates of the course you have attended.Create a live website using Framer, no coding knowledge required. This covers technical aspects of Framer (software) and how to design visually compelling webpages by learning UI design and brand principles.- Framer training (design software)<br>- How to design: Design and branding principles <br>- User Interface design principles<br>- Styling your website<br>- Responsive web design (desktop, tablet & mobile)<br>- Interaction & Animation principles.- Utilise UI principles to create a live responsive website<br>- Use Framer to create a styled live website.Basic computer skills. Useful to know but not essential: An understanding of User Experience and awareness of design. Awareness of general design tools such as Adobe suite, Figma and Framer.<p>There will be work assigned outside of class to create a stronger project. The more you work outside of class the more you’ll be able to push your final website designs and learn more.</p><p>- You need access to a laptop/computer that can run Chrome browser efficiently. Have a rough idea of the type of website you would like to design and what it does.<br>- Mouse with a scroll wheel is required.</p><p>-You may choose to bring your own laptop if you prefer.</p><p>Please click <a href="https://www.citylit.ac.uk/media/wysiwyg/pdf/2627_Web_Design_and_Development_Courses.pdf" target="_blank" rel="noopener noreferrer"> here </a> to view our web development courses or click <a href="https://www.citylit.ac.uk/media/wysiwyg/pdf/2627_Digital_Marketing_and_Publishing_Courses.pdf" target="_blank" rel="noopener noreferrer"> here </a> to view our Digital Marketing and Social media courses.<br><br>Disclaimer: Use of Third-Party Software<br>This course might require you to either use your own personal account or create an account for the purposes of this course. City Lit cannot accept any responsibility for any failings of the third party or provide technical support. Whilst using the software you will be responsible for abiding by the providers terms and conditions and maintaining your own work.</p>Web design and programmingWeb usabilityvirtual239299194CUX20NONESun14/06/26 - 28/06/2611:00 - 17:0011:0017:003 sessions (over 3 weeks)31 to 4 weeksDaytimeWeekendHybridHybrid (choose either online or in-person)Alex GregoryBeginnersAvailable courses2026-06-14T00:00:00+00:00Jun 2026Business, marketing & technology299299Build websites with Framerbuild-websites-with-framer/cux20-2526Create a live website using Framer, no coding knowledge required. This covers technical aspects of Framer (software) and how to design visually compelling webpages by learning UI design and brand principles.0000-Available|2026-06-14 00:00:00- Creating a live website<br>- Creating a style for your target audience<br>- Creating a visually compelling website which engages your audience<br><br>Participants who will attend the full course will receive a City Lit certificate of attendance electronically for their CV or CPD records. The certificate will show your name, course title and dates of the course you have attended.Create a live website using Framer, no coding knowledge required. This covers technical aspects of Framer (software) and how to design visually compelling webpages by learning UI design and brand principles.- Framer training (design software)<br>- How to design: Design and branding principles <br>- User Interface design principles<br>- Styling your website<br>- Responsive web design (desktop, tablet &amp; mobile)<br>- Interaction &amp; Animation principles.- Utilise UI principles to create a live responsive website<br>- Use Framer to create a styled live website.Basic computer skills. Useful to know but not essential: An understanding of User Experience and awareness of design. Awareness of general design tools such as Adobe suite, Figma and Framer.<p>There will be work assigned outside of class to create a stronger project. The more you work outside of class the more you’ll be able to push your final website designs and learn more.</p><p>- You need access to a laptop/computer that can run Chrome browser efficiently. Have a rough idea of the type of website you would like to design and what it does.<br>- Mouse with a scroll wheel is required.</p><p>-You may choose to bring your own laptop if you prefer.</p><p>Please click <a href="https://www.citylit.ac.uk/media/wysiwyg/pdf/2627_Web_Design_and_Development_Courses.pdf" target="_blank" rel="noopener noreferrer"> here </a> to view our web development courses or click <a href="https://www.citylit.ac.uk/media/wysiwyg/pdf/2627_Digital_Marketing_and_Publishing_Courses.pdf" target="_blank" rel="noopener noreferrer"> here </a> to view our Digital Marketing and Social media courses.<br><br>Disclaimer: Use of Third-Party Software<br>This course might require you to either use your own personal account or create an account for the purposes of this course. City Lit cannot accept any responsibility for any failings of the third party or provide technical support. Whilst using the software you will be responsible for abiding by the providers terms and conditions and maintaining your own work.</p>Web design and programmingWeb usabilityconfigurable
16911687Web usabilityhttps://www.citylit.ac.uk/courses/technology-science-and-business/web-design-and-programming/web-usability1/2/285/1211/1687/16911/Courses/Business, marketing & technology/Web design and programming/Web usability
