Innovations MFG fabrication hero

Portfolio

Innovations MFG Website Redesign

A full redesign for a precision metal‑fabrication company—elevating credibility, improving user flow, and driving quote requests with a modern, conversion‑focused build.

Project Overview

Innovations MFG, a new metal fabrication company specializing in precision welding, custom metalwork, and industrial fabrication services, needed a complete digital transformation. Their existing website was outdated, difficult to navigate, and failed to effectively communicate their expertise and capabilities to potential clients.

The goal was to create a modern, professional website that would establish trust with enterprise clients, showcase their metal fabrication capabilities, and generate qualified leads through improved user experience and clear calls-to-action.

CLIENT

Innovations MFG

TIMELINE

2 weeks

TOOLS USED

FigmaVercel

The Challenge

The previous site felt dated and didn't reflect their capabilities. Navigation was unclear and mobile support was inconsistent—making it harder for prospects to learn, trust, and inquire.

  • Out‑of‑date visual design for an enterprise audience
  • Confusing information architecture
  • Limited mobile usability

Brand & System

We developed a comprehensive visual identity that balances industrial strength with modern professionalism, creating a cohesive system that works across all touchpoints.

Typography

I selected Bebas Neue as the primary typeface for the website. This bold, condensed sans-serif font conveys strength and industrial power while maintaining excellent readability and creating a strong visual hierarchy that commands attention.

FONT FAMILY

Bebas Neue

Used throughout the website for headings and emphasis

Design System

I developed a comprehensive design system with reusable components that ensured consistency across the website while reflecting the industrial nature of the business.

Key Components

  • Professional button styles with industrial aesthetic
  • Responsive form elements optimized for B2B users
  • Professional service showcase components
Brand colors and typography

Process

A streamlined approach delivered quality at speed while staying focused on outcomes for industrial buyers.

01

User Journey Mapping

Mapped how procurement and operations teams research vendors and request quotes.

02

Information Architecture

Reorganized navigation around capabilities, certifications, work, and contact.

03

Wireframes & Prototypes

Prioritized value props, proof, and clear CTAs across key pages.

04

Visual Design

Industrial aesthetic—modern but practical; accessible on all devices.

05

Rapid Implementation

Built efficiently to meet a tight two‑week timeline.

UI/UX Highlights

  • Credibility‑first design that resonates with fabrication clients
  • Clear nav and content hierarchy
  • Responsive from mobile to desktop
  • CTA placement that supports quote requests
Innovations MFG site on a laptop

Results

The redesigned Innovations MFG website delivers a professional, industrial aesthetic that effectively showcases their metal fabrication capabilities while providing an intuitive user experience for potential clients.

Impactful Hero Section

A dramatic hero image featuring real metal fabrication work with sparks flying creates an immediate impression of industrial expertise, complemented by prominent call-to-action buttons.

Impactful hero section with metal fabrication workshop

Clear Service Offerings

Services are presented in a clean, organized layout with intuitive icons and concise descriptions, making it easy for potential clients to understand Innovations MFG's capabilities.

Clear service offerings section

Trust-Building About Section

The About Us page establishes credibility through mission statements, team introductions, and authentic imagery of the fabrication team, helping potential clients feel confident in Innovations MFG's expertise and reliability.

Trust-building about section

Conversion-Focused Contact Page

A strategically designed contact section with a compelling call-to-action, easy-to-use form, and multiple contact options makes it simple for potential clients to reach out for quotes and project inquiries.

Conversion-focused contact page

See it live

Explore the production site in the wild.

Next Case Study

West Prairie Water – Website Launch

Launching the first digital presence for a rural water utility with an accessible, clear experience.

View case study
West Prairie Water laptop mockup

Let's create something remarkable

Tell us about your goals and we'll map the fastest path to launch.

Drop Us a Line

Prefer to start with a message? No problem! Tell us a bit about your project and we'll get back to you within a few hours (usually much sooner).