Loading video…
All breakouts
21.9OtherHow-To hook
Hook
Building a client website from scratch
@wex.web.dev
14.1K followers · usually 8.9K views a post
Views
194.8K
Likes
10.2K
Comments
162
Shares
340
Why it worked
The video provides high-value, transparent insight into a professional design workflow, which builds authority and trust while naturally showcasing the final product.
Summary
The creator demonstrates the end-to-end process of building a website for a client, starting from paper sketches to Figma wireframes and finally the finished Webflow site. The video showcases the final product, Collaboard, as the website being built.
Structure
- 1Sketching the website layout on paper
- 2Creating wireframes in Figma
- 3Building the site in Webflow
- 4Revealing the final website for Collaboard
Product placement
The website being built is for a product called Collaboard, which is shown in detail at the end of the video.
On-screen text
Building a client website from scratch
Sketching the idea on paper
Wireframing on Figma
Building the website in Webflow
From Paper Idea
Final Website
Original caption
Ever wondered the process of building a website from scratch without templates , you start by sketching the idea on paper then wireframes in Figma then Final website in Webflow. Learn the principles on @CodeSkill #design #wireframe #website #webdesign #figma #webflow #webflowdesigner #process #howtotiktok #fyp
More from @wex.web.dev
Their other posts in the index, biggest breakout first.
