Gas South Design System

Creation of Gas South Design System

Gas South's UX Design System project created a unified visual language, enhancing design consistency and user experience. This design system improved collaboration and reduced errors. It established a foundation for Gas South's digital products, ensuring a seamless user experience.

Client

Gas South

Services

Visual Design UI & UX Design Design Research

Industries

Natural Gas Utilities

Gas South Design System Hero Image
Gas South Design System Hero Image
Gas South Design System Hero Image

Project Overview Developed a comprehensive Design System for Gas South, a leading energy provider, to enhance design consistency, user experience, and development efficiency across digital products and platforms. Key Objectives • Create a unified visual language and design principles • Design a reusable component library and guidelines • Improve user experience and navigation • Streamline development workflows Deliverables • Design System documentation • Component library (UI components, icons, typography) • Color palette and typography guidelines • Accessibility and usability guidelines

Gas South Design System typography screenhots
Gas South Design System typography screenhots
Gas South Design System typography screenhots
Gas South Design System colors screenhots
Gas South Design System colors screenhots
Gas South Design System colors screenhots
Gas South Design System buttons screenhots
Gas South Design System buttons screenhots
Gas South Design System buttons screenhots
Gas South Design System Icons screenhot
Gas South Design System Icons screenhot
Gas South Design System Icons screenhot

Impact Improved Design Consistency: Enhanced visual cohesion across the website and digital products. Streamlined Development: Reduced development time and effort through reusable components. Enhanced User Experience: Improved navigation, readability, and overall user satisfaction.