Website
Virtus Infrastructure
A website for a construction company that builds tunnels.
- Client
- Virtus Infrastructure
- Sector
- Civil and tunnel construction
- Location
- Sydney, Australia
- Pages
- 7 desktop pages

Overview
A construction website that leads with tunnels.
Virtus Infrastructure builds civil and mechanical projects across Sydney, including the Westconnex M4-M5 Link, Rozelle Interchange, Western Harbour Tunnel and Sydney Metro West.
I designed seven desktop pages: Home, About, Services, Projects, Community, Careers and Contact.
The challenge
Big projects that are hard to show.
- 01Tunnel work happens underground, out of sight.
- 02Each project has a value, timeline, location and challenges.
- 03The site also had to speak to staff and the community.
The approach
Site photos, navy and orange, stories.
- 01Full width site photos in every header, with an orange fade on the home page.
- 02Each project gets Value, Date and Location cards and key points.
- 03Community and Careers get their own pages.
Structure
Seven pages, one floating menu.
Taken from the navigation.
Home
- AboutCompany overviewOur valuesMeet the teamMilestones
- ServicesCivil InfrastructureRoad, TunnelDesign + EngineeringMechanical Installation
- ProjectsFive project stories
- CommunityCommunity at VirtusSupporting our communities
- CareersJoin the teamApply now
- ContactContact detailsFormMap
Key screen
The home page hero.
An aerial view of Sydney's roads, a bold promise and two ways to get in touch.

- 1Floating navigation
A rounded white bar with five page links.
- 2Two ways to talk
Request a Consultation in orange, and a Let's talk! button.
- 3Aerial photography
Motorways and rail show the scale of the work.
- 4The promise
Building Australia's Future with Integrity & Innovation.
- 5What they do
Civil and tunnel projects, from design to maintenance.
- 6Straight to the work
A Project Gallery button opens the projects page.
Page flow
From the skyline to the next project.
Who Virtus is, where it has built, what it does, what is next.

- 1Hero
The promise over an aerial photo.
- 2About us
A short statement, site photos and four headline numbers.
- 3Project map
M8 Tunnel, Sydney Gateway, Rozelle Interchange, Western Harbour Tunnel and Sydney Metro, pinned on Sydney.
- 4Services
Civil Infrastructure, Roads, Tunnels & Rail, and Design and Engineering.
- 5Future projects
Upcoming work, linked to the project gallery.
- 6The Virtus Difference
A dark navy band on culture and sustainability.
- 7Client stories
Three testimonial cards with star ratings.
- 8Footer
Ready To Build Your Next Project? with links, address, phone.
Projects
Every project, told as a story.
Every project has the same structure, so five are easy to compare.

- 1Numbered label
Project 1 in orange above each title.
- 2Project name
Westconnex M4-M5 Link, large in navy.
- 3Facts at a glance
Value, Date and Location in three outlined cards.
- 4The scope
A paragraph on the work, from conduits to commissioning.
- 5Key points
Programme, stakeholders, QA and workforce in a side card.
- 6On site
A wide tunnel photo, then the challenges solved.
Inner pages
About and Services.
Inner pages share one header: dark photo, white title, floating menu.


People pages
Community, Careers and Contact.
Pages for neighbours, future staff and new clients.



Visual language
Navy ground, safety orange.
Orange marks labels and buttons. Navy carries text.
- Navy
#1D3643 - Orange
#FF5F00 - Amber
#F79009 - Ink
#202939 - Slate
#697586 - Mist
#F9F9F9 - White
#FFFFFF
Typography
Typeface
Aa
Inter
One family across the site, from page titles to cards and buttons.
- Regular
- Medium
- Semi Bold
- Bold
Headlines
Our Projects
Inter
Medium and Semi Bold carry the titles, Regular carries the long project copy.
- Medium
- Semi Bold
Deliverables
What I delivered.
- Home
- About
- Services
- Projects
- Community
- Careers
- Contact
- Floating navigation
- Footer
- Icon set
Want this kind of clarity for your website?
Book a free 30 minute call. You leave with 3 written fixes, even if we don’t work together.
