Portfolio Details

Portfolio Image
Portfolio Image

Project Information

  • Category: Web Design
  • Client: Quartic
  • Tool: Figma, HTML , SCSS , jQuery , Bootstrap
  • Project URL: View Project
  • Figma Project URL: View Project

Project Overview

This project involved designing a high-performance B2B website interface for Quartic, an enterprise platform focused on Decision Intelligence for manufacturing Operations. The core UI/UX objective was to translate complex industrial AI, DataOps, and Manufacturing Operations Management (MOM) workflows into a clean, intuitive digital presence. By contrasting an airy, light-themed hero section featuring structural imagery with deep charcoal informational sections, the design establishes immediate authority. The interface utilizes a strategic palette of industrial orange accents, icon-driven application matrices, and modular feature grids to guide technical stakeholders seamlessly from high-level system logic to active demo booking.

Key Features

High-Impact Typography & Asymmetrical Grid

Structured a clean, light-themed hero section in Figma using crisp typography and an asymmetrical layout to present manufacturing operations data clearly to B2B stakeholders.

Semantic HTML5 Grid Layouts

Developed a highly scalable layout structure using CSS Grid and Flexbox to transition cleanly from a multi-tiered desktop data matrix to a responsive, single-column mobile viewport.

SCSS Component Styling & Accent Controls

Implemented precise SCSS variables for the industrial brand identity, pairing deep charcoal backgrounds with high-contrast safety orange interactive button states and smooth hover transitions.

Conversion-Focused Data Architecture

Wireframed and coded a high-contrast orange call-to-action banner positioned directly above a robust, multi-column semantic streamlining enterprise demo registrations and newsletter intake.