QOMPLX

Website Revamp

Web Platform / UX • UI • Component Library

About the Project

Time Frame
Q1-Q2 2020

Client
QOMPLX

Skills
Wireframes
Visual Design
Site Architecture
Project Management
Dev Handoff
Design QA

Tools
Figma
Ghost
Hubspot
Google Suite

Role
Product Designer

Team
Maria Quan, VP, Marketing
Carl Beauregard, PM, Cyber
Deb Schmidt, PM, Insurance
Stephen Rumizen, Developer

Description
QOMPLX was an analytics SaaS company with a flagship proprietary platform that helped organizations quantify, model, and predict risk. In 2020, QOMPLX's product offerings ballooned and the company needed to educate potential clients on its new product offerings and to drive demos. QOMPLX was also positioning itself as a though-leader in cyber security and needed a space to promote its literature. As part of the marketing team's strategy, the website would need to be revamped.

My role involved updating the QOMPLX website to support additional products and updated product positioning. I developed web templates for the Marketing and PR teams to deploy posts faster. Additionally, I created a web component library for design and dev hand-off.

Result
We launched the new corporate site with the updated site architecture and blog templates, empowering the Marketing and PR teams to post in 15 minutes or less.

🗂
The New Corporate Site

To make it easier to support multiple products quickly, we decided to build and use page [section] templates. I worked with each product marketer to map out the website, identifying which products we were promoting and what content they needed. "Request a demo" cta was present on each product page. To ensure consistent design across all 42 unique web pages, I built out a web component library.

Navigation Bar

The 12+ product offerings are spread through three areas and two additional lines of businesses but all run on the QOMPLX Platform. In order to make this distinction clear to a visitor to the site, the Platform is introduced as the foundation for all products under the different lines of business and is always visible on the leftmost column on the nav, and the lines of businesses would their respective product offering pages.

Product Page Templates