Top-down view of a design desk with a laptop, notebook, and sketches illustrating website planning

Design Process

Web Design Process | From the First Call to Launch

Yance manages every website project through a standardized eight-stage workflow with one-to-one communication throughout the process and real-time revision tracking. With more than 100 completed website projects, our typical delivery cycle runs about 14–21 business days from concept to launch. Whether you are building your first website for a startup brand or redesigning an older corporate site, this page explains exactly what to expect when working with us.

Consultation is completely free with no pressure selling. Average response time is within 1 business day.

Scroll

Page Summary

  • Breaks down the eight key production stages, including timeline, deliverables, and approval checkpoints
  • Keeps the whole process transparent and trackable, with progress visible on the staging site
  • Jump to the project timeline or client preparation section to get ready in advance
Process

The Eight Stages of Our Website Production Process

Every website project moves through a rigorous eight-stage production path, from the first conversation to official launch. Each phase includes clear deliverables and approval timing, so you always understand what happens next and how the project is progressing.

1

Discovery & Project Planning

Research consistently shows that the requirement definition stage shapes most of a project’s final quality. Yance begins with an online meeting to understand your target audience, brand positioning, required features, and competitor references. We review business goals, user profiles, feature expectations, and comparison benchmarks. Within 3 business days after the meeting, you receive a complete project proposal covering scope, functional specifications, timeline, and quotation details.

Deliverables: Project Proposal + Quotation + Functional Specification
2

Information Architecture & Page Planning

How many pages should your website have? What belongs on each page? Is the visitor journey from homepage to contact form smooth and clear? In this stage, we use a sitemap to define the full page structure, section hierarchy, and content priority for every page. We also mark the main call to action on each page and organize information with mobile-first thinking, because a major share of traffic now comes from smartphones.

Deliverables: Sitemap + Page Structure Plan + Conversion Flow Notes
3

Homepage Design & Approval

Template websites can only tweak existing layouts, but custom design starts from zero. After the earlier planning stages, Yance designs one complete key page based on your brand identity and approved direction. This lets you review the art direction, copy presentation, visual style, layout, and interaction details in a real context. Once that page is fully aligned with your expectations, we continue with the remaining pages and define shared standards for buttons, forms, and content layout so the whole website stays visually consistent.

Deliverables: Complete Homepage Layout + Visual Style Guidelines
4

Front-End Development

Once the homepage is approved, developers build the remaining pages with semantic HTML5 and CSS3 following the same design system. Every page is optimized around Google Core Web Vitals, including WebP image compression, appropriate cropping, critical resource preloading, and lazy loading. Responsive design for desktop, tablet, and mobile is included as standard.

Deliverables: Responsive Front-End Pages + Performance Test Data
5

Back-End Integration & Feature Development

After the front-end is complete, the project moves into WordPress integration. We configure custom post types, contact forms, SEO plugins, Google Analytics, and Google Tag Manager tracking. We also set up OG images, favicons, and Schema structured data so the website displays correctly in both search and social platforms. As each feature is completed, it is updated on the staging site for you to preview at any time.

Deliverables: Fully Functional Staging Site + Admin Access
6

Testing & Revisions

This is the quality control stage before launch. Our QA process includes cross-browser testing across Chrome, Safari, Edge, and Firefox; cross-device testing on iOS, Android, and desktop; performance checks against Core Web Vitals; and SEO verification for meta tags, structured data, and image alt attributes. We also test form notifications, 404 page behavior, and SSL configuration. All results are organized into a structured checklist before the project moves to the next stage.

Deliverables: Cross-Device Test Report + QA Approval Checklist
7

Launch & User Guidance

Once all pages and functions are approved, the website officially goes live. Yance submits the sitemap to Google Search Console to speed up indexing and configures analytics tools to track post-launch visitor behavior. We also provide back-end guidance for common tasks such as publishing articles, replacing images, managing contact forms, and making basic page updates.

Deliverables: Live Website + Back-End Usage Guide
8

Ongoing Maintenance & Technical Support

Launch is not the end of the project—it is the beginning of your brand’s digital operation. Yance provides a 14-day technical warranty after delivery, during which technical bugs are fixed at no extra cost. After that period, content updates or feature additions are quoted separately based on scope. Hosting maintenance can include WordPress core updates, plugin compatibility checks, security scans, vulnerability patches, weekly backups, and 24/7 performance monitoring.

Deliverables: 14-Day Technical Warranty + Hosting Maintenance + Priority Support Channel
Team reviewing documents on a desk while discussing website structure and design planning

These eight stages form Yance’s complete web design workflow. Every stage includes clear deliverables and approval standards so you can stay involved in major decisions and always understand the current status of the project. Next, let’s look at the estimated production timeline for each package.

Developer working at a keyboard in a coding environment
Timeline

Project Timeline & Key Figures

How long does it take from contract signing to launch? Below are the average production timelines and key delivery metrics across Yance packages. These figures are based on completed projects from the past two years, including corporate sites, e-commerce platforms, and branded company websites.

0
Basic Package Timeline
(Business Days)
0
Advanced Package Timeline
(Business Days)
0
Flagship Package Timeline
(Business Days)
0%
On-Time Delivery Rate

Detailed Time Allocation by Stage

The table below lists the estimated number of days for each production stage across different packages. You can compare page count and functional complexity to find the closest fit for your project. The basic package generally fits corporate websites with up to 5 pages, the advanced package suits brand websites with 6–10 pages, and the flagship package is intended for larger builds with 11+ pages or e-commerce requirements.

Production Stage Basic Advanced Flagship
Discovery & Planning 2–3 days 3–4 days 4–5 days
Information Architecture & Wireframes 2–3 days 3–4 days 5–7 days
Visual Design Proposal 3–4 days 5–6 days 7–10 days
Front-End Development 4–5 days 6–8 days 10–12 days
Back-End Integration & Features 3–4 days 5–6 days 8–10 days
Testing & Revisions 2–3 days 3–4 days 4–5 days
Total (Business Days) 16–22 days 25–32 days 38–49 days

These timelines do not include time spent waiting for client materials or approvals. Actual delivery time is adjusted according to project complexity, and the exact handover date is written into the contract. If your logo, copy, and product photography are already prepared during the discovery phase, the total schedule can often be shortened by 3–5 business days.

Designer discussing website direction while working at a laptop
Yance aligns design direction and brand tone during project discussions
Dual-monitor workstation displaying website layouts and wireframes
Front-end development turning approved designs into responsive web pages
"

A strong website is a collaboration between the designer and the client. You bring industry knowledge and brand materials, and we turn them into a digital experience that connects with visitors. The more closely both sides work together, the smoother the project moves and the more accurately the final website communicates your brand value. We believe the best web design comes from honest, efficient communication, which is why every project includes clear response rules and communication checkpoints.

-- Yance

Once you confirm the intention to move forward, we explain the full cooperation agreement during the first meeting, including each party’s rights and responsibilities, material submission deadlines, and revision procedures. Transparent rules help both sides focus on the creative work instead of losing energy in process confusion.

Collaboration

What Should You Prepare Before Building the Website?

Preparing the following materials in advance can significantly reduce delays and help the project stay on schedule. Below are three major categories of client-side preparation, each with practical specifications to help you quickly review what you already have.

Brand Essentials

Please prepare your original logo file (AI vector file or transparent PNG with at least 500px resolution), brand color codes (hex or Pantone), and a short company introduction of about 200–500 words. If you have past brochures, business cards, or a brand guideline document, sharing those will help the designer understand your tone and visual language more quickly.

Logo Files Brand Colors Company Intro

Content & Visual Assets

Prepare high-quality product or service photos, ideally at least 1200px wide, 72dpi or higher, in JPG or PNG format, along with draft copy for each page. Real photography is strongly preferred over generic stock imagery because authentic visuals build trust more effectively. If you do not yet have copy, Yance can provide SEO-oriented content writing as an add-on based on your target keywords and audience.

High-Res Photos Written Copy Product Info

Communication & Approval

Yance uses LINE as the primary communication channel and sends approval notices with review links whenever a phase is completed. To keep the project on schedule, we recommend replying with revision notes within 3 business days at each approval point. During the homepage design stage, we go through repeated alignment until the art direction, content, style, layout, and functionality all match your needs. Feedback is most helpful when listed clearly in text, ideally with screenshots marking the exact areas to revise.

LINE Contact Reply Within 3 Days Iterative Approval

If you are still unsure what materials to prepare, that is completely fine. Once you contact us, we guide you one-to-one through the setup work and provide a preparation checklist you can fill out step by step. You can also review our plans & pricing page to see package scope or browse our case studies to review completed work for other businesses.

Book a Free Consultation
Tablet showing interface wireframes beside a notebook and stationery
From discovery to final approval, every design decision is refined through repeated discussion with the client
FAQ

Frequently Asked Questions About the Web Design Process

Below are the seven questions clients ask most often during the consultation stage. If you still have other questions, feel free to contact us through LINE or the contact form. We usually reply within 1 business day.

It depends on the package scale. The basic package usually takes about 14 business days, the advanced package about 21 business days, and the flagship package about 35 business days. These estimates do not include time spent waiting for client materials or approval. Yance writes the exact delivery date into the contract. If your logo, copy, and product photos are already prepared before discovery begins, the schedule can often be shortened by 3–5 business days.

Yance uses a stage-based revision structure: 2 rounds during design approval, 2 rounds during page development, and 1 final adjustment round, for a total of 5 included revision opportunities. We begin by designing one key page so you can confirm the overall art direction before the rest of the website continues. Please consolidate revision notes into one clear list each time, and we usually complete them within 3–5 business days. Additional revisions beyond scope are quoted in advance, while bugs, browser compatibility issues, and implementation errors on our side do not count against your revision limit.

We recommend providing high-quality product or service photos, ideally at least 1200px wide and 72dpi or higher in JPG or PNG format, together with draft copy for each page. If you do not have ready-made copy, Yance can provide add-on writing support based on your industry keywords and target audience. Real photography is preferred over stock visuals because it builds stronger trust. For your logo, please provide an AI vector file or transparent PNG with at least 500px resolution.

The first 14 days after delivery are covered by a technical warranty, and any technical bugs found during that period are fixed at no extra cost. After the warranty ends, content changes and new features are quoted separately according to scope. Hosting maintenance can include WordPress core and plugin updates, security monitoring, weekly backups, and 24/7 performance monitoring. Clients on maintenance plans also receive priority technical support.

Yes. Every package includes responsive web design at no additional charge. We design and test across three main breakpoints—desktop, tablet, and mobile—to make sure the browsing experience stays smooth and easy to use on every device. Before launch, QA also covers Chrome, Safari, Edge, Firefox, and both iOS and Android environments.

Yes. At launch, we provide simple guidance by message or phone to show you how to add posts, replace images, and manage forms inside WordPress. The interface is intuitive, so no coding experience is required. Common content updates—such as publishing a new blog post or replacing the homepage banner image—usually take only a few minutes.

Yes. All packages include essential SEO setup, including optimized meta tags, Schema.org structured data, image alt attributes, semantic HTML5 structure, sitemap generation, and submission to Google Search Console. The advanced and flagship packages also include keyword research, competitor ranking analysis, and page speed optimization to help your website perform better in search results.

Start Your Project

Now That You Understand the Process,
Are You Ready to Start Your Project?

From discovery to official launch, Yance supports you through the entire journey.
Whether you need a brand-new corporate website or a redesign of an existing one, you are welcome to book a free consultation and discuss your ideas with us.
The consultation is completely free and never pushy, so even if you have not decided yet, you can still receive clear professional planning advice.

Online e-signing supported (DocuSign / Dropbox Sign) | Wise international transfer, PayPal credit card (+5%), USDT, and domestic bank transfer available