amc group

Repositionierung des Firmenprofils und Relaunch des Internetauftritts von amc Group, einer Unternehmensberatung für Einkauf und Supply Chain Management aus Bonn.

  • Markenidentität
  • Produktdesign
  • Website
Die amc-Startseite im Browserfenster: die Schlagzeile »Entdecken Sie das volle Potenzial von Einkauf und Supply Chain Management.« neben einer Beraterin in einem lichtdurchfluteten Foyer

Umfang

Das Ziel war eine komplette Neugestaltung der Webpräsenz, einschließlich einer neuen Inhaltsarchitektur. Die neue Karriereseite sollte es Menschen einfacher machen, sich bei amc zu bewerben. Auch Downloads von Whitepaper und anderen Fachpublikationen sowie das Sammeln von validen Leads sollte einfacher und effektiver werden.

discover

Als Kickoff wurde in einem Workshop der aktuelle Status betrachtet. Wir analysierten den bestehenden Auftritt, identifizierten Schwachstellen in Struktur und Wirkung. Ziel war eine grundlegende Struktur des neuen Internetauftritts die technische Definition der Machbarkeit.

Workshop-Teilnehmer kartieren User Journeys auf einem Whiteboard
Affinity-Diagramm mit Sticky Notes nach Themen geordnet
Skizzierte Wireframe-Konzepte auf einem Pinnboard
Das Fundament für die weitere Gestaltungsarbeit ist ein gemeinsamer Start. Gemeinsam arbeiteten wir an der Projektstruktur und konnten unter anderem anhand von Affinity-Mapping und einer Feature-Priorisation-Matrix in einem Workshop den Scope definieren.

define

Auf Basis von Personas und relevanten User Journeys entstand ein klares Konzept: neue Inhaltsarchitektur, überarbeitete Navigation und eine individuelle Tech-Konfiguration. Anhand von Wireframes und interaktiven Prototypen wurde die User Experience der Seite optimiert.

Figma-Datei mit User Flows für Kontaktformular, Datei-Upload und Direkt-Download
User Flows — jeder Job vom Einstieg bis zur Bestätigung durchgespielt.
Sitemap des Relaunchs mit Startseite und den Hauptbereichen als verbundene Knoten
Sitemap — die neue Inhaltsarchitektur auf einen Blick.
Klickbarer Prototyp auf einem Laptop, Seitenlayouts mit Verbindungslinien zwischen den Screens
Interaktiver Prototyp — testbar, bevor eine Zeile Code geschrieben war.
Die Seite gleichzeitig im Simulator, auf einem iPhone und in einer schmalen Browseransicht
Responsives Verhalten — parallel auf mehreren Geräten geprüft.

develop

Parallel zur detailierten Ausarbeitung des User Interfaces in Figma, wurde die technische Entwicklung auf Basis eines eigenen Sveltekit Design Systems vorbereitet. Dadurch war eine komplett freie Gestaltung möglich. Auch kurzfristige Änderungen während der Feinabstimmung konnten so direkt umgesetzt werden.

Hochkant-Monitor mit dem Svelte-Quellcode einer Seitenkomponente im Editor
Entwicklung — Komponenten auf Basis des eigenen SvelteKit-Design-Systems.
Hochkant-Monitor mit dem Svelte-Quellcode einer Seitenkomponente im Editor
Entwicklung — Komponenten auf Basis des eigenen SvelteKit-Design-Systems.
Hochkant-Monitor mit dem Svelte-Quellcode einer Seitenkomponente im Editor
Entwicklung — Komponenten auf Basis des eigenen SvelteKit-Design-Systems.
Hochkant-Monitor mit dem Svelte-Quellcode einer Seitenkomponente im Editor
Entwicklung — Komponenten auf Basis des eigenen SvelteKit-Design-Systems.
Hochkant-Monitor mit dem Svelte-Quellcode einer Seitenkomponente im Editor
Entwicklung — Komponenten auf Basis des eigenen SvelteKit-Design-Systems.

deliver

Nach der Implementierung durchläuft das Projekt QA & Staging, gefolgt von einem kontrollierten Go-live. Der Launch-Prozess ist für alle Beteiligten extrem wichtig. Danach sichert eine Hypercare-Phase mit aktivem Monitoring, Bugfixing und schnellen Iterations-Zyklen die Stabilität und Qualität der neuen Webpräsenz.

Verwandte Projekte