Metal fabrication with sparks flying
CASE STUDY

Innovations MFG Website Redesign

A complete website redesign for a metal fabrication company that modernized their digital presence, improved user experience, and showcased their precision manufacturing capabilities with a professional, conversion-focused design.

Web DesignUX/UIWeb Development

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

My Role

UI/UX Designer

Full Stack Developer

Tools Used

Vercel

The Challenge

Innovations MFG faced several critical issues with their digital presence that were hindering their ability to attract new clients in the competitive metal fabrication industry:

Outdated Design

The existing website looked dated and unprofessional, failing to instill confidence in potential clients seeking reliable metal fabrication partners for their industrial projects.

Poor User Experience

Navigation was confusing, information was hard to find, and the site wasn't mobile-responsive, creating barriers for users trying to learn about their services.

Brand Implementation

Working with Innovations MFG's existing brand elements, I created a cohesive visual identity for their website that conveyed professionalism and industrial expertise while modernizing their digital presence in the metal fabrication industry.

Innovations MFG brand colors and typography

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

Design Process

The client requested a quick and simple product with minimal research phase. I followed a streamlined approach to deliver a high-quality website on a tight timeline while still ensuring it would effectively serve both the business and its industrial clients.

1

User Journey Mapping

I mapped out the typical journey of potential clients, from initial research to requesting quotes, identifying key touchpoints and information needs throughout the decision-making process.

2

Information Architecture

I restructured the site's content organization, creating clear navigation paths that would help users quickly find information about capabilities, certifications, and past projects.

3

Wireframing & Prototyping

I developed wireframes focusing on clear value propositions, prominent calls-to-action, and logical content flow that would guide users toward conversion points.

4

Visual Design

I created a professional, industrial aesthetic that conveyed reliability and expertise while ensuring the design was modern and accessible across all devices.

5

Rapid Implementation

With the client's need for speed in mind, I implemented the design using efficient development practices, focusing on core functionality and essential features to meet the tight deadline.

UI/UX Design

The redesigned Innovations MFG website features a clean, professional interface that effectively communicates their metal fabrication expertise and capabilities while providing an intuitive user experience for industrial clients.

Innovations MFG website displayed on MacBook laptop

Key Features

The new website incorporates several key features designed to build trust and drive conversions:

  • Professional industrial aesthetic that builds credibility with fabrication clients

  • Clear navigation with logical information hierarchy

  • Responsive design optimized for all devices

  • Strategic placement of contact forms and quote requests

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.

Innovations MFG website hero section

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.

Innovations MFG services section

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.

Innovations MFG about 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.

Innovations MFG contact 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.

Experience the complete redesigned website for yourself:

Visit Live Website

Next Case Study

Explore more of my work and see how I help clients achieve their business goals through thoughtful design.

Finders Keepers design showcase
CASE STUDY

Finders Keepers Development

A complete mobile app development project that brings light to garage sales that go unnoticed everyday. The first high-quality app in this niche, creating an intuitive platform for treasure hunters and sellers.

View Case Study

LET'S CREATE SOMETHING AMAZING TOGETHER

Ready to elevate your digital presence? Contact me to discuss your project and how I can help you achieve your goals.

Phone

(217)-369-8224

Email

jordanwitbeck17@gmail.com

Get in Touch

I'd love to hear about your project. Fill out the form below and I'll get back to you as soon as possible.