--- title: "Company Website Templates Case Study: 5 Designs, 25 Pages" description: "Five company website templates (freight, accounting, dental, precision machining, B2B SaaS): 25 live pages under 25 KB each, no JavaScript, no stock photos." url: https://williamw.name.my/portfolio/company-website-pack/ language: en --- [Home](https://williamw.name.my/) [Portfolio](https://williamw.name.my/portfolio/) Company Website Pack: 5 Landing Page Templates # Company website design & build: Five pages, five design directions Five complete company websites (25 pages in total), built as live, responsive pages rather than mockups. Each template covers the same five-page structure a company site actually needs, in a different visual direction, and each page ships under 25 KB of HTML and CSS with zero JavaScript and no images to load. [Ask me on WhatsApp](https://williamw.name.my/go/whatsapp?from=case-company-website-pack-head&l=en&text=Hi+William%2C+I+read+the+%22Company+Website+Pack%3A+5+Landing+Page+Templates%22+case+study+on+your+website+and+would+like+to+discuss+a+similar+project.) By [William W](https://williamw.name.my/about/), WilliamW Resources. Ten-plus years in IT infrastructure and security. Updated 2026-09-15 Demo templates · fictional companies [Live demo](https://williamw.name.my/templates/) ![Template 01, Northwind Freight: Home](https://williamw.name.my/images/projects/templates/northwind/01-home.jpg) Template 01, Northwind Freight: Home ## The starting point Most company-website projects stall in the same place: the owner cannot judge a direction from a mood board, and the alternative (a page-builder theme) looks like every other business in the same trade. Meanwhile the demo site is usually three screens of stock photography and lorem ipsum, so nobody can tell whether the design survives real content: a rate card, a fee schedule, a machine list, an opening-hours table. ## What was built - Five design directions, not five recolours: each template has its own typeface pairing, palette, spacing scale and page structure (an ops-desk layout, an editorial document layout, a soft clinical layout, a dark technical drawing sheet and a product-led SaaS layout) - The same five pages every company site needs: landing page, services or product detail, credibility page (team, firm or capabilities), a page that answers price, and contact with a working enquiry form - Real content instead of placeholder text: published cut-off times and transit days, a fee schedule with ranges, treatment prices per visit, machining tolerances in µm, plan comparison rows, the material a buyer actually reads before enquiring - Industry-specific components where they earn their place: a live shipment tracker, a credentials ledger, an appointment-slot card, a shop capability plate, and a dispatch board built entirely in CSS - No photography dependency: the visual weight comes from typography, colour and CSS-drawn structure, so a client with no photo library still gets a site that looks finished - Built as static Astro pages on Cloudflare: no JavaScript, no page builder, no CMS to patch monthly, visible keyboard focus states and reduced-motion support throughout Tech stack - Astro - TypeScript - CSS - Responsive - Cloudflare - SEO ## Inside the system 25 screenshots, click to view - ![Template 02, Meridian Advisory Partners: Home](https://williamw.name.my/images/projects/templates/meridian/01-home.jpg) Template 02, Meridian Advisory Partners: Home - ![Template 03, Rivergum Dental Studio: Home](https://williamw.name.my/images/projects/templates/rivergum/01-home.jpg) Template 03, Rivergum Dental Studio: Home - ![Template 04, Forge Precision Engineering: Home](https://williamw.name.my/images/projects/templates/forge/01-home.jpg) Template 04, Forge Precision Engineering: Home - ![Template 05, Cobalt Field Ops: Home](https://williamw.name.my/images/projects/templates/cobalt/01-home.jpg) Template 05, Cobalt Field Ops: Home ## What it changed - A client picks a direction by clicking through five working sites, not by approving a picture - Every page ships under 25 KB of HTML and CSS with zero JavaScript, so the site loads on a weak mobile connection at a customer site - Because the structure is shared, rebranding a chosen template to a real company (copy, palette, typefaces, logo) is days of work rather than a project restart - Nothing to maintain after launch: static files on Cloudflare, no plugin updates, no theme licence renewals, no admin login to be compromised ## Have a project in mind? Tell me what you need. I usually reply within one business day. [WhatsApp](https://wa.me/ww6886) [Email](mailto:inquiry@williamw.name.my) [Telegram](https://t.me/williamw6886) [Signal](https://signal.me/#eu/h1W76J74uDauxkfBfSoVotZ-pZe2ogGDa6vmK3Xqw8tWLNsiTE9OaIvVwXZxHiqE) [LinkedIn](https://www.linkedin.com/company/williamw-resources/) [Or send the details through the form](https://williamw.name.my/contact/?from=case-company-website-pack) ## Related - [All case studies](https://williamw.name.my/portfolio/) - [Services and how I deliver](https://williamw.name.my/services/) ## Common questions ### Can I just take one of these templates for my company? That is what they are for. Pick the direction that fits your trade and we rebrand it with your copy, colours, typefaces and logo; the fictional company content is replaced entirely. Typical turnaround for a five-page site from a chosen template is one to two weeks including your content review. ### Do I need to supply professional photos? No. All five templates are deliberately photo-free: the design works through typography, colour and layout. If you do have photos of your plant, clinic or team, they go in and improve it further; the site does not depend on them arriving. ### What does a five-page company website cost, and what about hosting? Starting from a template, a five-page bilingual site sits in the lower range on my pricing page, and hosting on Cloudflare is typically free at this traffic level; you pay for the domain. Send me your industry and the pages you need and I will reply with a concrete range within a business day. ### Can the site be bilingual, English and Chinese? Yes. The site you are reading is built that way, with locale-prefixed URLs, hreflang tags and one content source per language. The templates are shown in English only so the design is judged on its own; adding a second language is a known, priced step rather than a rebuild. ### Will the forms actually work? In the demo templates the forms are styled but inert; they submit nothing on purpose. On a delivered site the enquiry form posts to email, WhatsApp or your CRM, with spam protection and a copy of every submission kept where you can search it. ## Ready to scope it? Send what you manage today and what hurts. I reply within one business day; once we have talked it through, you get a written scope with a fixed price per milestone within one business day. [Message me on WhatsApp](https://williamw.name.my/go/whatsapp?from=case-company-website-pack-end&l=en&text=Hi+William%2C+I+read+the+%22Company+Website+Pack%3A+5+Landing+Page+Templates%22+case+study+on+your+website+and+would+like+to+discuss+a+similar+project.) [Email or other ways](https://williamw.name.my/contact/?from=case-company-website-pack-end) [inquiry@williamw.name.my](mailto:inquiry@williamw.name.my)