Website Relaunch, Positionierung am Markt mit neuer digitaler Markenkommunikation

masetec Webrelaunch

Die Aufgabe

Mit dem Relaunch des Website Designs wollte masetec erreichen die Kontaktaufnahme noch einfacher und angenehmer in Usability und Design zu gestalten um so nachhaltig den Umsatz steigern zu können. Unsere Aufgabe war es für die Marke masetec eine einheitlich Bildsprache zu verwirklichen. Eine Bildwelt die geschlossen die Werte von masetec kommunziert. masetec ist ein fachlich kompetenter Player am Markt der Magnetik und der Reedsensorik. Diese fachlichen Qualitäten galt es einheitlich auf der neuen Website zu kommunizieren.

Die Idee

Unsere Idee war es die Marke masetec, obwohl eine technische Marke, menschlich warm und nah darzustellen. Eine menschliche Bildsprache sowie abgerundete Designelemente dienten dabei dem Zwecke diese Werte Wiederzuspiegeln. Zudem war es wichtig dass wir uns um die Struktur der Website kümmern und Information auffindbar machen und diese sichtbar darstellen. Um den Kontakt zu masetec so einfach wie möglich zu gestalten, sind auf der Website von masetec großzügig Call-to-Actions platziert. Diese stellen außerderm auch den USP von masetec dar, nämlich, dass jedes angebotene Produkt individuell angepasst werden kann, nach den Bedürfnissen der Kunden.

screens

Responsives UX & optimierte IA

Eine durchweg responsive User Experience sorgt auf allen Geräten für einen klar gegliederten Inhalt. Die Informationsarchitektur wurde überarbeitet und logisch strukturiert. Damit die Nutzer/-innen die Informationen bestens überblicken, sind die Produktkategorien im Menü immer sichtbar. Information bleibt damit immer im Blickfeld.
laptop4

Vielfältige Produktinformationen

Auf einer informativen Artikeldetailseite bieten wir den Nutzer/-innen vielfältige gut strukturierte Produktinformationen, um gut informierte Produktanfragen stellen zu können.
phoneausgefallen3

Eine persönliche Weberfahrung

Das Team masetec macht den Erfolg aus. Jede/r ist Ansprechpartner/-in und tief veranktert im masetec Prozess. Der Kundenkontakt und die individuelle Beratung ist der Marke masetec ein Anliegen. Und dieses Anliegen haben wir auf der Website visuell transportiert.
phonetabletlaptop
barrierefrei

Barrierfreies Weberlebnis

Um Information allen Nutzenden zugänglich zu machen haben wir die Farbkontraste und Schriftgrößen entsprechend der Vorgaben durch die WCAG umgesetzt. Inhalt bleibt auf allen Zoomstufen sichtbar und geht nicht verloren. Er bricht so um, dass auf allen Zoomstufen ein barrierefreies Weberlebnis ohne horizontalem Scrolling gewährleistet ist.

Der Code der Webseite wurde mit ARIA-HTML-Tags versehen, um die Webseite für Menschen mit Behinderungen zugänglicher zu machen. Die Website wird so mit nur einfachen Tastatureingaben bedienbar. Screenreader Devices lesen semantisch sinnvolle Tags so vor dass auch blinde User nützliche Informationen erhalten.

Diese Maßnahmen dienen auch der allgemeinen Benutzerfreundlichkeit und helfen, gesetzliche Anforderungen zu erfüllen, was zu einer größeren Reichweite und höheren Kundenzufriedenheit führt.

Zurück zur Übersicht