InMotion Hosting gestaltet die Website für Trester Demolition neu

Das Webdesign-Team von InMotion Hosting hat das Vergnügen, viele Arten von Unternehmen in verschiedenen Stadien ihrer Webpräsenz zu unterstützen. Das erfahrene Team, das sich aus erfahrenen Webdesignern, erfahrenen Frontend-Entwicklern und engagierten Beratern für den Projekterfolg zusammensetzt, hat wunderschöne, moderne Designs für Unternehmen entworfen, die eine brandneue Website erstellen oder einer bestehenden Website einen neuen Look verpassen wollen. 

Webdesign-Trends ändern sich ständig. Auch wenn du deine Website nicht jedes Jahr überarbeiten musst, solltest du darauf achten, dass deine Website ein frisches, zeitgemäßes Aussehen hat. Wenn deine Website vor ein paar Jahren entworfen wurde, ist es vielleicht einfacher, sie einfach umzugestalten, damit sie modernen Webstandards entspricht. 

Bei einem Redesign ist es wichtig, dass die Designer/innen die neuesten Stile anwenden, ohne den ursprünglichen Geist der Marke zu verlieren. Redesigns unterscheiden sich von brandneuen Websites, denn du willst, dass die Essenz des Unternehmens noch erkennbar ist. Treue Leser und Kunden sollten das Unternehmen immer noch erkennen, wenn die Website geladen wird. 

Unten findest du ein Kundenbeispiel, das den Vorher-Nachher-Prozess zeigt und wie unser Webdesign-Team bei der Neugestaltung einer Website die Marke im Auge behält.

Trester Demolition & Concrete Cutting brauchte ein neues Design und wollte nichts von der alten Website übernehmen. Die Designerin Barbara D. nutzte ihre jahrelange Erfahrung im Bereich Design, um dem Unternehmen einen frischen Look zu verpassen, der dennoch der Marke und dem Geschäft treu bleibt. 

Die Umgestaltung von Trester Abbruch & Betonschneiden

Bevor der Designprozess beginnt, füllen die Webdesign-Kunden zunächst ein Interviewformular aus, in dem sie ihre Ziele, Wünsche und Bedürfnisse für ihre neue Website auflisten können. Außerdem führen sie ein Telefongespräch mit einem engagierten Berater, der sie durch den Webdesign-Prozess führt und ihnen erklärt, was sie je nach ihren Zielen erwarten können.

Nach dem Telefongespräch erstellt der Senior-Webdesigner eine comp, also eine detailgetreue Abbildung, der Homepage. Der Entwurf zeigt dem Kunden, wie seine Homepage nach der Programmierung aussehen wird, und gibt dem Designteam die Freiheit, größere Änderungen vorzunehmen, ohne die gesamte Website neu programmieren zu müssen. 

Design Übersicht

Zu Beginn des Prozesses stellte Trester Demolition & Concrete Cutting ein wunderbares neues Logo zur Verfügung, das viele der Entscheidungen während der Entwurfsphase beeinflusste. Der Designer verwendete die Blau-, Grau- und Schwarztöne des Logos im gesamten Entwurf und fügte Bilder und Muster hinzu, die den Mustern des Logos ähneln. 

Sie gaben auch bestimmte Inhalte für die Homepage vor, und die Designerin erstellte gemäß ihren Inhaltsrichtlinien ein Layout mit durchgehenden Hintergründen für jeden Abschnitt der Homepage, wobei sie zwei der Abschnitte mit einem Betonmuster und einem grauen horizontalen Farbverlauf versah, der den Logo-Verlauf im mittleren Abschnitt aufgreift. Sie trennte die Abschnitte mit blauen, 12 Pixel dicken Trennlinien als visuelle Trenner und Farbakzente.

Der Designer hat das große Hauptbild (oder das Heldenbild) auf der Homepage an den oberen Rand der Seite verschoben und eine transparente weiße Kopfzeile über dem Bild mit dem Logo auf der linken Seite hinzugefügt. Für das Heldenbild wählte die Designerin ein Archivbild, das bereits einen Vignetteneffekt hatte, und fügte einen Schwarz-Weiß-Filter hinzu, um den Blauton des Originalbildes zu entfernen. Außerdem fügte sie einen leichten Schlagschatten hinzu, um visuelle Tiefe zu erzeugen. Das große Heldenbild wird nach der Codierung einen Parallaxen-Effekt haben. 

Überlegungen zur Schriftart

Der Navigationstext ist schwarz, aber der Designer hat das Blau des Logos als Hover-Farbe für die Navigationsmenüpunkte und als Akzent im gesamten Design verwendet. Wie in der Abbildung zu sehen ist, ist die Hover-Farbe die Farbe, in die die Menüpunkte wechseln, wenn der Endnutzer mit der Maus über den Menüpunkt fährt. 

Das Designteam verwendet in seinen Entwürfen web-sichere Google-Schriften. Websichere Schriftarten stellen sicher, dass die gewählte Schriftart vom Endnutzer unabhängig vom Gerät oder Browser gesehen werden kann. Die im Logo verwendete Schriftart ist keine sichere Google-Schriftart, also wählte sie die moderne, saubere serifenlose IBM Plex Sans - mit mittlerer und normaler Schriftstärke zwischen Überschriften und Fließtext. 

Dienstleistungen hervorheben

Weiter unten auf der Seite, im Abschnitt "Was wir tun", begann die Designerin mit zwei Archivbildern. Später stellten ihr die Kunden zwei Bilder zur Verfügung. Sie fügte dann eine dunkle Überlagerung als Hover-Effekt zu den Bildern hinzu und färbte den Text im Hover-Zustand blau, um ihn an das Logo anzupassen. Die Bilder sind auf einem mittelgrauen Betonmuster platziert.

Im nächsten Abschnitt, der die verschiedenen Arten von Abbrucharbeiten aufzählt, verwendete der Designer einen Hintergrund mit Farbverlauf und fügte zwei Reihen von beschrifteten Symbolen hinzu, die die Abbruchdienstleistungen des Unternehmens beschreiben. 

Im letzten Abschnitt werden die Sägedienstleistungen vorgestellt. Um das Gleichgewicht zu wahren, wiederholte die Designerin das Muster des Betonhintergrunds und die weißen Schriftarten, die im Abschnitt "Was wir tun" verwendet wurden. Außerdem fand sie eine Sammlung von Icons mit unterschiedlich geformten Sägeblättern, die perfekt zum Thema passten, und verwendete eine weiße Überlagerung, um Konsistenz zu schaffen.

Für die Fußzeile hat der Designer eine Basisebene in einem tieferen Grau mit leichtem Blaustich erstellt und weißen Text und blaue Social-Media-Symbole hinzugefügt. Unter dieser Zeile befindet sich ein schwarzer Streifen mit weißem Text, der die visuelle Unterkante der Website bildet.

Web Design Dienstleistungen

Durch die Nutzung von Webtrends und jahrelanger Berufserfahrung war der Designer in der Lage, ein modernes, intuitives Design für den Kunden zu entwerfen, das dennoch das Wesen des Unternehmens und der Marke widerspiegelt. Da sich die Webtrends ändern, ist es wichtig, eine einfach zu bedienende, moderne und saubere Website zu präsentieren. Redesigns können schwierig sein, aber wenn du mit einem erfahrenen Webdesign-Team zusammenarbeitest, kannst du Zeit und Geld sparen und dein Unternehmen weiter voranbringen. 

Wenn du darüber nachdenkst, deine Website neu zu gestalten, solltest du InMotion Web Design Services in Betracht ziehen. Unser professionelles Team aus Webdesignern und Frontend-Entwicklern erstellt eine maßgeschneiderte, wunderschöne Website, die deine Endkunden anzieht und dein Unternehmenswachstum unterstützt!