Endlich ist es soweit! Wir haben Neujahr gleich als Anlass genutzt, um unseren eigenen Webauftritt komplett zu überarbeiten. Lange haben wir davon gesprochen, Mockups erstellt und nun durften wir unseren Ideen endlich Taten folgen lassen. In diesem Artikel ist der Entstehungsprozess kurz, locker und unterhaltsam zusammengefasst. Viel Spass.
Ein Rückblick auf die alte Webseite
Minimalistische Designs sind der Knaller. Warum? Sie sind übersichtlich, leicht verständlich und einfach fassbar für den Besucher. Keine unnötigen Elemente und Ablenkungen. Klare Linien und ein Fokus auf das Wesentliche.
Genau das haben wir uns gedacht, als wir unser altes Design festgelegt hatten. Leider haben wir es aber nicht nur beim minimalistischen Design belassen, sondern haben uns auch minimalistisch um den Inhalt gekümmert. Das machte es unpersönlich, die Suchmaschinen fanden es für ihr Ranking betrüblich und unsere potenziellen Kunden und Partner haben sich beim Ansehen der Webseite gelangweilt. Autsch.
Dazu kommt, dass wir eine Webagentur sind und unser eigener Auftritt unsere Visitenkarte ist. Sie ist ein Schaufenster, in dem wir unsere Dienstleistungen präsentieren und unsere Kompetenzen zeigen. Das haben wir eingesehen und folglich musste eine persönliche, performante, informative und natürlich repräsentative Webseite daher. Ein Alleskönner.
Das neue Design
Mit viel Kaffee, Pizza und jeder Menge Post-it-Zetteln haben wir die Planung gestartet. Wir haben überlegt, was wir erreichen wollen und was unsere Zielgruppe interessieren könnte. Inspiration fanden wir von Zeitschriften, Google, ChatGPT bis hin zu Kunstwerken und der Natur 😂. Wir haben alles durchstöbert, was uns in die Hände gefallen ist. Schlussendlich haben wir unsere eigene kreative Mischung entwickelt. Es war ein spannender Prozess und mit dem Ergebnis sind wir sehr zufrieden.
Es lässt sich in Folgende Kernpunkte zusammenfassen:
🖤🤍 Zwei Hauptfarben - Schwarz (#000000) und Weiss (#FFFFFF)
Less is more. Weniger ist mehr. Abgesehen von den Fotos, reichen zwei Farben aus, um ein klares und einprägsames Bild zu erzeugen. Sie verleihen dem Design Kontrast und machen es einfach fassbar für den Besucher.
🍥🍥 Geschwungene Linien zur Trennung von Blöcken
Gerade Linien sind hart. Die abgerundeten Übergänge verleihen dem Design eine sanfte und freundliche Note.
🗣️🫵 “Per Du” Anredeform der Texte
“Per Du” ist freundlicher und weniger formell. Es macht die Kommunikation lockerer, entspannter und persönlicher.
✉️📞 Ein Kontaktformular, welches zum Ausfüllen animiert
Inspiriert wurden wir von unseren Freunden bei der Webagentur Say Hello. Sie haben einen fantastischen Job gemacht bei der Umsetzung eines solchen Formulars. Der Witz ist, dass es einen unvollständigen Satz abbildet, der ergänzt werden soll. Ausserdem haben wir den Terminfinder Calendly verlinkt.
🖼️📸 Keine Stock-Images, sondern reale Fotos
Fotos sind persönlich und authentisch. Sie vermitteln Vertrauen und erleichtern es, mit dem Besucher eine Verbindung aufzubauen.
Es hat Spass gemacht
Zusammenfassend können wir sagen, dass unser Relaunch ein voller Erfolg war! Der ganze Prozess hat uns enormen Spass gemacht. Natürlich sind wir es uns gewohnt, legendäre Webseiten aus dem Boden zu stampfen 😜, jedoch haben wir selten auch die Rolle des Product Owners inne. Das Ergebnis ist ein frisches Gewand, welches unsere eigenen hohen Anforderungen erfüllt.