PROJECT
Surinox
E-commerce platform and industrial catalog for stainless steel, accessories, and specialized hardware.
2024
Year
E-Commerce & B2B Catalog
Category
UI/UX Design & Frontend Development
My Role
WordPress, WooCommerce, Elementor, UI/UX
Tools
OVERVIEW
Transforming an extensive industrial inventory into an intuitive digital store.
Context
Surinox needed to modernize its commercial channel for stainless steels, fasteners, piping, and industrial safety items, simplifying purchasing for workshops and industrial clients.
My Role
UI/UX Design & Frontend Development
Challenge
Organize an extensive catalog of stainless steel, hardware, piping, and personal protection into an intuitive, high-speed online store.
Outcome
Launch of an optimized online store with category filtering, complete product spec sheets, and instant WhatsApp quoting integration.
KEY FEATURES
Technical Category Browsing
Steels, piping, fasteners & safety gear
Instant WhatsApp Quotation
Direct quote cart and inquiry dispatch
Mobile-First Storefront UI
Fast search on-site or in the workshop
THE CHALLENGE
Digitizing hundreds of technical SKUs with total clarity.
Organize an extensive catalog of stainless steel, hardware, piping, and personal protection into an intuitive, high-speed online store.
THE APPROACH
Architecture centered on search and purchase velocity.
We designed a clean, structured user experience allowing buyers to filter by gauges, alloys, and applications in seconds.
WEBSITE SHOWCASE
DESIGN SYSTEM
Inter & Roboto
Modern, clean, and accessible typography ensuring flawless readability on specification tables.
COLOR PALETTE
UI ELEMENTS
DESIGNED TO CONVERT
Designed to convert store visitors into orders and quotes.
The storefront integrates direct quote buttons and inquiry carts so contractors and plants get real-time pricing without delays.
FINAL RESULT
Stainless Steel Digital Catalog
Structured categorization of piping, sheet metal, valves, and stainless fittings.
Online Store UI/UX Design
Information architecture for product categories and technical spec sheets.
Frontend & Catalog Development
Responsive integration, page load optimization, and product filtering.
Quick Quote & Storefront Flow
Category navigation with detailed technical sheets and instant WhatsApp quote routing.
Seamless Mobile Store Experience
Optimized response velocity for fast on-site ordering by technicians and workshops.
