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

SoundTikTok sound · original sound - deymarnina

Promoted product

Collaboardcollaboard.io

Colaboard | Job Board for Brands Hiring Creators

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.

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

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

Transcript

Building a client website from scratch. Sketching the idea on paper. Wireframing on Figma. Building the website in Webflow. From paper idea. Final website.