A course by Erik Chen
In this course, you will learn the fundamentals of no-code development and use Webflow to build a fully-functional website from scratch.
- 94% positive reviews
- 214 students
- Audio: Chinese
- 23 lessons (7h 37m)
- Online and at your own pace
- Unlimited access forever
Information Content Community Projects
Webflow enables you to design fully-functional and professional-looking websites without coding. Tenten, a visual design and Webflow expert agency, utilizes this software to assist startups and companies such as TCCF, Chineasy, HTC, Viverse in enhancing their online presence. Additionally, Tenten creates online resources for designers and shares its work with over 18K followers on Instagram.
This course taught by Erik guides you through the process of quickly creating your website using Webflow. You will learn how to design a marketing site from scratch for any business and help your brand to stand out against its competition online. Are you ready to build a unique website without any coding experience?
What will you learn in this online course?
Course table of contents
- U1: Introduction
- U2: Webflow, No-Code Overview, and Style Guide Creation
- U3: Developing the Desktop Version
- U4: Developing the Responsive Website
- U5: Final Detailing, Going Live, and Future Maintenance
- FP: Final project
To begin this course, you will get to know Erik, your teacher, and discover how he progressed from building forums to designing websites for startups and large companies. You will learn about the influences that inspired his work and hear his advice for succeeding in the web design industry.
You will then receive an introduction to no-code development before delving into Webflow’s key features and discovering where to find royalty-free images. From there, you will create a style guide that showcases all the essential design elements, such as colors, fonts, buttons, and typography.
Next, you will build the desktop version of your website, starting with the hero section, then moving on to the navigation menu, case studies, and collage elements. You will also consider how forms are created and add a "work with me" section before developing a precise call-to-action footer.
Afterward, it’s time to make your website responsive, starting with the tablet view and then moving on to the mobile and portrait formats. You will test your forms, add interactive elements, and explore the difference between "page load" and "scroll in view."
You will then move on to the final details of your site, such as exploring SEO tags and website hosting. You will also learn about website maintenance and editing access for third parties. To conclude the course, Erik will guide you through Webflow CMS and its potential.
What is this course’s project?
The project for this course is to create a fully-functional business website using Webflow, along with a style guide that can be used for future edits and adjustments.
Erik Chen is a UI/UX designer and Webflow expert based in Taipei, Taiwan. He is the founder of a digital agency where he shares his passion for web development, branding, and digital branding.
Erik has collaborated with over 100 startups and large companies throughout his career, such as FET Telecom, EvaAir, Vanmoof, and Mucker Capital. His primary focus is building e-commerce websites with consistent visual languages. In addition to his design work, Erik also creates resources such as UI kits and Webflow tutorials for other designers. He has also given talks on various topics related to product design, selling design systems, and more.
Content
Introduction
* About Me
* Influences
Webflow, No-Code Overview and Style Guide Creation
* Introduction to No-Code
* Webflow Core Features
* Design
* Style Guide
* Style Guide Creation 1
* Style Guide Creation 2
Developing the Desktop Version
* Hero Section
* Navigation
* Case Study Sections 1
* Case Study Sections 2
* Collage Section 1
* Collage Section 2
* Customers Section and Simple Newsletter Form
* Footer
Developing the Responsive Website
* Tablet Viewport
* Mobile Landscape and Portrait Viewport
* Testing Forms
* Interactions
Final Detailing, Going Live and Future Maintenance
* SEO Optimization and Hosting
* Maintenance, Editor and Assets Panel
* Explore CMS
Final project
* Website Creation with Webflow: Build a Site without Code
What to expect from a Tendemy course
Flexible Learning
Enjoy the flexibility of learning from home at your own pace with our easy-to-follow method. There are no set schedules – you set your own pace.
Learn from Top Professionals
Learn valuable methods and techniques from top experts in the creative sector.
Meet Expert Teachers
In every lesson, experts teach what they do best with clear guidelines, true passion, and professional insight.
Certificates
Earn certificates upon completion of each course to showcase your new skills and knowledge.
High-Quality Videos
Our videos are of the highest quality, so you won’t miss a single detail while learning.
Collaborate with Peers
Join our community of passionate creatives to ask questions, request feedback, or offer solutions. Share your learning experience with other students.
Connect with a Creative Community
Expand your network and connect with other creatives in the industry.
Professionally Produced Courses
At Tendemy, we curate our teacher roster and produce every course in-house to ensure a high-quality online learning experience.