ENTWURFSANSICHT FÜR MELANIE · Deine Zahlen vom 24.08. sind eingearbeitet. Andreas Ruhs sieht die pink markierten Bereiche nicht.

METEC CNC Präzisionsteile GmbH · August 2026

Elf Monate Baustelle.Jetzt das ganze Bild.

Bisher gab es nur Fragmente zu sehen. Halbfertige Seiten, Zwischenstände — und immer wieder die Bitte um Texte, Zahlen und Freigaben.

Diese Seiten zeigen einmal am Stück, was entstanden ist: der Webauftritt, die Grafiken, der Maschinenpark, die Auffindbarkeit — und was in den nächsten Wochen noch kommt.

Melanie Wied · Huck Haas

01 — Das große Ganze

Vorher / Nachher.

metec-cnc.com
Bisherige Website metec-cnc.com
Bisher
metecnology.com
Neue Startseite
Jetzt
0
Seiten
0
Maschinen
0
Logoentwürfe
0
Dateien
Corporate Design
Logo, Farbsystem, Typografie — in allen Formaten für Druck und Web.
Webdesign
Ein eigenes Gestaltungssystem. Einmal gebaut, auf allen Seiten verwendet — deshalb wirkt die Website wie aus einem Guss.
Text
Rohtexte, Fassungen, Korrekturen für 26 Seiten. Recherche, Tonalität, Fachbegriffe, Struktur jeder Seite, Abstimmung mit dem Fachwissen aus der Halle — bis jeder Satz sitzt.
Umsetzung
Vollständig gebaut. Vom iPhone bis zum Ultrawide-Monitor.
Bildwelt
45 aufbereitete Maschinenbilder, Freisteller, eigene Grafiken, das animierte HUD der Startseite.
Bewegtbild
Hero-Film, Animationen, Übergänge.
Struktur und Daten
Maschinendatenbank mit Systematik und Nummernlogik. 9.563 Dateien geordnet.
Marke
Der Claim METEC FOR FUTURE — als Haltung für alles, was nach der Website kommt.
Projekt­management
Termine, Fototermine, Freigabeschleifen, Zulieferungen, Nachfassen, Protokolle, Abstimmung zwischen Kunde und Gestaltung — elf Monate lang der Faden, an dem alles hängt.

02 — Die leise Arbeit, die laut sein muss

Was man nicht sieht — und wasohne das nicht da wäre.

Eine Website besteht nicht aus Design. Sie besteht aus Entscheidungen, Sätzen und Terminen.

Konzept
Welche Seiten gibt es überhaupt? Was steht wo, in welcher Reihenfolge, mit welchem Ziel? Die Struktur einer Website entsteht lange bevor die erste Fläche gestaltet wird — und jede spätere Änderung daran zieht einen Rattenschwanz nach sich.
Text
Rohtexte für 26 Seiten. Recherche in einem Fachgebiet, in dem jeder Begriff sitzen muss. Tonalität finden und über alle Seiten durchhalten. Fassung um Fassung, Korrektur um Korrektur, bis aus Fachwissen ein Satz wird, den ein Kunde versteht.
Kunden­kommunikation
Fragen stellen, Antworten einsammeln, nachfassen. Erklären, warum etwas gebraucht wird. Übersetzen zwischen dem, was in der Halle passiert, und dem, was auf einer Website funktioniert.
Projekt­management
Drei Fototermine koordinieren. Zulieferungen einfordern. Freigabeschleifen organisieren. Termine halten, wenn andere sie reißen. Elf Monate lang der Faden, an dem alles hängt — und der nur auffällt, wenn er reißt.

Diese Arbeit taucht auf keinem Screenshot auf. Ohne sie gäbe es keinen Screenshot.

03 — Der METEC-Webauftritt

Daran haben drei gearbeitet.

Eine Website ist nicht das, was man sieht.
Sie ist das, was vorher passiert.

Ohne Konzept kein Aufbau. Ohne Texte keine Seite. Ohne jemanden, der alles zusammenhält, kein Ergebnis. Drei Beiträge, die einzeln nichts ergeben.

Projektleitung und inhaltliche Verantwortung
Melanie
Wied

Projektsteuerung seit März 2025. Konzept, Beratung, Texte und Redaktion, Abstimmung mit dir und allen Beteiligten. Die Arbeit, die man am Ergebnis nicht sieht — und ohne die es das Ergebnis nicht gäbe.

Design und Umsetzung
Huck
Haas

Corporate Design, Gestaltungssystem, 26 Seiten, Bildwelt, Grafiken, Animationen, technischer Aufbau. Alles, was auf dem Bildschirm zu sehen ist und alles, was dahinter läuft.

Inhalte und Fachwissen
METEC

Maschinendaten, Verfahren, Zertifikate, Fotomaterial. Und die fachliche Prüfung: Was in der Halle wirklich steht und welche Toleranz eine Maschine wirklich fährt, weißt nur du. Ohne diesen Teil bleibt jede Website eine Baustelle.

Unsere Arbeit am neuen Metec-Webauftritt

Was hier hineingeflossen ist.

Nicht geschätzt. Gezählt.

Zwei Aufstellungen, zwei Grundlagen. Die Zahlen von Huck Haas stammen aus Dateizeitstempeln und sind nachprüfbar. Melanie Wied hat ihren Anteil aus der Projekterfahrung aufgestellt.

Huck Haas · Realisation · Webdesign · Wordpress · Coding · Vibe Coding · BildbearbeitungStunden
Aus 12.422 Dateizeitstempeln rekonstruiert · 173 Arbeitstage
Seitenaufbau
165
Der Aufbau jeder einzelnen Seite in WordPress. Fertig: Startseite, Maschinenpark, Frästeilfertigung, Drehteilfertigung, Qualitätssicherung, Impressum, Datenschutzerklärung, AGB. In Arbeit: Wir sind METEC, Baugruppenmontage, Materiallager und Zuschnitt, Kunden und Branchen, Motorsport, Nachhaltigkeit, Logistik und Beschaffung, Oberflächenveredelung, Laser, 3D-Druck. Dazu Kopf, Fuß und Überlagerungsmenü auf allen Seiten, das Seitenmuster der Fachseiten, die Rechtstexte sowie die Prüfung jeder fertigen Seite auf 360, 600 und 1024 Pixel Breite und auf großem Bildschirm.
Maschinenpark
140
Zu jeder der 45 Maschinen wurden Verfahrwege, Achsen, Drehzahlen und Toleranzen recherchiert und ein eigener Text geschrieben. Dazu die Systematik dahinter: Benennung, Reihenfolge, Kachelraster, Filter, Datenfelder, Aufklappfenster je Maschine. Drei Fehlzuordnungen im gelieferten Bestand sind dabei aufgefallen und wurden korrigiert. Es wurden umfangreiche Bildbearbeitungen gemacht: Sichtung von 1.642 Rohaufnahmen, mehrere vollständige Durchgänge über alle 45 Bilder, nach jedem Durchgang eine Prüfung Vorher gegen Nachher bis ins Detail, Perspektive korrigiert, Farbstich der Hallenbeleuchtung herausgerechnet, Störendes retuschiert, alles auf ein einheitliches Quadrat gebracht.
Projektstruktur und Datenpflege
62
Aufgabenlisten, Abstimmungsstände, Fassungen, Rückfragen an METEC, Nachhalten offener Punkte, Ablage aller Zwischenstände, Sichtung und Beantwortung der Zulieferungen aus dem Haus. Die Arbeit, die niemand sieht und ohne die ein Projekt dieser Größe auseinanderfällt. Telefonate und Besprechungen sind hier nicht gemessen.
Bildbearbeitung der übrigen Bilder
60
85 weitere Bilder außerhalb des Maschinenparks: Fotobearbeitungen, Freisteller, Slides, Auswahlrad, Logos. Jedes einzeln erfasst — die vollständige Gegenüberstellung liegt als eigenes PDF bei.
Material sichten und ordnen
38
9.563 Dateien: Zulieferungen aus mehreren Quellen, drei Fototermine, Altbestand der bisherigen Website, Dokumente, Zertifikate, Logos. Gesichtet, entdoppelt, benannt und in eine Ordnerstruktur gebracht. Diese Arbeit stand am Anfang und musste vor dem ersten Entwurf erledigt sein: Erst wenn feststeht, wie lang die Texte sind und welche Bilder es gibt, lässt sich ein Seitenmuster bauen, das trägt.
HUD-Element und Animationen
35
Das animierte Bedienelement der Startseite, frei entwickelt aus mehreren Vorstudien, und die Bewegungen, die es in Gang setzen. Eigens für METEC entstanden.
Logo, Corporate Design, Typografie
34
Vom ersten Entwurf bis zur Freigabe: Wortmarke, Schriftwahl und Schriftgrößen, Farbwerte, Abstände, Anwendung auf Bildschirm und Druck bis zur Druckvorlage für die Folie. Siebzehn dokumentierte Entwurfsstufen.
Gestaltungssystem
31
Raster, Typo-Skala, Farbrollen, Abstandsraster und wiederverwendbare Bausteine für Kopf, Fuß, Kacheln, Kästen und Tabellen. Ohne dieses System wäre jede neue Seite Einzelarbeit.
Startseite
31
Hero-Film, Einstiegsstruktur, Übergänge und der Aufbau der gesamten Seitenlogik. Die Startseite ist die Seite, an der entschieden wurde, wie der ganze Auftritt funktioniert.
Huck Haas · gesamt
596Std.
Geschätzter Aufwand bis zur Finalisierung
82–94
Acht Seiten neu aufbauen (54 Std.): Technologie, Projektgalerie, Referenzen und Projekte, Zertifikate, Kontakt und Beratung, Karriere, Medien, News und Erfolge. Zehn angefangene Seiten fertigstellen (28–40 Std.): Wir sind METEC, Baugruppenmontage, Materiallager und Zuschnitt, Kunden und Branchen, Motorsport, Nachhaltigkeit, Logistik und Beschaffung, Oberflächenveredelung, Laser, 3D-Druck. Bei den meisten fehlen Bilder oder die endgültigen Texte aus dem Haus. Korrekturrunden, Domainumzug und Beta-Betrieb sind hier nicht enthalten.
Gesamt am Ende, wenn alle 26 Seiten stehenErbracht plus geschätzter Restaufwand — keine zusätzlichen Stunden obendrauf.
678–690
Melanie Wied · Projektleitung, strategische Gesamtentwicklung und inhaltliche VerantwortungStunden
Nach eigener Aufstellung
Gesamtstrategie, Positionierung und Website-KonzeptionEntwicklung der strategischen Ausrichtung, Positionierung und inhaltlichen Grundlage des gesamten Website-Projekts. Entwicklung, Überarbeitung und Optimierung sämtlicher Website-Texte inklusive Korrekturen, Abstimmungen und Wiedereinpflege nach Freigaben.
480
Projektleitung, Organisation, finale KontrolleGesamtorganisation des Projekts, Priorisierung und Koordination der einzelnen Arbeitsschritte sowie Steuerung der beteiligten Parteien. Prüfung der Seiten auf Inhalt, Gestaltung, Funktion, Konsistenz und Markenwirkung sowie finale Qualitätssicherung.
219
Fach-, Wettbewerbs- und TextrechercheRecherche zu Unternehmen, Leistungen, Wettbewerb, Märkten und relevanten Fachthemen als Grundlage für Inhalte und Positionierung.
234
Bildrecherche, Bildauswahl und ZuordnungSichtung, Bewertung, Auswahl und Zuordnung von Bildmaterial aus einem Bestand von rund 1.972 Bildern zu den jeweiligen Website-Bereichen.
156
InformationsarchitekturKonzeption der Website, Entwicklung der Informationsarchitektur sowie Strukturierung und inhaltliche Planung von insgesamt 26 Seiten.
81
Abstimmung mit Huck HaasInhaltliche und gestalterische Führung des Webdesigners, Erstellung von Briefings, Beantwortung von Rückfragen sowie Begleitung und Kontrolle der Umsetzung.
72
Abstimmung mit dem KundenBesprechungen, Präsentationen, Rückfragen, Freigaben, Nachfasskommunikation und Koordination sämtlicher inhaltlicher und gestalterischer Entscheidungen.
78
Grafikentwicklung, -recherche und -auswahlRecherche, Auswahl und Entwicklung visueller Elemente sowie Erstellung individueller Grafiken für die Website.
60
HUD-ElementRecherche, konzeptionelle Entwicklung, Abstimmung und Überarbeitung mehrerer Varianten des zentralen HUD-/Navigationselements.
29
MaschinenparktabelleStrukturierung, Systematisierung und redaktionelle Aufbereitung der Maschinenparkdaten und zugehörigen Tabellen.
32
Korrekturschleifen und ÄnderungswünscheUmsetzung zusätzlicher Kundenwünsche, nachträglicher Änderungen, Korrekturen und mehrfacher Überarbeitungsschleifen.
48
Melanie Wied · gesamt
> 1.489Std.

Zwei Aufstellungen mit unterschiedlicher Grundlage: die eine aus Dateizeitstempeln rekonstruiert, die andere aus der eigenen Projekterfahrung aufgestellt. Beide zusammen ergeben das Bild dessen, was in diese Website geflossen ist.

Was ist Inhalt des ursprünglichen Auftrages und wie viel Arbeit ist es geworden? Das hat Melanie zusammengestellt.

04 —Grafiken, Bilder, Animationen

Etwas Einzigartiges schaffen.

Jede Grafik dieser Website ist speziell
für METEC entstanden.

So etwas gibt es in keinem Stockarchiv — und wenn doch, dann nur mit Lizenzen, die jedes Jahr erneuert werden müssen.

Um zehn Wireframe- und CAD/CAM-Grafiken im gleichen Stil und aus einer eigenen Vorlage heraus zu erschaffen, arbeiten wir mit der neuesten Generation von KI-Bildgeneratoren. Man drückt dort nicht einfach auf einen Knopf und hinten kommt das Bild heraus — aber wir wissen, wie es geht.

Zwei Beispiele, wie das aussehen kann, am Opel Astra TCR.

Wireframe-Animation · Opel Astra TCR · eigens für METEC produziert
Explosionsdarstellung · aus derselben Vorlage · eigens für METEC produziert
Vereinbart waren

Die Bedienelemente der Website: Buttons, Icons, Rahmen.

Entstanden ist

Zusätzlich das animierte HUD-Element der Startseite — frei entwickelt aus mehreren Vorstudien — und die Animationen, die es in Bewegung setzen.

Was wir möglich machen

Technische Wireframe-Darstellungen für die Fachseiten — nicht generisch, sondern jeweils das konkrete Objekt, um das es geht. Auf der Motorsport-Seite das Fahrzeug mit METEC-Beschriftung, an anderer Stelle das Bauteil, die Baugruppe, ein Flugzeug. Fast alles geht. Alles im METEC-Stil, alles animierbar, alles exklusiv.

05 —Der METEC-Maschinenpark

So kamen sie an. So sehen sie jetzt aus.

Werksfoto
Werksfoto
Aufbereitetes Web-Bild
Web-Bild
Werksfoto
Werksfoto
Aufbereitetes Web-Bild
Web-Bild
Werksfoto
Werksfoto
Aufbereitetes Web-Bild
Web-Bild

45 Maschinen. Jedes Bild neu aufgebaut.

Bei METEC wird gearbeitet. Die Halle ist voll gepackt mit Maschinen und allem, was für die Produktion nötig ist oder sich aus ihr ergibt. Eine Maschinenhalle ist kein Fotostudio.

Wir mussten zum Teil mit starkem Weitwinkel arbeiten und konnten nicht jede Maschine im 90-Grad-Winkel aufnehmen, wie es gewünscht war. Für eine Werksdokumentation wäre das in Ordnung. In einem Raster aus 45 Heroshots wirken schiefe Winkel und unterschiedliche Beleuchtungen sofort unruhig.

Der Aufwand für ein Shooting unter idealen Bedingungen — freigeräumte Halle, Stillstand in der Produktion — wäre exorbitant gewesen. Also haben wir uns für die Nachbearbeitung aller Maschinenbilder entschieden. Es hat sich gelohnt.

Vereinbart

Farbliche Angleichung der gelieferten Fotos.

Was wir machen mussten

Sichtung von 1.642 Rohaufnahmen und Zuordnung zu jeder einzelnen Maschine. Für jedes Bild ein exakt ausgearbeiteter Prompt. Mehrere vollständige Durchgänge über alle 45 Bilder. Nach jedem Durchgang Prüfung Vorher gegen Nachher bis ins Detail — Typenschilder, Bedienpulte, Kabelführungen, Hintergründe. Fehlerhafte Ergebnisse verworfen und neu gerechnet. Perspektive korrigiert, Farbstich der Hallenbeleuchtung herausgerechnet, Störendes retuschiert, alles auf ein einheitliches Quadrat gebracht. Dazu Recherche und Abgleich der Maschinendaten — drei Fehlzuordnungen sind dabei aufgefallen und wurden korrigiert.

Die Alternative wäre ein zweites Shooting gewesen — mit freigeräumter Halle und Stillstand in der Produktion.

45 Maschinen mit validen Daten.

Nicht nur die Bilder. Auch die Daten.

Zu jeder der 45 Maschinen haben wir Verfahrwege, Achsen, Drehzahlen und Toleranzen recherchiert und einen kurzen Text geschrieben. Andere Zerspaner haben auf ihrer Seite drei Absätze Werbetext. METEC HAT WAS ZU BIETEN.

Es kann nur den Einen geben (oder Zwei)!

Ob wirklich alles stimmt, weiß niemand besser als die METEC-Chefs. Die 45 Texte liegen zur Durchsicht bereit. Das ist der letzte Schritt, dann gehen sie online.

06 —SEO/GEO/WebMCP for the Future

2026 — SEO ist tot, es lebe SEO/GEO. METEC for Future!

Wer heute einen Zerspaner braucht, klickt sich nicht durch zehn Ergebnisse. Er fragt ein KI-System — und bekommt eine Antwort.

Heißt die Antwort nicht METEC, existiert METEC für diesen Kunden nicht.

SEO default
IM PREIS ENTHALTEN
Titel, Beschreibungen, Überschriftenlogik, Bildtexte, Ladezeit, saubere Seitenstruktur. Das Fundament — bei uns schon gründlicher gemacht, als es üblich ist.
Strukturierte
Daten
Leistungen, Standort, Verfahren und Kapazitäten so ausgezeichnet, dass Maschinen sie zweifelsfrei lesen.
GEO/LLMO
Die Seiten werden so gebaut, dass KI-Systeme METEC zitieren können: Antwort zuerst, Zahlen statt Werbefloskeln.
llms.txt
Eine Wegweiser-Datei nur für KI-Systeme. Sie sagt ihnen, was auf der Seite steht.
WebMCP
Die nächste Stufe: Die Website wird für KI-Agenten bedienbar. Eine Anfrage entsteht, ohne dass ein Mensch klickt.
SEO spezial
Was darüber hinausgeht und wir dringend empfehlen: Wettbewerbsanalyse, Keyword-Strategie, laufende Messung, bezahlte Sichtbarkeit. Das Angebot dazu kommt von Melanie.

SEO/default ist drin,
jetzt müssen die KI-Maschinen sie
noch lesen können.

07 —Die Landingpage für die Zwischenwelt

METEC neu — mit Countdown und dem Wesentlichen.

Bis die neue Website live geht, muss metec-cnc.com nicht so aussehen wie bisher.

metec-cnc.com
METEC.
Tage bis zur neuen Website
CNC-Präzisionsteile aus dem Westerwald. Fräsen, Drehen, Messtechnik, Baugruppenmontage — aus einer Hand.
Frästeilfertigung Drehteilfertigung Kontakt
METEC CNC Präzisionsteile GmbHImpressum · Datenschutz
Vorschau · Übergangsseite im Look der neuen Website
Was drauf sein wird

Ein kurzer Text über METEC, ein Countdown zum Start der neuen Seite, Impressum und Datenschutz — alles im Look der neuen Website.

Und was schon funktioniert

Frästeilfertigung und Drehteilfertigung sind fertig. Beide Seiten werden von der Übergangsseite aus verlinkt — vollständig, mit Bildern und Texten.

Damit hat METEC schon jetzt einen Auftritt, der zeigt, wo der Wied-Haas lang läuft.

Wie geht es weiter

Endspurt: Es gibt noch was zu tun!

    Von METEC
    Was wir von METEC brauchen
  • Der FototerminGeschäftsführer, Firmengebäude, Maschinenhalle von oben, Mitarbeiter, Drohnenaufnahmen. Steht seit Monaten aus und blockiert mehrere Seiten.
  • Texte für vier Seiten3D-Druck, Lasern, Logistik und Beschaffung, Technology. Ohne sie können diese Seiten nicht gebaut werden.
  • Die ZertifikateDateien und Freigabe. Die Seite hat bisher keinen Inhalt.
  • Freigabe der 45 MaschinentexteSie sind formuliert und recherchiert. Nur ihr wisst, ob alles stimmt.
  • Die fehlenden MaschinendatenBei acht Maschinen stehen noch Platzhalter. Und: Welche Maschinen fehlen in der Liste überhaupt noch?
  • Entscheidung zu den Maschinen ohne FotoWeglassen, Platzhalter oder nachfotografieren.
  • Material für fünf weitere SeitenProjektgalerie, Medien, News und Erfolge, Karriere, Kunden und Branchen.
  • MotorsportBilder und die Liste der Artikel, so wie ihr sie braucht.
  • Zwei ZugängeGoogle Analytics und die Bankverbindung für das Hosting.
    Von Melanie & Huck
    Was wir noch machen
  • Sieben Seiten aufbauenSobald die Inhalte da sind: Laser, 3D-Druck, Logistik, Referenzen, Projektgalerie, News, Kontakt.
  • Maschinenpark fertigstellenGliederung nach Fräsen, Drehen, Messtechnik. Detailansicht beim Anklicken. Darstellung auf dem Handy.
  • Rund zwanzig BildkorrekturenScheiben, Retuschen, Anschnitte — die Feinarbeit, die man erst im Raster sieht.
  • Fräs- und DrehteilfertigungBilder tauschen, Überschriften schärfen, Rahmen setzen.
  • QualitätssicherungHeader, Freisteller, und eine Darstellung, die Zertifikate ansehnlich macht.
  • StartseiteTrailer statt Endlosfilm, lesbarere Fließtexte, Bildzuordnung in allen Blöcken.
  • RechtlichesImpressum, Datenschutz, AGB, Cookie-Banner.
  • SEO über alle SeitenTitel, Beschreibungen, Überschriftenlogik, Bildtexte, Sitemap, interne Verlinkung.
  • Prüfung auf allen Geräten360, 600 und 1024 Pixel — Handy, Tablet, kleiner Laptop.
  • Umzug der DomainDamit am Ende metec-cnc.com auf die neue Seite zeigt.
Und dann nicht sofort die Sektkorken

Wenn alles steht, gehen wir zuerst in einen Beta-Betrieb. Die Seite ist online, aber wir sagen es noch niemandem. Ein paar Wochen mitlesen, Fehler einsammeln, nachbessern.

Erst wenn nichts mehr kommt, verkündest du offiziell, dass METEC eine neue Website hat. Das ist die entspannteste Art, live zu gehen — und die einzige, bei der niemand einen Fehler zuerst beim Kunden sieht.

Aufstellungen und Angebote zu den einzelnen Punkten
bekommst du von Melanie separat, persönlich und moderiert überreicht.