All WebsitesEnterprise ITPrototype

QuantumGrid

A website prototype for a managed IT services provider, built with Astro for speed and organised around services, solutions and industries.

Industry
Managed IT services
Status
Prototype
Built with
Astro, hosted on Vercel
My role
Website design & development
Prototype
QuantumGrid website on desktop
QuantumGrid website on mobile
Overview

QuantumGrid puts managed services at the centre of IT operations, backed by expertise in enterprise networks, cybersecurity and cloud platforms. This prototype explores how the company can present a wide offering clearly to enterprise buyers.

The challenge

Managed services, security, infrastructure and cloud across seven industries is a lot to take in. The prototype tests a structure that lets IT leaders find their service and their sector quickly.

Who it’s for

Designing for the people who use it

  • 01IT leaders in banking, insurance and financial services
  • 02Manufacturing, telecom, retail and healthcare organisations
  • 03Government and public-sector teams
User journey

From first visit to the next step

  1. 1

    Grasp the promise

    “Designing secure, resilient enterprise technology environments.”

  2. 2

    Recognise the problem

    “Your systems need attention long after they go live.”

  3. 3

    Explore services

    Managed services, security and infrastructure.

  4. 4

    Find your industry

    Banking, insurance, manufacturing, telecom, retail, healthcare and government.

  5. 5

    Get in touch

    “Tell us where your team needs support.”

Wireframe

Page structure

The homepage is planned as a sequence of sections, each answering the next question a visitor has. Below is that structure as a low-fidelity wireframe, with the site’s main navigation.

CompanySolutionsIndustriesCareersContact
01Hero over a night-time earth
02The problem
03Engineers who stay involved
04Technology that works together
05Managed services
06Solutions
07Industries
08Contact call to action
Design system

Colour, type and components

Colour palette
  • Space black#0A0B0F
  • Carbon#14151A
  • Night navy#0D1424
  • Deep blue#152850
  • Cloud#F5F7FA
  • Steel#A7A9B0
Typography
AaLatoHeadings
The quick brown fox jumps over the lazy dog. 0123456789LatoBody text
Primary button
Contact
Design decisions
  • 01A night-time earth and dark palette suggest always-on, global infrastructure.
  • 02Light-weight Lato headlines keep a heavy topic calm and readable.
  • 03Separate industry pages let buyers see their own sector reflected.
Responsive

Designed for every screen

auantumv2.vercel.app
Build & launch

Development and launch

  • 01Built with Astro for fast, static pages.
  • 02Deployed on Vercel for review.
View the prototype