Webdesign - seinodernichtsein Schauspielerwebsites
Webdesign - Archiv Verlag Werner - Historische Stiche, Kalender, Grußkarten
Webdesign - Tai Chi Schule Pasing
Webdesign - Ortstermine München 2004/2005/2006 Kulturreferat München
Webdesign - Dr.med.dent Fettig-Herkel Zahnarztpraxis
Webdesign - Bauträger, Hausverwaltung, Immobilienverkauf Südhausbau
  • 1
  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
  • 4
  • 1
  • 2
  • 1

Südhausbau

Es folgen Erlaueterungen zu Umbauten/Anpassungen im Laufe der Jahre und zur Anfangsgestaltung

Unter-Websiteanpassung /Ausgliederung der Immobilien Verkaufsangebote des Unternehmens
Online 1999 bis Feb2006

bilder

Website Screenshot 1 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 2 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 3 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 4 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 5 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 6 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 7 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 8 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 9 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 10 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 11 - Kunden - Südhausbau VerkaufsimmobilienWebsite Screenshot 12 - Kunden - Südhausbau Verkaufsimmobilien

aufgabe

Die Verkaufs- und Immobilienangebote des Südhausbau sollten von der Stammhaus-Website weiterhin erreichbar sein, aber ein großzügiges Design und mehr Raum erhalten, um Kaufinteressenten mehr Informationen und mehr und aussagekräftigere Bilder zeigen zu können.

Zusammen mit der Hausagentur des Unternehmens, dem Wunderamt, wurden Konzept und Designrichtilinien erarbeitet, die Gestaltung / Umsetzung / Programmierung erfolgte dann durch mich.

konzept

  • von einer Übersichtskarte ausgehend sind alle Verkaufsangebote im Raum München erreichbar
  • jedes Verkaufsobjekt für sich stellt eine kleine abgeschlossene Website dar, einzig der Link zur Übersichtskarte und rotes Logo-Link zur Stammhaussite stellen Verbindungen zu den anderen Seiten/Rubriken dar
  • dadurch kann ein neues Projekt einfach hineingenommen und ein abgeschlossenes ebenfalls ohne aufwendige Änderungen herausgenommen werden
  • obere und untere Menuleisten sind das gestalterische Merkmal, das sich durch alle Seiten gleich hindurchzieht und dem Benutzer eine schnelle Orientierung ermöglicht
  • die einzelnen Submenüpunkte hingegen können flexibel angepasst werden, je nach Art der Bilder, Grundrisse
  • die Einzelseiten sind alle ähnlich gestaltet, berücksichtigen aber die unterschiedlichen Anforderungen der Objekte
  • Prämisse war nicht, alle Bilder oder Grundrisse in ein gleich grosses Raster zu pressen, sondern dem Benutzer alle Abbildungen größtmöglicht und gut lesbar zu zeigen
  • grosse Bilder sollen schnell laden
  • überhaupt sollen alle Seiten schnell laden, knapp und informativ sein und keine überflüssigen oder gar ablenkenden Elemente aufweisen
  • es soll jeweils eine Druckversion geben

einige details

  • unaufdringliches, aber einprägsames Design
  • klar, großzügig, übersichtlich
  • angenehme Farben und Kontraste
  • gute Lesbarkeit, Paragraphenlängen, Textblöcke, Aufzählungen
  • der jeweilige Menüpunkt von der Seite, auf der sich der Benutzer befindet, ist markiert
  • Submenüs gibt es nur dort zur Auswahl, wo es tatsächlich Unterpunkte gibt; sie sind schnell und flexibel austauschbar, je nachdem ob es schon Seiten zu den einzelnen Punkten gibt oder eine neue z.B. Webcam-Seite eingebunden werden soll
  • überall schöne grosse aussagekräftige Bilder und gut lesbare, einzeln optimerte, Grundrisse und Lagepäne; Vermeidung von extra aufgehenden Vergrößerungsfenstern oder gar durchzuklickenden Galerien (welcher User hat schon Lust, ewig auf einer Site herumzuklicken, schließlich informiert er sich vermutlich noch bei etlichen anderen und wird oft der schnelleren/übersichtlicheren den Vorzug geben)
  • einzeln bearbeitete und optimierte Fotos (mit Bearbeitung ist nicht eine begünstigende Retusche gemeint (obwohl das möglich wäre...), sondern u.a. das farbliche Angleichen von Digitalbildern bei verschiedenen Tageszeiten und Wetterverhältnissen oder das Entzerren von schiefen Architekturlinien, wie meist unvermeidlich bei Kameraaufnahmen entstehen, eine gute Ausschnittwahl und das Nachschärfen bzw. Kontrastverstärken von Bildern, die herunterverkleinert wurden)
  • statt langatmigen Beschreibungen, wie sie sicherlich passend und ansprechend für Prospekt sind, gibt es auf der Website alle Informationen in Stichpunkten und übersichtlichen Listen, die der Benutzer schnell durchsehen kann
  • Vewendung von ausschliesslich CSS - Cascading Style Sheets, externe für siteübergreifende Layoutelemente und interne für individuelle Anpassungen – codesparend, schnellladend, ausserdem benutzerfreundlich (stichwort 'accessibility')
  • DOM-Modelling, w3c.org Standards
  • Suchmaschinenoptimierung
  • Verwendung von sinnvollen alt-tags bei allen Bildern und Grafiken
  • sinnvolle Zusammenstellung von Einzelheiten bei der Druckversion

erfolg

Die Südhausbau - seit drei Generationen ein echtes Traditionsunternehmen in der Bauträger- und Immobilienbranche - zeigt mit dieser modernen Website, dass sie absolut up-to-date ist. Coole Features werden nicht für überflüssigen Schnick-Schnack eingesetzt, sondern machen die Website auf dezente Weise äußerst benutzerfreundlich.

Eine gute schöne Website, die immer auf dem aktuellen Stand ist, empfiehlt man einfach gerne weiter.

Seit ihres Launches im Oktober verzeichnet die Verkaufsrubrik einen starken und steten Besucheranstieg.

User kommen nicht nur über Suchmaschinen oder Immobilienportale, sondern auch über Zeitungsanzeigen, in denen immer mit der kurzen einfachen Websiteadresse geworben, ebenso auf Plaketen und Bautafeln.

Die Einzelseiten-URLs können einfach an Interessenten weitergegeben werden.

Die Zusammenarbeit zwischen mir und den Ansprechpartnern ist kompetent und problemlos. Das Arbeitsklima ist sehr freundlich und engagiert auf beiden Seiten. Kommunikation erfolgt per email, Telefon, Materialaustausch per email ode Post/Kurier. Bei größeren Ergänzungen werden Besprechungen anberaumt.

zukunft

Neue Verkaufsangebote werden einfach in die Übersichtskarten und die Websiterubrik eingebunden, abgeschlossene herausgenommen und gegebenfalls als Referenzobjekte in die Stammhaus-Webseiten zusammengefasst übernommen.

Eine Weichenstellung auf der Eingangsübersichtkarte ist einfach integrierbar, wenn z.B. mehr Objekte im gesamten Raum Bayern oder Deutschland angeboten würden, oder wegen einer Vielzahl von Projekten eine genauere Unterteilung/Unterscheidung vorgenommen werden soll (nach Objektart, Region, Bestand und Neubauten, u.ä.)

Aktualisierungen und Websitepflege sowie Webstatistikanalyse und Suchmaschinen-Überprüfungen nehme ich nach Bedarf und in immer in Absprach mit dem Unternehmen vor.

Je nach Möglichkeit wird es bei allen Objekten eine Webkamera geben und eine detailreiche, chronologische Bildergalerie vom Baufortschritt innen und außen, denn Immobilieninteressenten wollen soviele Bilder und aktuelle Eindrücke sammeln wie möglich.

ADDENDUM FEB 2006:

Die Südhausbau hat sich von einer Branding Agentur ein komplett neues Erscheinungsbild (CI) entwickeln und in dem Zuge auch die Website neu programmieren lassen. Leider zeigt sie das neue Konzept bis jetzt (Mitte Dez 06) nur unzureichend. Abgesehen von funktionalen Schwächen und starrer Tabellenkonstruktion wurde die Userfreundlichkeit vernachlässigt. Mir tut es immer ausgesprochen leid zu sehen, wenn eine neu konzipierte Website weder die letzte 'State of the Art' des Webcodings noch ein teuer entwickeltes CI benutzerfreundlich umsetzt.

ADDENDUM JUL 2007:

Die Südhausbau hat sich erneut ein neues Erscheinungsbild (CI) entwickeln und wiederum die Website neu programmieren lassen. Es greift endlich wieder Elemente und Bilddimensionen meiner Versionen der Vorjahre auf und stellt sich und seine Projekte dem User wieder besser und offener dar!

Südhausbau

Anfangs-Website und Weiterentwicklung fuer das Stammhaus
Jan 2001 bis Feb 2006

bilder

Website Screenshot 1 - Kunde - Suedhausbau StammhausWebsite Screenshot 2 - Kunde - Suedhausbau StammhausWebsite Screenshot 3 - Kunde - Suedhausbau StammhausWebsite Screenshot 4 - Kunde - Suedhausbau StammhausWebsite Screenshot 5 - Kunde - Suedhausbau StammhausWebsite Screenshot 6 - Kunde - Suedhausbau StammhausWebsite Screenshot 7 - Kunde - Suedhausbau StammhausWebsite Screenshot 8 - Kunde - Suedhausbau StammhausWebsite Screenshot 9 - Kunde - Suedhausbau StammhausWebsite Screenshot 10 - Kunde - Suedhausbau StammhausWebsite Screenshot 11 - Kunde - Suedhausbau StammhausWebsite Screenshot 12 - Kunde - Suedhausbau Stammhaus

aufgabe

Das Stammhaus Südhausbau (Baubetreuung und Hausverwaltung) hatte von der Agentur Wunderamt, München, ein komplett neues Corporate Design erhalten. Und für 1999 einen ausgezeichneten Geschäftsbericht.

Ich konzipierte und programmierte dazu einen repräsentativen Internetauftritt.

Ich pflege die Site und mache (mehrmals monatlich) Aktualisierungen auf eMail oder Telefonat des Kunden hin bis zum nächsten Tag.

Okt 01: die bisherigen Webseiten der Tochterfirma bzgl. des Verkaufs von Eigentumswohnungen und -häusern werden mitsamt den Grundrissen und Lageplänen erfolgreich in die Site integriert.

Nov 01: die erste Webcam einer aktuellen Baustelle bringt den Baufortschritt auf die Website.

Okt 03: die Verkaufsangebote werden wieder ausgegliedert und erhalten mehr Raum (siehe oben) die Stammhaussite wird entsprechend angepasst.

Mai 04: die Website erhält ein freundlicheres, wärmeres Farbkonzept

konzept

  • das neue Logo wird durch ein strenges Quadratraster betont
  • eine Weichenstellung zu den Verkaufsobjekten muss auf der Eingangseite erfolgen
  • die starke vertrauensvolle Bindung des Unternehmens zu Partnern, Kunden und Mitarbeitern soll gezeigt werden und potentielle weitere ansprechen
  • die Site soll einen Überblick geben über alle Aktivitäten der Südhausbau mit attraktiven Beispielen, ohne monotone Detailauflistungen.
  • es wurde eine klare und dem User verständliche Sitestruktur geschaffen
  • die Seiten sind schön gegliedert, und durch sorgfältige Schrift- und Farbwahl angenehm und gut lesbar gestaltet (dazu wurden auch die gelieferten Texte lesegerecht umgearbeitet)
  • die Navigation ist bis ins Detail elegant und durchdacht, z.B. kann man entweder durch Seiten blättern oder zu bestimmten Seiten springen
  • Dynamik entsteht durch die schnelle Ladezeit aller Seiten und selbst großer Bilder
  • im Hauptgebäude der Südhausbau wurden mit Digitalkamera viele zufällige Bilder gemacht, die den User quasi das Unternehmen miterleben lassen
  • später könnte von dieser Seite auch zu den Bereichen 'Mieterforum' und 'Mietangebote' verzweigt werden, die dann einen eigenen Auftritt erhalten weren, der ihren besonderen Anforderungen entspricht (Suchmaschine, Datenbankanbindung, Diskussionsforum, u.ä.).

einige details

  • die Produkton der Site (nach längeren Design- und Überlegungspausen) dauerte sechs Wochen
  • die Pflege der Site beansprucht etwa 8 Stunden im Monat (den Aufwand beim Kunden mit einbezogen)
  • hinzukommen unregelmäßig neue Bauvorhaben oder Sonderankündigungen
  • Überlegter Einsatz von Style Sheets, JavaScript, DHTML.
  • Anlage von Redirectseiten und Tables, die in allen Browsern das gleiche Layout garantieren.
  • Verwendung eines ausgetüftelten Framesets, in dem sich immer auch gebookmarkte Einzel/Unterseiten mit ihren dazugehörigen Nebenseiten und Bildseiten richtig - einschließlich angeklickter Roll-Over-Buttons! - aufbauen.
  • Einzelseiten mit sinnvollen Vorder- und Hintergrundcodes (Seitentitel, Metatags (Description, Keywords, Revisit, Language, Copyright), Bilder-alt-Tags) zur Suchmaschinenindizierung.
  • Schneller Bildaufbau durch überlegte Preloads
  • Einzeloptimierung der Bilder
  • Optimierung für die Plattformen Microsoft Windows und Apple Macintosh.
  • Optimierung für die Browser Netscape Navigator 4+/6.x/7.0, Internet Explorer 4.5+/5.x/6.x und alle neueren Browser wie Opera, Safari, Mozilla.
  • Optimierung für eine Bildschirmbreite von 800 Pixel und Tausende bzw. Milllionen von Farben.

Gestaltung und Programmierung mit folgenden Tools:

  • Hardware: Apple Macintosh Rechner, Virtual PC, Digitalkamera, Scanner
  • Bildbearbeitung mit Adobe Photoshop/Image Ready/Illustrator
  • HTML-Editor Adobe GoLive 5.0/6.0/CS
  • Textübernahmen aus QuarkXPress, InDesign, Microsoft Word, SimpleText, e-Mails, MS Frontpage

erfolg

Die Website ist mit seiner Eleganz und Raffinesse höchst repräsentativ und nicht nur für eine Site ihrer Branche außerordentlich gut durchdacht.

Zugleich ist sie schnell und informativ - Stellenangegote und Mietangebote / Verkaufsangebote - sofern sie online gestellt werden - sind hochbesucht.

zukunft

Sicherlich kann man ein Mieterforum, eine Art Tauschbörse, eine Zusammenarbeit mit Unternehmen im Bereich der Bau- und Hauswirtschaft denken, aber es sollte nie vergessen werden, dass niemals alle Mieter das Internet nutzen werden und auch diesen alle Informationen zugänglich gemacht werden müssen. Ausschliesslich Mieterbelange werden besser mit dem Angebot eines Fernsehhauskanals bzw. der sowieso schon regelmäßig erscheinenden Zeitschrift „Südhausbau informiert“ abgedeckt (letztere wird künftig auch zum Download auf der Website bereitstehen).

Ein Ausbau mit zig Links, Foren, Ratgeberseiten wäre angesichts der vielen bestehenen Immobilienportale doppelgemoppelt, eine Finanzierung durch Werbung wäre imageabwertend.

Als Designerin, Beraterin, aber auch selbst Internetnutzerin, denke ich eher an eine kompetente und konsequente Weiterführung, Erweiterung und Vertiefung der Inhalte, sowie an ständige Verbesserung, Straffung und Überarbeitung von Inhalten (das beinhaltet auch Reduktionen und Streichungen!).

Oktober 2003:
den Verkaufsobjekten wurde mittlerweile mehr Raum und ein individuelles Design gegeben, dass den Anforderungen von Eigentumsinteressenten besser gerecht wird (siehe drittes Auswahlbildchen).

Juli 2004: Angesichts der immer schnelleren Internetverbindungen, der neueren Browser, mit denen man endlich codeverschlankte CSS gesteuerte Seitenlayouts anlegen kann, als auch der zunehmenden Bedeutung von barrierefreien Websites, könnte auch diese Website überarbeitet werden, um sie noch ein bissel schneller und komfortabler zu machen als sie jetzt schon ist.

Eine Überarbeitung sollte aber nie nur äußerlich, kosmetisch sein, sondern auch eine gründliche Überprüfung der Struktur und Inhalte mit beinhalten.

ADDENDUM FEB 2006:

Die Südhausbau hat sich von einer Branding Agentur ein komplett neues Erscheinungsbild (CI) entwickeln lassen und in dem Zuge auch die Website neu programmieren. Leider zeigt sie das neue Konzept bis jetzt (Ende Feb 06) nur unzureichend. Abgesehen von funktionalen Schwächen und starrer Tabellenkonstruktion wurde die Userfreundlichkeit vernachlässigt. Mir tut es immer ausgesprochen leid zu sehen, wenn eine neu konzipierte Website weder die letzte 'State of the Art' des Webcodings noch das teuer entwickelte CI benutzerfreundlich umsetzt.

ADDENDUM JUL 2007:

Die Südhausbau hat sich erneut ein neues Erscheinungsbild (CI) entwickeln und wiederum die Website neu programmieren lassen. Es greift endlich wieder Elemente und Bilddimensionen meiner Versionen der Vorjahre auf und stellt sich und seine Projekte dem User wieder besser und offener dar!

SOON
SOON
SOON