Architecture Portfolio Website — Lattice Architects
A quiet, image-first portfolio and enquiry funnel for a architecture, interiors or landscape practice.
Secure checkout · instant download · full code & ownership, yours to keep
Get the site files and launch it yourself
Everything you just previewed — every page, all styling and images — as a clean, self-contained website you own and rebrand. No build step, no lock-in. Deploy it free in about 10 minutes with the included guide.
- Complete multi-page site (HTML/CSS/images)
- 10-minute deploy guide (Netlify / Vercel / any host)
- Full ownership — edit text, colours, brand freely
Secure checkout · instant download
Your files are ready
We've also emailed this download to your inbox. Grab the files below too — links are valid for 72 hours, and we noted your email for a fresh link any time.
Project Brief Estimator — try it yourself in the live demo before you buy.
Built from the live, clickable Lattice Architects demo — then customised uniquely to your practice and brief
Signature Project Brief Estimator: visitors pick type × scale × scope and see an indicative fee band & programme
Image-first design: full-bleed project sequences, a filterable work index & a full-screen lightbox
You own 100% of the code, content and IP outright — no lock-in, host it anywhere.
Click the real, working live demo — no mockups, no guesswork. What you preview is what you launch.
Built by SGBP — 17+ years and hundreds of websites delivered across industries.
- Price
- $19 (one-time)
- Format
- Multi-page site (HTML/CSS/images)
- Deploy
- ~10 min on any host
- Ownership
- 100% files & code — yours
What does a Lattice Architects portfolio actually do for my practice ?
It gives a practice a portfolio that wins commissions, not just one that looks refined — live in about a week instead of a + custom build. You get a quiet, image-first site you can try in the live demo, a Project Brief Estimator that helps prospects self-qualify, an asset you own outright, and running costs rather than an open-ended retainer.
Architecture is sold on credibility and the quality of the work shown, and most practice websites quietly undersell both. A bespoke site from a agency typically runs several thousand dollars and drags over weeks of meetings, while a blank template platform is cheap but crushes your projects into slow, cramped grids that make a serious body of work look ordinary. The Lattice build gives you a calm, editorial, image-first portfolio — customised to your projects and studio — live so you can send a real link to a prospective client this month.
Crucially, it is built to convert enquiries, not just to be admired. Every element you can click in the live demo earns its place: a full-bleed photo hero that lets a hero project carry the first impression, a filterable work index so a developer can jump straight to residential or commercial, per-project image sequences and a lightbox that let your buildings breathe at full size, and the signature Project Brief Estimator that lets a prospect see an honest fee band and programme before they even write to you — warming the lead and filtering out the unworkable ones.
Finally, it is an asset you own and can grow, not a rental. You keep 100% of the code and editable files, so a new project handover becomes a CMS upload rather than a developer ticket. After launch you only pay what you choose — managed hosting and optional care — instead of an open-ended retainer. Start lean at then add a journal, an SEO pack or a deeper archive as the practice grows, up to for a fully loaded build.
- Launch — versus the several thousand dollars and weeks a custom practice site typically takes.
- Signature Project Brief Estimator built in: prospects self-qualify on type, scale and scope and see an indicative fee band and programme.
- Image-first and editorial: full-bleed project sequences and a lightbox that present a serious body of work the way it deserves.
- Mobile-first and fast — the way most clients first open your link — with heavy architectural imagery tuned to Core Web Vitals.
- You own 100% of the code plus editable files — add projects and edit pages yourself, no agency lock-in or per-change fees.
- Predictable running costs: managed hosting and optional care, not an open-ended monthly retainer.
What problems does a Lattice portfolio fix that DIY and freelancers don’t?
It removes the things that frustrate most practices: slow launches, a site that makes good work look generic, project galleries that load slowly, sites you can’t update yourself, agency lock-in, no SEO and no clear way for a prospect to enquire or gauge a fee. You get a complete, image-first portfolio with a Project Brief Estimator you own outright, live.
Most architecture and design studios try one of four routes and hit the same wall. A free template looks generic and squeezes your projects into slow, cramped grids. A cheap web freelancer can disappear mid-build or hand over something you cannot touch. A full agency may quote several thousand dollars and tie you to their platform and a retainer. And DIY eats the studio hours you would rather spend designing. The Lattice build is designed to remove each of those frustrations, not just shift them around.
Craft and credibility: instead of months of fiddling, your portfolio is customised from a proven, editorial architecture demo and typically delivered, with project pages laid out so each building loads sharp and full-bleed. The calm, near-monochrome design and a clear studio statement help a younger or boutique practice look established from day one — which matters when a developer or a private client is deciding whom to trust with a real budget.
Conversion and qualification: this is not a digital brochure. The filterable work index, per-project sequences, a full-screen lightbox and the signature Project Brief Estimator are all built to move a visitor from admiring your work to making a real enquiry — and the estimator quietly filters out the briefs that were never going to fit your fee. Most beautiful practice sites leak every lead because there is no obvious next step and no honest way to talk about cost.
Ownership and cost: you own 100% of the code and edit everything through editable files, so you are never tied to an agency retainer. On-page SEO, GA4 and clean markup are delivered as standard. And pricing is a transparent customiser with — no vague ‘it depends’ invoices.
- Too slow to launch → Your portfolio is built from the live Lattice demo and typically handed over, so you can pitch with a real link sooner.
- Makes good work look generic → A calm, editorial, near-monochrome design and full-bleed project sequences present a serious body of work properly.
- Slow, cramped galleries → Full-bleed, lazy-loaded image sequences and a lightbox tuned to Core Web Vitals, so heavy architectural sets stay sharp and fast on mobile.
- Can’t update it yourself → editable files plus a plain-English deploy guide let you add a project, swap a hero or edit a page without paying anyone.
- Locked into an agency → You own 100% of the code and can host it anywhere; managed hosting and a care plan are optional, never compulsory.
- No SEO foundation → On-page SEO, clean markup and GA4 are delivered as standard, with an advanced SEO/AEO pack available if you want to push harder on visibility.
- No way to enquire or gauge a fee → A structured project-enquiry form plus the Project Brief Estimator, so prospects have an obvious next step and an honest first number.
What is under the hood of your Lattice Architects portfolio?
Under the hood is static-first Astro, exactly what this demo runs on, or a hardened WordPress, Webflow or Squarespace-style build, served over a global CDN with modern image compression and caching. It is fast even with heavy architectural imagery, WCAG 2.2 AA accessible, SSL-secured, PDPA-aware, and yours to deploy anywhere.
The native build, exactly what this demo runs on, is static-first Astro with a headless CMS and minimal JavaScript — ideal for an image-heavy practice portfolio because pages stay light even when a project carries a dozen full-bleed frames. Prefer a hosted platform? We build a hardened WordPress (+), Webflow (+) or Squarespace-style (+) site instead. Whichever you choose, it is served over a global CDN with modern compression and caching.
We tune hard for Core Web Vitals because project galleries are where most practice sites die. Images are lazy-loaded in modern formats (WebP/AVIF) with set dimensions to avoid layout shift, the lightbox preloads the next frame, and the filterable work index stays snappy on mobile — where most developers and private clients first open your link. The Project Brief Estimator runs entirely client-side, so it is instant and adds nothing to your page weight.
SSL/HTTPS and security headers are enforced, the project-enquiry form is spam-protected, and data handling is PDPA-aware. You own 100% of the source code, with no lock-in, so you can host with us or deploy anywhere yourself. The whole stack is chosen so a small studio can run a fast, professional website without a developer on call.
- Static-first Astro, or a hardened WordPress, Webflow or Squarespace-style build.
- Image-optimised: lazy-loaded WebP/AVIF, set dimensions, lightbox preloading for heavy project sets.
- Core Web Vitals tuned; WCAG 2.2 AA accessible, semantic HTML.
- SSL/HTTPS and security headers; PDPA-aware enquiry handling.
- The Project Brief Estimator runs client-side — instant, no added page weight.
- Clean SEO markup, XML/image sitemaps and GA4 included as standard.
- 100% source-code ownership, no lock-in, deploy anywhere.
Will my Lattice portfolio rank on Google and get quoted when someone asks an AI for a architect?
Every build is delivered search-ready: clean semantic HTML, a JSON-LD schema graph (CreativeWork, ImageObject, Person, FAQ, Breadcrumb), fast Core Web Vitals, XML/image sitemaps and Search Console. Answer-first copy and signals — SGD fees, PDPA, areaServed, BCA/URA context — give Google, AI Overviews, ChatGPT, Perplexity and voice assistants the structure they need to surface and quote you. No rankings are guaranteed.
Plenty of practice sites are built to look refined and little else — images with no alt text, slow pages, no structured data — so neither Google nor AI engines can really tell who you are or what you build. We build the opposite. Your Lattice portfolio is delivered with clean semantic HTML5, correct heading order, descriptive alt text on every project image, canonical tags and a tidy URL structure — the foundation search engines and crawlers reward. Rankings always depend on your niche and competition, but the technical groundwork is done right from day one.
Here is what the jargon means in plain terms. SEO helps you rank on Google for searches like ‘landed house architect ’ or ‘landscape architect ’. AEO (Answer Engine Optimisation) and AIO (AI Optimisation) help your practice get surfaced and quoted by ChatGPT, Perplexity and Google AI Overviews when someone asks ‘who is a good residential architect ?’. GEO (Generative Engine Optimisation) makes sure those answers know you serve specifically. Voice covers Siri, Google Assistant and Alexa — short, spoken-friendly answers they can read aloud.
The engine behind this is a JSON-LD schema graph baked into every page: CreativeWork and ImageObject markup so your projects are machine-readable; Person markup so your principals and base are unambiguous; FAQPage so your fee and process answers can be lifted into AI replies; and BreadcrumbList so Work → Residential → Nassim Grove House is crawlable. The advanced SEO/AEO pack adds speakable markup, Bing and Search Console setup and an answer-engine optimisation pass — an optional upgrade on the base build.
- Clean semantic markup: HTML5 structure, logical headings, descriptive alt text and canonical tags — built for crawlers and AI parsers, not just browsers.
- Full JSON-LD schema graph: CreativeWork, ImageObject, Person, FAQPage and BreadcrumbList — your projects, principals and FAQs become readable by Google and AI engines.
- Fast Core Web Vitals: image-optimised, mobile-first pages — page experience is a Google ranking factor and keeps clients from bouncing off a slow gallery.
- Answer-first content: studio, discipline and FAQ copy written question-led and concise, so AI Overviews, ChatGPT and Perplexity can quote it and voice assistants can read it aloud.
- Sitemaps & Search Console: XML and image sitemaps plus robots.txt submitted to Google (and Bing) so new projects get found and indexed sooner.
- signals: SGD fees, PDPA-aware data handling, areaServed and natural local terms (BCA, URA, districts) so you surface for local searches.
- On-page SEO on every page, included from the base — titles, meta descriptions, Open Graph and Twitter cards for clean social and AI link previews.
- You own 100% of the code with editable files — add a project and its SEO fields and schema update automatically, no developer needed.
What does each page of my Lattice Architects portfolio actually look like?
You get a full practice portfolio, not a template: a full-bleed photo homepage with an overlay menu, a filterable work index, per-project case studies with image sequences and an Info facts table, a disciplines section, a studio/about page with your principals, an approach/process page, the Project Brief Estimator, a journal and a project-enquiry page — rebuilt with your work, studio and SGD fee context.
We start from the live Lattice demo and rebuild every page around your projects, studio and disciplines. Nothing stays as filler: your images, project names, locations, copy and people replace the demo content, and each page keeps the features that make the demo work — the full-bleed hero, filterable grid, project sequences, lightbox, Info table and the Brief Estimator — wired to your own practice.
Every page is delivered mobile-first with clean SEO markup, a spam-protected enquiry form and editable files, so you can swap a hero project, add a new completion or update a discipline page long after handover. The pages below are what is included in the base build; portfolio size, journal, advanced SEO and the estimator/enquiry features are where the customiser adds cost, up to.
signals are built in where they help clients trust you: fees referenced in S$ and as a percentage of construction cost, the enquiry form PDPA-aware, and BCA/URA context where it is natural. You own 100% of the code, and it is typically delivered.
- Homepage — a viewport-filling photo hero with a giant wordmark and an overlay (hamburger) menu, a category strip, a single thin studio statement, a selected-work rhythm of full-bleed projects, the Project Brief Estimator and an Explore grid — all rebranded to you.
- Work index — the filterable, staggered project grid as a full page, so a developer or private client can jump straight to residential, commercial, interiors or landscape and click through to any project.
- Project page — a single case study per project: a thin title with a location/year subline, a full-bleed hero, a short story of the brief, a staggered image sequence opening into a lightbox, and an Info facts table (location, type, discipline, year, status).
- Disciplines — an overview plus a page per discipline (architecture, interiors, landscape, master planning) explaining what each engagement includes, with related work.
- Studio — your practice story, principles, an honest stats band and your principals with short bios — real, editable copy that builds trust and supports SEO.
- Approach — your five-stage process from first conversation to completion, plus a frank note on how design fees work.
- Project Brief Estimator — the signature tool: a visitor picks project type, scale and service scope and sees a matched engagement, an indicative design-fee band and a programme, then carries the selection straight into a WhatsApp enquiry.
- Journal — field notes and studio thinking with clean article markup, plus a client-voices section for credibility.
- Contact — a structured project-enquiry form (name, mobile, email, type, site/district, timeframe, brief) with PDPA consent, your studio details and a FAQ accordion.
Can the Lattice portfolio scale from 6 projects to a 20+ archive across four disciplines as the practice grows?
Yes. Your portfolio starts lean at 6 projects and scales to a 20+ archive with faceted discipline navigation, plus a journal, discipline and approach pages, and the Project Brief Estimator. Add a client-voices wall, an Instagram feed and WhatsApp enquiries as you grow. Because you own 100% of the code, nothing holds you back from extending it.
Most practices launch with a tight edit of their strongest projects and grow the body of work as completions land. The Lattice build is made for that curve. Day one you might show 6 of your best buildings across residential and commercial. As the practice deepens, the customiser lets you step up to 12, 20, or a 20+ archive with faceted discipline navigation and tags, so adding a new project is a CMS upload rather than a rebuild. The filterable work index and full-bleed sequences you saw in the demo keep a large body of work easy to browse on any phone.
Growth is not only more projects, it is more enquiries and more disciplines. The native Astro build shown in the demo is delivered as a fast, static, mobile-first site served over a global CDN, so a feature in an architecture publication or an award announcement is far less likely to slow it down or run up a server bill, and your optional Managed Hosting keeps it online. (If you choose WordPress, Webflow or a Squarespace-style build instead, you get a hardened, CDN-served build on that platform.) When you are ready to convert more of that attention, the Project Brief Estimator, a client-voices wall, an Instagram feed and WhatsApp click-to-chat are all available.
Moving into new lines — interiors, landscape, master planning, regional work? Each gets its own discipline page, with SGD and percentage-of-cost fee context and PDPA-aware enquiries staying native for your clients. The real future-proofing, though, is ownership: you hold 100% of the code with editable files, delivered with a deploy guide. When the practice outgrows today’s setup, the same codebase extends instead of forcing you to start over.
- Portfolio scales from 6 to a 20+ archive; large bodies of work onboard via the CMS with faceted discipline navigation and tags.
- Filterable work index and full-bleed project sequences keep a big archive fast and browsable on mobile.
- The native Astro build is static and CDN-served, so it stays fast through a press feature or an award announcement; WordPress / Webflow / Squarespace-style builds are hardened and CDN-served too.
- Add disciplines as you grow: a page each for architecture, interiors, landscape and master planning.
- Add channels: the Project Brief Estimator, a client-voices wall, an Instagram feed and WhatsApp click-to-chat.
- SGD and percentage-of-cost fee context plus PDPA-aware enquiries stay native for clients.
- You own 100% of the code, so there is no forced re-platform and no lock-in as the practice scales.
How do I put it online and make it mine?
It is a plain static site, so going live takes about ten minutes with the included guide — or add the deploy option and we do it for you. Editing is just changing labelled text, images and colours in the files; no CMS login, no developer needed.
To go live: unzip the download, double-click the home page to preview it locally, then drag the folder onto a free host like Netlify (or connect Vercel / Cloudflare Pages) and point your domain at it. The step-by-step guide walks through each option.
To make it yours: open the files in any editor and change the wording, swap the images and logo, and adjust the colours and fonts — everything is clearly labelled and the guide shows you where each piece lives. Because you own the full source, you can hand it to any developer for deeper changes later.
Prefer not to touch any of it? Add “we deploy it for you” at checkout and we host it, connect your domain and take it live within two business days.
What exactly do I get in the download?
The complete, multi-page website you previewed — every page, all styling and all images — as clean, self-contained files you own outright, plus a short guide to get it online. No build step, no subscription, no lock-in.
Everything is plain HTML and CSS you can open and edit with any editor. Download the ZIP, unzip it, double-click to preview, then publish it anywhere.
- Every page from the live demo, fully built and linked
- All styling, fonts and images, ready to use
- The signature interactive tool from the demo
- Mobile-first, responsive, speed-tuned markup
- 100% ownership — edit text, colours and brand freely
- A 10-minute deploy guide (Netlify / Vercel / any host)
- Optional: add “we deploy it for you” at checkout
Questions about this template
Everything about buying, downloading, editing and launching it — and the option to have us deploy it for you. Still stuck? Reach out any time.
What exactly do I get?
The complete website you previewed, as a clean set of files you own — every page, all the styling and all the images, in plain HTML and CSS. No build step, no framework to learn, no account or subscription. You download a ZIP, unzip it, and the whole site is there ready to open, edit and publish.
Do I own it, and can I edit everything?
Yes — 100%. Once you download it the files are yours to keep and change however you like: rewrite the text, swap the colours and fonts, replace the images and logo, add or remove pages. There is no licence trap, no watermark and no lock-in. Rebrand it as your own business and use it on your own projects.
How do I put it online?
It is a plain static site, so it works on almost any host. The included 10-minute guide walks through the easiest free options — drag the folder onto Netlify, or connect Vercel or Cloudflare Pages — and how to point your own domain at it. Prefer not to touch any of that? Add the “we deploy it for you” option at checkout and we host it, connect your domain and take it live.
Do I need to know how to code?
No. To go live you double-click to preview and drag-and-drop to a host — no coding needed. To change wording, colours or images you edit clearly-labelled text in the files (any code editor, even a plain text editor, works) and the guide shows you where. For deeper custom changes later you can hand the files to any developer, since you own the full source.
Can I preview it before I buy?
Yes — the live demo linked at the top of this page is the real template, running exactly as you would receive it. Click through every page, try it on your phone, open the interactive tools. What you see in the demo is what lands in your download.
Will it work on mobile and load fast?
Yes. Every template is built mobile-first and tuned for speed — responsive layouts, optimised images and clean, lightweight markup — so it looks right and loads quickly on phones, tablets and desktops out of the box.
Is the design unique or a generic theme?
Each template is an original, hand-built design with its own layout, colour system, type and interactive tool — not a recoloured stock theme. You are getting a genuinely distinct site; you make it yours by swapping in your brand, copy and images.
What if I want you to set it up for me?
Add the deploy option at checkout and we host it, connect your domain and take it live within two business days — you just send your brand and content. Need a bigger custom build or ongoing help beyond that? Reach out and we can quote it separately.
What is your refund policy?
Because this is an instant digital download you keep, we generally cannot offer refunds once the files have been delivered. If a file is missing or a link does not work, contact us and we will fix it or re-send your download right away.
