Table of contents
Custom website design is often priced by page: a fixed fee per page, with extra charges for additional sections. That model hurts both sides. The studio minimises revisions to protect margin, and the client keeps adding requirements because the process is invisible. What decides the project is whether each stage produces something that can be checked.
1. Decide What Deserves Custom Work
Not every page needs to be designed from scratch. The only criterion is whether the page carries a conversion task or a description task.
| Page type | Custom? | Reason |
|---|---|---|
| Home page | Yes | Carries positioning and first impression |
| Product detail | Yes | Structure drives enquiry conversion |
| News list | No | Stable structure, template is enough |
| About us | Partly | Content varies, layout can reuse |
| Policy pages | No | Plain text |
Concentrate the custom budget on the home page and product pages, and use a shared template elsewhere. Cost stays controlled and visual consistency is easier to hold.
2. The Six Design Stages
Stage one, requirement framing. Confirm who visits, what they need to resolve, and what they should do next. The output is a one-page positioning note, not a feature list.
Stage two, information architecture. Define sections, hierarchy and the main modules on each page. This is where custom website design most often goes wrong: too many sections crowd the navigation and users cannot find the entry point.
Stage three, wireframes. Confirm layout and content order in grey scale, without colours or fonts. Changes here are cheap, so structural decisions belong at this stage.
Stage four, visual design. Apply visual treatment to approved wireframes, delivering a high-fidelity home page and one interior page as the style baseline.
Stage five, component library and design rules. Consolidate buttons, forms, cards and heading levels into reusable components, with colour and type specifications.
Stage six, asset export and annotation. Export in the formats the front-end team needs, with spacing and interaction states annotated.
3. Deliverables Checklist
Writing deliverables into the contract prevents most disputes. A complete project should hand over the following.
| Deliverable | Format | Use |
|---|---|---|
| Positioning and section notes | Document | Confirms scope |
| Wireframes | Grey-scale files | Confirms structure |
| High-fidelity designs | Source files | Development reference |
| Component library | Specification | New pages later |
| Icons and imagery | Separate files | Reuse |
Many disputes come from receiving images without rules. Adding a section later then becomes a new invoice, and the client has little choice.
4. Four Acceptance Dimensions
- Information hierarchy. Can a visitor tell within five seconds what the company does and who it serves?
- Consistency. Are button styles, radii, spacing and type sizes unified?
- Responsiveness. Is mobile designed separately rather than the desktop version compressed?
- Maintainability. Does adding a product category require a new design?
For mobile-first sites, also check first-screen load: image compression and lazy loading.
5. Custom Versus Template
Custom design does not suit every company. Teams with a narrow product line, a tight deadline and a limited budget are usually better served by adapting a mature template. Ask three questions: does the site need a distinctive content structure, will it be iterated for years, and is visual design a competitive factor? If all three are yes, consider custom work.
6. FAQ
How long does custom website design take?
Four to eight weeks from requirement framing to design handover. Multi-language or multi-product-line projects take longer and need buffer.
Will the live site differ much from the design?
With a solid specification, differences are small. Compare page by page during acceptance, focusing on spacing and type size.
Can we hire design only, without development?
Yes, but confirm the developer can follow the specification. Ask the designer to provide annotation files and join a final walkthrough.
Will a future redesign mean starting over?
With a component library and rules, a redesign usually touches the home page and key pages while the rest carries over.
GrowLab focuses on integrated content marketing, offering brand strategy, website development and search marketing (SEO/GEO) services. Contact us if you would like an assessment for your own business.
Related
- Where the cost of high-end website development goes
- What to keep when redesigning a website
- Service page: Website development
Need a professional growth plan?
Add our WeChat for a tailored strategy and annual quote.
Contact Us