Set the outline first rather than rushing to start work.
After the contract is signed, the first thing is not design—it’s pinning down “what needs to be done.”
This step is called the requirements outline: which sections the website will have and what goes in the navigation—Home, About Us, Products & Services, Case Studies, News, Contact Us. Confirm these mainstays first.
Once the outline is set, discuss each section one by one: what content goes in this section, which direction to write it in, and what overall style to follow. For the Products section, for example, is it an industrial feel focused on specifications, or a marketing feel focused on scenario showcases? The direction and style elements are all aligned at this step.
Go a little slower at this step, and things will move faster later. Because the section structure is the website’s information skeleton—if the skeleton is off, no amount of content added later will hold it up.
Let's first create a version of the homepage to set the tone.
The outline is set. We’ll start with the desktop homepage. Just this one page, nothing else.
The homepage is the face of the website; the layout, color scheme, and overall feel are established on this page first. Once the homepage layout is out, you can get a good sense—about 70–80%—of the whole site’s tone and how the main content will be arranged.
At this point, we go over the layout with the client in detail and adjust anything that doesn’t look right. Because only one page has been made, changes cost the least.
This is a crucial step in the whole process: lock down the direction first, then build out the full site. Many projects get reworked because they skip this step and only realize the feel is wrong after the entire site is done.
The style is set—build the desktop version of the entire site page by page.
The homepage is finalized, and its style now sets the standard. Next, we'll build all the desktop pages for the entire website, going through each section page by page.
Once the pages are done, we'll go through the content details with the client section by section, and complete and refine the text and images for each section.
There is a common misconception to clarify here: some clients want every section to be perfect, but every company's situation is different, and not every section has content prepared in advance.
So we'll consider three things together to make an overall judgment: the section plan defined in the earlier stage, the company's positioning for this website, and whether the client has people to continuously operate it afterward. Based on these three, we'll give recommendations and finalize the content for each section.
In short: more content isn't always better; what matters is that it matches the company's current state.
In addition, replacing text and images at this stage does not affect the schedule—layout and content proceed separately, and changing text or swapping images will not slow down the subsequent pace.
The desktop version is stable now, so next we’ll work on the mobile version and multilingual support.
Once the content of the main sections is finalized, we start on mobile adaptation. If multiple languages are needed, we also handle that at this stage.
Mobile is not about shrinking the desktop version; it requires separate adaptation—layout, font sizes, tap areas, and image proportions all need to be rearranged. A high proportion of clients now view websites on mobile, so this part cannot be skipped.
Three final things before launch
The desktop and mobile versions have both been fully adapted, and the website is ready to go live.
Three things need to be completed before launch: first, improve the SEO title, keywords, and description so that search engines and AI can accurately understand what this website is about; second, issue an SSL certificate so that the URL changes from http to https and access is secure; third, bind the official domain name.
Only after these three things are completed will the website truly be ready to be seen by others.
Go-live is not the end; delivery is only complete after training.
The website is live, but the project isn't finished yet.
We will hold an online remote meeting with the client to teach them how to use the admin panel: how to change text, replace images, publish news, and update products.
At the same time, we will clearly explain the frequency of routine updates and points to note—which content should be changed regularly and which areas should be checked often.
After the training is completed, a website project is considered officially delivered. After that, it enters the after-sales stage, and the website enters long-term use.