Home / Work / Arcvane Labs website

Case study · Our own site

Arcvane Labs: our own site, built like a product.

The site you are reading is a case study too: a multi-page company site with nine department pages, an interactive project planner, proof projects and articles, launched with security headers, email routing and Search Console from day one.

What you can hire us for: company websites that explain a complex offer, load fast, are built for search, and turn visitors into briefs.

Type
Our own company website
Status
Live since November 2026
Our role
Everything: brand to launch
Scale
30+ pages, 9 departments
arcvanelabs.com homepage on a phone

Built with

HTMLCSS · vanilla JSThree.jsr128 heroGSAPscroll motionCloudflarePages · DNS · EmailJSON-LDstructured dataSearchConsole

01 / The problem

A new company, nine services, and no reason to be trusted yet.

What our own site had to do.

A new studio selling nine kinds of work to US buyers has the same problem as any growing business: too much to explain, no famous logos, and a few seconds to earn attention.

The site had to make the offer simple, show real work instead of claims, help a visitor plan a project on the spot, and be ready for search from the first day, without any placeholder left behind.

  • 01Explain nine departments without a wall of text.
  • 02Show proof: our own products and clearly labelled concept builds.
  • 03Let a visitor turn an idea into a first plan in seconds.
  • 04Be fast, accessible and secure by default.
  • 05Launch with email, search and analytics-ready structure in place.

02 / What we built

A company site with product-grade details.

Every part is live on this domain.

Nine department pages

Each department has its own page with scope, process, deliverables and FAQs.

AI Project Architect

Describe a project and get departments, team and phases; clearly labelled as a rule-based preview until live AI is connected.

Proof and case studies

In-house products as case studies, and concept builds labelled as concept builds.

Insights articles

Buyer guides on cost, engagement models, briefs and accessibility deadlines.

Email-first contact

A clear "Email us" box with copy and mail buttons, so no enquiry depends on an unfinished form.

Search-ready

Sitemap, canonical URLs and structured data for organization, services, articles, FAQs and breadcrumbs.

Security headers

Content Security Policy, HSTS, frame blocking and a strict referrer policy on every page.

Accessibility built in

Skip link, visible focus, reduced-motion support and a Pause motion control on the 3D hero.

03 / Setup

From source to search, and from visitor to inbox.

How the site is built, served and connected. Dots show the flow.

Architecture: page sources go through a build script to Cloudflare Pages and the live domain, which Search Console indexes; visitors use the Project Architect and email a brief through Email Routing.SOURCEPage sourcesHTML, CSS, JS; onedesign systemBUILDBuild scriptMeta, canonical, schema;preview gets noindexHOSTINGCloudflare PagesPreview and productiondeploymentsLIVEarcvanelabs.comApex and www, securityheaders on every pageSEARCHSearch ConsoleDomain verified,sitemap submittedEMAILEmail Routinghello@ forwards to theteam inbox; DMARC setTOOLProject ArchitectBrief to departments,team and phasesVISITORProspectReads, plans, emailsa briefArchitecture, stacked: Page sources, Build script, Cloudflare Pages, arcvanelabs.com, Search Console, Prospect, Project Architect, Email RoutingSOURCEPage sourcesHTML, CSS, JS; one design systemBUILDBuild scriptMeta, canonical, schema;HOSTINGCloudflare PagesPreview and production deploymentsLIVEarcvanelabs.comApex and www, securitySEARCHSearch ConsoleDomain verified, sitemap submittedVISITORProspectReads, plans, emails a briefTOOLProject ArchitectBrief to departments, team and phasesEMAILEmail Routinghello@ forwards to the
Build and publishVisitor to brief

04 / Screens

The site itself, captured live.

Captured from arcvanelabs.com in November 2026. Select a screen to enlarge it.

HomepageNine departments as one connected hub, with motion that can be paused.
AI Project ArchitectA brief becomes departments, team, phases and first questions.
arcvanelabs.com on a phone
MobileThe same story on a phone, with the 3D hub scaled down.

05 / Launch checklist

What was in place on launch day.

Checked on the live domain.

Nine departmentsEach card links to a full department page and can be added to a plan.
  • DNS cleaned upParking records removed; apex and www point to production.
  • Email routinghello@ forwards to the team inbox, with SPF, DKIM and DMARC records.
  • Search ConsoleDomain property verified and the sitemap submitted.
  • Preview kept out of searchPreview builds carry noindex so they never compete with the real domain.
  • No placeholdersEvery page checked for placeholder text before launch.
  • Honest labelsThe planner says when it is a rule-based preview; concept builds say they are concepts.

Form-based contact will return once server-side email delivery is set up; until then every page offers a direct email option.

06 / Decisions

Choices that make a studio site credible.

What a buyer can ask us about.

01

Proof over promises

We publish our own products as case studies instead of inventing clients or numbers.

02

Honest about what is live

Anything not yet connected is labelled, and nothing depends on it to reach us.

03

Motion with an off switch

The 3D hub and scroll effects respect reduced-motion settings and offer Pause motion.

04

Static where possible

Pages are static files on a global network, so they load fast and have little to attack.

05

Structured for search

Every page ships with the metadata and structured data search engines read.

06

One design system

Every page, including these case studies, uses the same tokens, type and components.

07 / Timeline

Designed, built and launched in four days.

And still growing.

  1. Design chosen

    Electric blue and lime direction, 3D nine-department hub and Project Architect approved.

  2. Pages and proof

    Department pages, articles, proof projects and legal pages built and checked.

  3. Name and domain

    Arcvane Labs chosen and arcvanelabs.com registered.

  4. Live

    DNS, Cloudflare Pages, email routing, DMARC, Search Console and sitemap.

  5. Case studies

    In-house products added as case studies, including this one.

08 / What it shows

What this project proves for your build.

The same skills, applied to your site.

  • Explaining a complex offer simply
  • Interactive tools that start conversations
  • Premium motion that stays accessible
  • Security and search set up from day one
  • Clean launches: DNS, email and indexing
  • Design systems that scale across pages

How we would run your build: a free call, then a written scope with a fixed price or monthly rate, weekly progress updates, independent QA before launch, and a full handover of code, documentation and access. See how we work →

This is our own company website, designed, built and run by Arcvane Labs.

Next case studyXAU Setups →

Build a company site like this.

Book a free call →