SwissPC.

IT engineering firm that builds infrastructure, networks, and security systems for businesses. The service catalog is broad and technical, so the main design problem was making it possible to explore and configure without picking up the phone.

IT servicesUXDesign
SwissPC UI preview
01

Overview

Redesigned the marketing site and restructured the service catalog from scratch. The main piece was a service configurator: a step-by-step wizard that lets potential clients build a custom package from SwissPC's offerings. Not many companies have tried this for IT services, and for good reason. The services are complex, overlap in places, and the edge cases stack up fast. I designed the wizard flow, the service pages, and a consistent component system across the site. Delivered in Figma with handoff docs and dev walkthrough calls.

02

Goal & result

Goal

Replace the old “call us for a quote“ model with something self-serve. A CTO and a non-technical office manager both needed to land on the site, understand what SwissPC offers, and put together a service package on their own. The wizard had to handle real complexity (overlapping services, conditional add-ons, different tiers) without making the user feel like they were filling out a tax form.

Result

Service pages that explain each offering at a glance, with a configurator underneath for clients who want to build a custom package. The wizard walks through base service selection, then add-ons (monitoring, on-site support, extended coverage), with a running summary and total at each step. Edge cases like conflicting services or tiered pricing are handled in the flow so the user does not hit dead ends. The project was near launch when SwissPC paused it during a company restructuring.

Grid of SwissPC service pages
03

Closer look

SwissPC pre-built packages
For clients who already know roughly what they need: pre-built packages with a clear breakdown of what is included, the price, and a one-click start. Select one and configure later.
SwissPC service configurator
The configurator is a step-by-step flow where clients pick a base service, then add extra. Each step shows what has been selected so far and a running total. The hard part was handling edge cases: some add-ons conflict with each other, some are only available at certain tiers, and pricing changes depending on the combination.
Grid of SwissPC configurator screens

Have a project in mind?

Let's start