HTML, CSS and JavaScript
Responsive project routes, galleries, navigation, motion behavior and privacy controls.
All work
Client website · Evidence-led web design
ArchTech
A renovation portfolio where the project evidence does the selling.
Project status
Client project · Live business website · archtechdd.com · 2026
ArchTech is a renovation/construction client. My role was the website — evidence audit, content architecture, design and build. I don't perform architectural services.
Project boundary. Website case study for a construction client; motion studies are labelled experiments, not documentation of completed builds.
My contribution
Evidence audit, content architecture, website design and building, project-reel interaction, responsive front-end, motion prototyping, technical SEO and a privacy-hardened deployment.
01 / Design decisions
Begin with evidence, not an invented company story.
I started with supplied renovation photographs rather than an invented company story. The first phase separated visible evidence from claims that still needed confirmation.
02 / Design decisions
Turn the inventory into a useful path.
The content map organizes six projects and four service paths. Before, process and after images become connected case studies instead of an undifferentiated gallery.
03 / Design decisions
Make the archive feel like an experience.
A vertical project reel, gallery views and responsive navigation let visitors move between overview and detail without losing the photographic evidence.
04 / Design decisions
Test motion without disguising what is real.
A muted, optional AI-assisted motion study explores how still project imagery might become a scroll-led film. It is labelled as a visual experiment, not documentation of a completed build.
05 / Design decisions
Build the production foundation into the design.
Semantic page structure, responsive behavior, search metadata, structured data, privacy controls and restrictive headers support the public-facing experience.
06 / Design decisions
Keep the final handoff honest.
The public ArchTech site now carries the selected-work system, real project photography, service paths and project reel at its canonical domain. The case study stays careful not to turn unfinished evidence or AI motion studies into claims about completed construction.
What came out of it
The outcome.
A responsive renovation portfolio system with six project paths, four service routes, an interactive project reel, an optional motion study and a clearer production foundation.
What I would develop next
With the client: test the live site with real visitors and deepen project-level outcomes as new approved evidence arrives.
Explore all 2 curated project assets
Additional views and the assets discussed above. Open images for their full composition; videos use native playback controls.
Tools with a purpose.
Content architecture
Six project paths, four service routes and repeatable before/process/after evidence sequences.
Technical SEO and structured data
Meaningful page structure, search metadata, canonical signals and public-delivery foundations.
Where AI enters the process.
AI-assisted motion study
A clearly labelled, muted visual experiment that explores movement from still architectural imagery; it is not presented as documentary footage of completed construction.
visible in the latest reviewed build