2026
EB Metaltec
Full UX redesign for a German precision metal fabrication company — transforming a generic industrial website into a high-converting B2B design that speaks directly to engineering procurement teams.
UI/UX
Figma Design
The Brief
100,000+ precision parts delivered. A website that looked like it was built in 2012.
About the Project
EB Metaltec GmbH is a German precision metal fabrication company — laser cutting, plasma cutting, pipe laser, and surface treatment all handled in-house. World-class capabilities. A website invisible to the buyers who needed them most.
The brief was simple: design something that makes serious B2B buyers stop, trust, and reach out.
The Problem
A precision manufacturer with an imprecise digital presence — costing them contracts on every search.
In B2B manufacturing, 74% of buyers conduct the majority of their research online before contacting a vendor. EB Metaltec's website was failing at every stage of that journey.
→ No technical credibility signals. Buyers evaluating fabrication partners need specific data — material tolerances, laser power, cutting dimensions, turnaround times. None of this was visible above the fold. Competitors were winning RFQs before EB Metaltec even got a look.
→ No bilingual experience. EB Metaltec serves clients across Germany and international markets. The existing site had no structured bilingual architecture — international buyers hit a German-only experience and left immediately.
→ Generic visual identity. Precision metal fabrication is a visual industry — clean cuts, tight tolerances, beautiful finished components. The website showed none of it. No process photography, no material capability showcase, no proof of quality.
→ Zero conversion architecture. No RFQ system. No quote request flow. No clear next step for a buyer ready to engage. The contact page was a single form with no context.
The result: a company delivering 100,000+ precision parts annually with almost no inbound digital pipeline.
The Solution
A precision-designed experience for a precision-engineering company — built to convert technical buyers in under 60 seconds.
EB Metaltec's buyers are engineers and procurement managers. They don't browse — they evaluate. Every design decision was made to answer three questions every industrial buyer asks within seconds of landing: Can they do what I need? Do they have the specs to prove it? How do I get a quote?
→ Week 1 — Strategy and Wireframes. Mapped the complete B2B buyer journey for three personas — procurement managers, mechanical engineers, and project managers. Built a service architecture that surfaced technical specs, material capabilities, and tolerance data within one click of the homepage. Designed a bilingual site structure (DE/EN) from the ground up — not a translation afterthought.
→ Week 2 — UI/UX Design and Interactions. Industrial-dark visual language — precision typography, high-contrast material photography, and a design system that communicates manufacturing authority instantly. Scroll-triggered animations on technical specification sections, hover interactions on service cards, and animated capability data — all prototyped in Figma before handoff. Full design system built across desktop, tablet, and mobile.
→ Week 3 — Prototype and Handoff. Fully interactive Figma prototype delivered — every animation, every interaction, every responsive breakpoint documented for the development team. Pixel-perfect design specs, component library, and style guide handed off so nothing gets lost in translation between design and build.
→ Post-Handoff — 2 Weeks Support. Stayed available throughout the development phase — answering design questions, reviewing implemented pages, and ensuring the final build matched the Figma prototype precisely.
Tools: Figma · FigJam
Deliverables: Strategy audit · User flows · Wireframes · Bilingual design system · Interactive prototype · Component library · Responsive design · Developer handoff · Post-handoff support
The Result
A website as precise as the parts they manufacture — and twice as effective at winning new business.
EB Metaltec went from a generic industrial web presence to a conversion-focused B2B design that does the selling before a single sales call happens.
Technical buyers landing on the new design immediately encounter the data they need to make a vendor decision — laser power, material thickness ranges, cutting dimensions, and 24–72 hour express options — all visible within the first scroll.
→ Full technical specs visible within 1 scroll — no hunting, no clicking, no confusion for procurement teams on a deadline.
→ Bilingual architecture means international buyers get a native-language experience from the first click — zero drop-off from non-German markets.
→ RFQ design pattern pre-qualifies every enquiry — material type, part complexity, quantity, and timeline captured before the first conversation. Zero back-and-forth.
→ Visual capability showcase transformed the project gallery into a trust-building asset — precision laser cuts, surface-treated components, and complex geometries displayed with the quality they deserve.
→ A manufacturer with 10+ years of precision expertise and 100,000+ parts delivered now has a design that proves it — in two languages, on every device, at every scroll.
More Works
(GQ® — 02)
©2024
FAQ
01
Who exactly is this for?
02
What will my business look like in 90 days?
03
Why does it start at $2,500?
04
What's the guarantee?
05
What makes you different from every other web designer?
06
This is NOT for you if...
07
This IS for you if...
08
How do I get started?
2026
EB Metaltec
Full UX redesign for a German precision metal fabrication company — transforming a generic industrial website into a high-converting B2B design that speaks directly to engineering procurement teams.
UI/UX
Figma Design
The Brief
100,000+ precision parts delivered. A website that looked like it was built in 2012.
About the Project
EB Metaltec GmbH is a German precision metal fabrication company — laser cutting, plasma cutting, pipe laser, and surface treatment all handled in-house. World-class capabilities. A website invisible to the buyers who needed them most.
The brief was simple: design something that makes serious B2B buyers stop, trust, and reach out.
The Problem
A precision manufacturer with an imprecise digital presence — costing them contracts on every search.
In B2B manufacturing, 74% of buyers conduct the majority of their research online before contacting a vendor. EB Metaltec's website was failing at every stage of that journey.
→ No technical credibility signals. Buyers evaluating fabrication partners need specific data — material tolerances, laser power, cutting dimensions, turnaround times. None of this was visible above the fold. Competitors were winning RFQs before EB Metaltec even got a look.
→ No bilingual experience. EB Metaltec serves clients across Germany and international markets. The existing site had no structured bilingual architecture — international buyers hit a German-only experience and left immediately.
→ Generic visual identity. Precision metal fabrication is a visual industry — clean cuts, tight tolerances, beautiful finished components. The website showed none of it. No process photography, no material capability showcase, no proof of quality.
→ Zero conversion architecture. No RFQ system. No quote request flow. No clear next step for a buyer ready to engage. The contact page was a single form with no context.
The result: a company delivering 100,000+ precision parts annually with almost no inbound digital pipeline.
The Solution
A precision-designed experience for a precision-engineering company — built to convert technical buyers in under 60 seconds.
EB Metaltec's buyers are engineers and procurement managers. They don't browse — they evaluate. Every design decision was made to answer three questions every industrial buyer asks within seconds of landing: Can they do what I need? Do they have the specs to prove it? How do I get a quote?
→ Week 1 — Strategy and Wireframes. Mapped the complete B2B buyer journey for three personas — procurement managers, mechanical engineers, and project managers. Built a service architecture that surfaced technical specs, material capabilities, and tolerance data within one click of the homepage. Designed a bilingual site structure (DE/EN) from the ground up — not a translation afterthought.
→ Week 2 — UI/UX Design and Interactions. Industrial-dark visual language — precision typography, high-contrast material photography, and a design system that communicates manufacturing authority instantly. Scroll-triggered animations on technical specification sections, hover interactions on service cards, and animated capability data — all prototyped in Figma before handoff. Full design system built across desktop, tablet, and mobile.
→ Week 3 — Prototype and Handoff. Fully interactive Figma prototype delivered — every animation, every interaction, every responsive breakpoint documented for the development team. Pixel-perfect design specs, component library, and style guide handed off so nothing gets lost in translation between design and build.
→ Post-Handoff — 2 Weeks Support. Stayed available throughout the development phase — answering design questions, reviewing implemented pages, and ensuring the final build matched the Figma prototype precisely.
Tools: Figma · FigJam
Deliverables: Strategy audit · User flows · Wireframes · Bilingual design system · Interactive prototype · Component library · Responsive design · Developer handoff · Post-handoff support
The Result
A website as precise as the parts they manufacture — and twice as effective at winning new business.
EB Metaltec went from a generic industrial web presence to a conversion-focused B2B design that does the selling before a single sales call happens.
Technical buyers landing on the new design immediately encounter the data they need to make a vendor decision — laser power, material thickness ranges, cutting dimensions, and 24–72 hour express options — all visible within the first scroll.
→ Full technical specs visible within 1 scroll — no hunting, no clicking, no confusion for procurement teams on a deadline.
→ Bilingual architecture means international buyers get a native-language experience from the first click — zero drop-off from non-German markets.
→ RFQ design pattern pre-qualifies every enquiry — material type, part complexity, quantity, and timeline captured before the first conversation. Zero back-and-forth.
→ Visual capability showcase transformed the project gallery into a trust-building asset — precision laser cuts, surface-treated components, and complex geometries displayed with the quality they deserve.
→ A manufacturer with 10+ years of precision expertise and 100,000+ parts delivered now has a design that proves it — in two languages, on every device, at every scroll.
More Works
(GQ® — 02)
©2024
FAQ
01
Who exactly is this for?
02
What will my business look like in 90 days?
03
Why does it start at $2,500?
04
What's the guarantee?
05
What makes you different from every other web designer?
06
This is NOT for you if...
07
This IS for you if...
08
How do I get started?
2026
EB Metaltec
Full UX redesign for a German precision metal fabrication company — transforming a generic industrial website into a high-converting B2B design that speaks directly to engineering procurement teams.
UI/UX
Figma Design
The Brief
100,000+ precision parts delivered. A website that looked like it was built in 2012.
About the Project
EB Metaltec GmbH is a German precision metal fabrication company — laser cutting, plasma cutting, pipe laser, and surface treatment all handled in-house. World-class capabilities. A website invisible to the buyers who needed them most.
The brief was simple: design something that makes serious B2B buyers stop, trust, and reach out.
The Problem
A precision manufacturer with an imprecise digital presence — costing them contracts on every search.
In B2B manufacturing, 74% of buyers conduct the majority of their research online before contacting a vendor. EB Metaltec's website was failing at every stage of that journey.
→ No technical credibility signals. Buyers evaluating fabrication partners need specific data — material tolerances, laser power, cutting dimensions, turnaround times. None of this was visible above the fold. Competitors were winning RFQs before EB Metaltec even got a look.
→ No bilingual experience. EB Metaltec serves clients across Germany and international markets. The existing site had no structured bilingual architecture — international buyers hit a German-only experience and left immediately.
→ Generic visual identity. Precision metal fabrication is a visual industry — clean cuts, tight tolerances, beautiful finished components. The website showed none of it. No process photography, no material capability showcase, no proof of quality.
→ Zero conversion architecture. No RFQ system. No quote request flow. No clear next step for a buyer ready to engage. The contact page was a single form with no context.
The result: a company delivering 100,000+ precision parts annually with almost no inbound digital pipeline.
The Solution
A precision-designed experience for a precision-engineering company — built to convert technical buyers in under 60 seconds.
EB Metaltec's buyers are engineers and procurement managers. They don't browse — they evaluate. Every design decision was made to answer three questions every industrial buyer asks within seconds of landing: Can they do what I need? Do they have the specs to prove it? How do I get a quote?
→ Week 1 — Strategy and Wireframes. Mapped the complete B2B buyer journey for three personas — procurement managers, mechanical engineers, and project managers. Built a service architecture that surfaced technical specs, material capabilities, and tolerance data within one click of the homepage. Designed a bilingual site structure (DE/EN) from the ground up — not a translation afterthought.
→ Week 2 — UI/UX Design and Interactions. Industrial-dark visual language — precision typography, high-contrast material photography, and a design system that communicates manufacturing authority instantly. Scroll-triggered animations on technical specification sections, hover interactions on service cards, and animated capability data — all prototyped in Figma before handoff. Full design system built across desktop, tablet, and mobile.
→ Week 3 — Prototype and Handoff. Fully interactive Figma prototype delivered — every animation, every interaction, every responsive breakpoint documented for the development team. Pixel-perfect design specs, component library, and style guide handed off so nothing gets lost in translation between design and build.
→ Post-Handoff — 2 Weeks Support. Stayed available throughout the development phase — answering design questions, reviewing implemented pages, and ensuring the final build matched the Figma prototype precisely.
Tools: Figma · FigJam
Deliverables: Strategy audit · User flows · Wireframes · Bilingual design system · Interactive prototype · Component library · Responsive design · Developer handoff · Post-handoff support
The Result
A website as precise as the parts they manufacture — and twice as effective at winning new business.
EB Metaltec went from a generic industrial web presence to a conversion-focused B2B design that does the selling before a single sales call happens.
Technical buyers landing on the new design immediately encounter the data they need to make a vendor decision — laser power, material thickness ranges, cutting dimensions, and 24–72 hour express options — all visible within the first scroll.
→ Full technical specs visible within 1 scroll — no hunting, no clicking, no confusion for procurement teams on a deadline.
→ Bilingual architecture means international buyers get a native-language experience from the first click — zero drop-off from non-German markets.
→ RFQ design pattern pre-qualifies every enquiry — material type, part complexity, quantity, and timeline captured before the first conversation. Zero back-and-forth.
→ Visual capability showcase transformed the project gallery into a trust-building asset — precision laser cuts, surface-treated components, and complex geometries displayed with the quality they deserve.
→ A manufacturer with 10+ years of precision expertise and 100,000+ parts delivered now has a design that proves it — in two languages, on every device, at every scroll.
More Works
©2024
FAQ
Who exactly is this for?
What will my business look like in 90 days?
Why does it start at $2,500?
What's the guarantee?
What makes you different from every other web designer?
This is NOT for you if...
This IS for you if...
How do I get started?