Professional

Build an Architect Portfolio Page with AI

Showcase your architecture practice with a clean, modern portfolio website. Present completed projects with descriptions and specifications, outline your design philosophy and services, display awards and publications, and make it easy for clients to start a conversation.

Build Prompt

Copy this prompt into Claude Code

Build a static HTML architect portfolio page. Dark theme with background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent color #64748b (slate). Data from inline `const PROJECTS = [...]`, `const SERVICES = [...]`, `const AWARDS = [...]`. Projects: 8-12 sample projects with: name, type (Residential, Commercial, Institutional, Mixed-Use, Renovation, Interior), location, year, square footage, description, design approach, sustainability features, image placeholder dimensions. Filter by project type. Services: Architectural Design, Interior Design, Master Planning, Feasibility Studies, Sustainable/Green Design, Historic Preservation, Construction Administration, 3D Visualization & Rendering, Permit Documentation. Each with description. Layout: Minimal, gallery-focused hero with firm name and tagline. Portfolio grid: project cards with overlay showing name and type, click to expand full project details. About section: firm philosophy, principal bio, team size, years of practice, licenses (AIA, LEED AP). Awards & recognition section. Publications and press mentions. Process section: how we work (4 phases — Discovery, Design Development, Documentation, Construction). FAQ: typical project timeline, fee structure (percentage of construction cost), jurisdictions served. Inquiry form: name, phone, email, project type, location, estimated budget range, project description, timeline, how did you find us. ProfessionalService schema.org. SEO: title, meta description, OG tags. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Make It Yours

Before & After

Renovation project slider showing original condition and completed transformation.

Design Blog

Architecture and design articles covering trends, materials, and sustainable practices.

Cost Guide

Residential construction cost-per-square-foot guide by region and build quality level.

Material Library

Curated material and finish selections showcasing preferred products and suppliers.

Virtual Tours

360-degree virtual walkthrough embeds of completed projects for immersive viewing.

Careers Page

Job openings, internship program, and studio culture to attract talent.

Update Prompt

Update Prompt — Add new projects

Add 4 new completed projects with full descriptions. Include LEED certification details for green projects. Add client testimonials with project names. Include construction photography timeline for one featured project. Update PROJECTS, AWARDS arrays. Redeploy.

SEO Tips

Target "architect [city]", "residential architect near me", and "commercial architect [city]" keywords.
Create project type pages like "Custom Home Architect [City]" and "Restaurant Design [City]."
Write design articles like "How Much Does an Architect Cost?" and "What to Expect When Hiring an Architect."
Add FAQ schema answering "Do I need an architect?" and "How long does the design process take?"
Submit projects to architecture publications and directories for high-quality backlinks.

Monetization Ideas

Direct project inquiries from the contact form (primary revenue).
Architecture book and magazine affiliates for design enthusiasts visiting your portfolio.
Design software affiliates (SketchUp, Rhino, Revit) for architecture students.
Home building product affiliates for clients researching materials and finishes.
Architecture school and continuing education referrals for emerging architects.

Related Ideas

Ready to build your Architect Portfolio Page?

Copy the prompt above and paste it into Claude Code. Your portfolio will be live in minutes.

Get Started