test
geh zurück
Die schellenberg.immo GmbH ist ein unabhängiges Familienunternehmen, das per 1. Januar 2022 konsolidiert wurde. Es entstand aus der Übernahme der Verwaltungsmandate im Bereich Miet- und Stockwerkeigentum von der Schellenberg und Schnoz AG, die 1989 von Ruedi Schellenberg und Norbert Schnoz gegründet wurde. Letzterer schied 2014 aus dem Unternehmen aus. Im Rahmen der familieninternen Nachfolgeregelung haben sich die heutigen Eigentümer der Schellenberg und Schnoz AG, Ruedi Schellenberg und Philipp Schellenberg, der dem Unternehmen seit 2011 angehört, entschieden, die schellenberg.immo GmbH zu gründen. Diese wird nun von Philipp Schellenberg geleitet.
Der Kunde benötigte eine neue Corporate Identity mit einer frischen Vision für Web und Print. Die Website sollte die Kompetenzen in verschiedenen Bereichen präsentieren und über das Unternehmen informieren. Es war dem Kunden wichtig, dass die Website in erster Linie informativ ist. Sie sollte ohne viele Animationen auskommen und auch keine Immobilienverkäufe zeigen. Da das Unternehmen neu gegründet worden war und noch keine Website hatte, wollte Philipp diese bereits vor dem eigentlichen Launch bewerben können.
Als Werbemassnahme für den Pre-Launch haben wir eine Landing Page mit einem Countdown bis zum eigentlichen Starttag der Website erstellt. So konnte der Kunde bereits vorgängig auf die Website verweisen, und die Kunden der S&S (Schellenberg und Schnoz AG) konnten die Nachfolge im Auge behalten.
Die schellenberg.immo GmbH versteht sich als kompetenter Partner für operatives und strategisches Immobilienmanagement:
Wir beraten unsere Kunden rund um Wohneigentum und Immobilien und arbeiten mit Experten aus den Bereichen Immobilienmanagement, Werterhaltung und Baumanagement zusammen. Ob öffentliche Hand oder privates Unternehmen: Die schellenberg.immo GmbH unterstützt Vertreter der Immobilienbranche in unterschiedlichen Organisationen bei zentralen Geschäftsprozessen, bietet Entlastung und schafft Raum für Neues. Darauf beruht der Kern unserer Marke: 360° Service und Qualität.
Dies wird grafisch wie folgt dargestellt:
Das Hauptlogo der neuen Identität. Dieses muss immer gemäss den vorgegebenen Richtlinien in der endgültigen digitalen Version verwendet werden. Der Schriftzug besteht aus typografischen Elementen, die so verändert wurden, dass sie ein einzigartiges Wort ergeben.
Farben sind sehr wichtig für die visuelle Identität einer Marke. Werden sie richtig eingesetzt, entsteht zwischen den Farben und der Marke eine direkte Verbindung.
Die Hauptschrift Lato wird hauptsächlich für Fliesstext und längere Inhalte verwendet. Candara ist für Titel, Untertitel und Zitate vorgesehen. Überschriften und Fliesstext sind stets linksbündig platziert. In offiziellen Dokumenten wird der Text möglichst in Blocksatz gesetzt.
Eines der grundlegenden Elemente von Geschäftsdrucksachen. Entwurf für die Vorder- und Rückseite der Visitenkarten.
Die Flyer wurden individuell für die spezifischen Informationen gestaltet. Da nicht vorgesehen ist, dass sich der Inhalt ständig ändert, haben wir hier nicht nur mit der Vorlage gearbeitet, sondern jedes Dokument nach Mass kreiert.
Das Personalisieren der Unternehmensdokumente macht diese präsentabler und leichter zu identifizieren.
Beim Branding geht es darum, eine Marke bis ins letzte Detail zu erfassen. Zu den wichtigsten Elementen gehört heutzutage auch die E-Mail-Signatur, die das Unternehmen nach aussen repräsentiert.
Die digitale Welt und die diversen Medien, die diese umfasst, bietet viele Formate und Möglichkeiten.
Das Branding wird auf verschiedene Medien und Objekte angewendet. Das von uns kreierte System grafischer Elemente ermöglicht Flexibilität und bewahrt dennoch die Essenz der Marke.
1. Brainstorming. Beim ersten Austausch mit dem Kunden halten wir fest, was die wichtigsten Merkmale der Marke sind und was diese vermitteln will.
2. Moodboard. Wir lassen uns zu Beginn des Projekts von verschiedenen Bildern inspirieren und speichern diese je nach Kompositionen, Farben, Typografie und Texturen ab.
3. Papier-Wireframes. Wir skizzieren auf Papier, was bei der Struktur der Website und der Landing Page berücksichtigt werden soll.
4. Farbpalette. Für die Gestaltung der Website und der Landing Page haben wir uns an den Farben aus dem Corporate-Identity-Manual orientiert.
5. Bildsprache. Wir haben einen Sepia-Farbfilter verwendet, um den Fotos eine gewisse Wärme zu verleihen und sie optimal ins Design der Website zu integrieren.
6. Low Fidelity Wireframes. Bevor wir mit dem Design beginnen, stellen wir sicher, dass wir alle Seiten, Elemente, Inhalte und Interaktionen der Website berücksichtigt haben.
Während der Webentwicklung wird die Vision, die wir mit dem Kunden herauskristallisiert haben, Wirklichkeit. Wir vertiefen unser Wissen und unsere Erfahrungen täglich und arbeiten mit den besten Tools und Technologien, lernen aber auch gern hinzu, wenn der Kunde bestimmte technische Präferenzen hat.
Für die Website von schellenberg.immo haben wir ein individuelles WordPress-Template erstellt. Das Projekt barg einige Besonderheiten, etwa die Landing Page mit dem Zähler und dem nahtlosen Wechsel zur Website zum Zeitpunkt 0 Tage, 0 Stunden, 0 Minuten und 0 Sekunden sowie ein Kunden-Login-Bereich, dessen Funktionalitäten sich künftig einfach erweitern lassen.
Auf der Landing Page haben wir einen Zähler platziert, der den Usern den Starttermin der Website kommuniziert.
Es gibt heute viele verschiedene Bildschirmgrössen zu berücksichtigen. Wir haben responsive Versionen für verschiedene Geräte erstellt.
Neben der Corporate Identity der Marke haben wir auch ein einfaches Briefpapier und eine Reihe von Flyern erarbeitet.
Das Handbuch zur Corporate Identity legt neben der korrekten Anwendung des Logos auch fest, wie die ergänzenden grafischen Elemente anzuwenden sind.
Die Marke schellenberg.immo hat zwei Slogans; je nach Kontext wird der eine oder andere verwendet. Die Hauptaussage ist «intelligentes immobilienmanagement». Dies verleiht der Marke eine gewisse Flexibilität.
Das Design für das Unternehmensfahrzeug gehörte zu den grössten Herausforderungen. Gefragt war ein Design, das einfach und subtil zugleich ist.
Physiotherapie Birmensdorf wurde 1994 von Christa und Marco Mouwen gegründet. Ihr internationales Team besteht aus langjährigen Mitarbeitenden. Seit 27 Jahren bietet das Unternehmen in Birmensdorf ZH ein breites Spektrum an physiotherapeutischen Dienstleistungen an. Die langjährige Erfahrung und die Qualität der Dienstleistungen werden von den Kunden sehr geschätzt.
Das Team der Physiotherapie Birmensdorf will die Lebensqualität der Patienten verbessern. Es analysiert den Ist-Zustand, ermittelt die Funktionsstörungen und legt gemeinsam mit dem Patienten die Ziele der Therapie fest.
Neben physiotherapeutischen Dienstleistungen für Menschen bietet das Unternehmen in seinen eigenen Kliniken Physiodog und Rehapet auch die Physiotherapie und Rehabilitation von Hunden und Katzen an.
Die Websites sollten neu gestaltet werden. Die Designs waren über ein Jahrzehnt alt, und die fortwährende Erweiterung der Inhalte hat im Laufe der Zeit zu einer unübersichtlichen Navigation geführt. Auch wollte der Kunde die Texte und Bilder auf einfache Weise selbst aktualisieren können. Das neue Design sollte so gestaltet sein, dass die drei Websites der Praxen (Physiotherapie, Physiodog und Rehapet) zwar eine individuelle Note haben, aber dennoch sichtbar zusammengehören.
Um den Bedürfnissen gerecht zu werden, musste eine Vorlage erstellt werden, die sich flexibel an die einzelnen Praxen anpassen lässt. Dadurch würde sich idealerweise auch die Entwicklungszeit verkürzen, und die neuen Websites könnten baldmöglichst aufgeschaltet werden. Eine der Herausforderungen bestand darin, eine visuelle Identität zu kreieren, die von den Logos der einzelnen Dienste ausgeht und eine Verbindung zwischen den drei Websites schafft. Die Inhalte der drei Websites mussten an eine einheitliche Struktur angepasst werden. Die Websites wurden nach und nach aufgeschaltet, angefangen mit Physiotherapie Birmensdorf, gefolgt von Physiodog und schliesslich Rehapet.
1. Brainstorming. Zur Erstellung der Vorlage für alle drei Websites mussten zunächst die Inhalte aufeinander abgestimmt und die Elemente der einzelnen Websites definiert werden.
2. Moodboard. Wir haben nach Inspirationen und grafischen Referenzen gesucht, um unsere Ideen vom Look & Feel des Projekts und der gewünschten Interaktionen zu konkretisieren.
3. Papier-Wireframes. Wir haben die Struktur konzipiert und definiert, wie der User interagieren und navigieren kann. So sind zum Beispiel drei verschiedene Versionen des Menüs entstanden.
4. Farbpalette. Jede Praxis verfügte bereits über ein Logo und bestimmte Farben. Wir sind von diesen Grundfarben ausgegangen und haben mit verschiedenen Schattierungen gespielt.
5. Bildersprache. Anhand von Beispielbildern haben wir aufgezeigt, auf welche Weise und in welchen Farbtönen die Fotos gemacht werden sollten. Wir haben dem vom Kunden ausgewählten Fotografen einen fotografischen Leitfaden bereitgestellt, an dem er sich bei der Aufnahme der Bilder für die neue Website orientieren konnte.
6. Medium Fidelity Wireframes. Nachdem wir noch einmal an der Struktur der Websites feilten, haben wir die Farbpalette angewandt und Beispiele von Icons und Fotos hinzugefügt.
Während der Webentwicklung wird die Vision, die wir mit dem Kunden herauskristallisiert haben, Wirklichkeit. Wir vertiefen unser Wissen und unsere Erfahrungen täglich und arbeiten mit den besten Tools und Technologien, lernen aber auch gern hinzu, wenn der Kunde bestimmte technische Präferenzen hat.
Wir haben für alle Websites der Physiotherapie Birmensdorf ein individuelles WordPress-Template erstellt. Das Interaktionskonzept ist überall dasselbe. Wir haben darauf geachtet, dass der Kunde bei der Inhaltserstellung möglichst viel Freiheit hat und die Inhalte problemlos selbst verwalten kann, ohne dass sich dabei das Design verändert.
Alle drei Websites beruhen auf derselben Vorlage. Die Unterschiede sind dennoch deutlich sichtbar, insbesondere zwischen den Websites von Physiodog und Rehapet im Vergleich zur Website der Physiotherapie Birmensdorf.
Ein wichtiges Detail: Die Website muss responsiv sein. Wir haben dafür gesorgt, dass sie auf verschiedenen Bildschirmgrössen richtig dargestellt wird.
Wir waren bis zum finalen Ergebnis immer im Kontakt und Austausch mit dem Kunden, von der Genehmigung der Struktur und dem Aufbau der Informationen bis zum Look & Feel der drei Websites.
Details sind uns wichtig. Wir haben für die Website der Physiotherapie Birmensdorf ein System von Icons entworfen, das dem gesamten Stil entspricht und die Inhalte optimal präsentiert. Bei den anderen beiden Websites haben wir Fotos statt Icons verwendet.
Der Kunde hatte für die Bilder der Website bereits einen Fotografen ausgewählt. Wir haben einen Styleguide erstellt und anhand von Beispielen vorgegeben, wie die Fotos gemacht werden sollten. Das Ergebnis hat uns so überzeugt, dass wir auch bei künftigen Projekten mit diesem Fotografen zusammenarbeiten werden.
Wir feilen gerne an den Details! Bestimmte Elemente verändern sich optisch, damit für den User sofort klar ist, was er damit machen kann.
Teilen Sie ihr
Projekt mit uns!
