Architect portfolio website builder
An architecture portfolio with the photographs and the drawings
Architecture is presented through photographs, drawings and a few precise sentences. FNJ's AI builder designs an architect's portfolio in that tradition: projects with location, year and status, large photography, plans and sections as images, a practice page and contact. It suits small practices, independent architects and graduates applying to offices.
- Photography and drawings together
- Projects with the facts
- A quiet frame
The same sample at phone width. The builder designs every page at desktop, tablet and phone widths.
The sample, section by section
What an architect website needs
The sections the builder can design for you, and the job each one does. The starter prompt asks for these; add or drop any of them in your own words.
- 01
Project hero
One building, full width.
- 02
Projects index
Built work, competitions and studies.
- 03
Project pages
Photos, drawings, facts and text.
- 04
Practice
Approach, team and recognition.
- 05
Contact
Studio address and email.
Sample photography from Unsplash by junoless, joelfilip, photohunter and rpnickson.
Made for architects, not for everyone
01
Photography and drawings together
Large photographs beside plans, sections and models, the way practices publish work.
02
Projects with the facts
Location, year, status, size and collaborators, set out plainly.
03
A quiet frame
A restrained grid and precise type that let the buildings carry the page.
Starter prompt
A prompt written for architects
It opens in the builder ready to edit. Replace the words in brackets with your own details, change anything else you like, then add a reference.
Reference to add
An architecture practice's site whose restraint and grid you admire.
The builder takes a reference's look (layout, type, palette, spacing), never its words or images.
Build an architecture portfolio for [practice name], an architecture practice in [city] working on [housing, cultural and public] projects. Open with a full-width photograph of our latest building and our name in a precise sans-serif. Add a projects index with eight projects (location, year, status) and a page for each with large photographs, plans and sections as images, a facts block (size, client, collaborators) and a short text. Add a practice page with our approach and team, and a contact section with our studio address. Minimal and precise: white space, a strict grid, small refined type and no decoration.
How it works
01
Describe your architect site
Open the builder with the starter prompt, fill in your details and add a screenshot or link of a site you'd like yours to look like. A reference is required: it's what makes the design yours rather than a template.
02
Watch it design every page
The builder plans the pages, palette and type, then builds each page section by section on a canvas at desktop, tablet and phone widths while you watch.
03
Refine it, then take the code
Ask for changes in plain words or edit by hand, upload your own photos, then download a Next.js project or static HTML, or push it to your GitHub, and host it where you like.
What it costs: From $25/month, or $29 once for 50 credits. Every site you build is yours to keep. No FNJ hosting fee: you host the exported site. See plans
Built with FNJ's AI builder
Look at this beautiful site our AI builder built in 10 minutes
One prompt and a screenshot of a site we liked, recorded as it happened. The builder designed a portfolio, built every page on the canvas for desktop, tablet and phone, and handed over the code. The video skips the waiting.
Architects: questions
- Can I show plans and sections?
- Yes, as images exported from your drawing software. Ask for wide layouts so drawings stay legible.
- Can architecture students use this for job applications?
- Yes. Ask for a CV section and student project pages; you can also export a PDF portfolio separately and link to it.
- Can I embed a 3D model or virtual tour?
- Not in the builder. Link to the model or tour with a button, or add a viewer to the exported code.
- Can each project have many images?
- Yes. Each image is its own block, and pages are designed at desktop, tablet and phone widths.
Portfolio guides
- GuidePortfolio Website Ideas for 12 Professions, Page by PageFor 12 professions, from real estate photographers to translators: what the portfolio home page should lead with, and the three to five pages worth building.Read the guide →
- GuideInterior Design Portfolio Website: What Clients Want to SeeWhat clients look for on an interior designer's website: project pages with before and after, strong photography, your process, services, fees and service area.Read the guide →
- GuidePersonal Website vs Portfolio: Which Should You Build?A portfolio wins a specific kind of work; a personal website represents you. How to choose, when to combine them, and how to pick the right domain name.Read the guide →
Related portfolio builders

Interior designers
An interior design portfolio clients can almost walk into

Real estate photographers
A real estate photography website agents book on sight

Landscape photographers
A landscape portfolio with room to breathe
More for freelancers and professionals
Publish your buildings properly
The builder opens with your architect prompt filled in. You edit it, add a reference, and watch the first version take shape.



