Referenzen von Treecat Design: Webdesign
Folgende Webprojekte wurden zuletzt von Treecat gestaltet und umgesetzt:
Elite Report Edition – Re-Launch 2007
Auftraggeber: Elite Report Redaktion in München, Herausgeber der Elite Spezialreports.
Auftrag: Gewünscht wurde eine schlichte und seriöse Website,
die sich schnell aufbaut, die Spezialreports vorstellt und Kontaktmöglichkeiten bietet.
Lösung:
Erstellt wurde eine minimalistische Website: schnell-ladend und übersichtlich. Die interne Verlinkung der
Website wird durch die Sitemap erhöht. Einzelne Seiten sind auf Spezialthemen optimiert.
Speed-Optimierung: Ladezeit bei Modem: 4.16 Sekunden. CSS-Datei ist nur 2791 kb (unter 4080 ist optimal),
Grafiken der Startseite
10462 bytes (unter 15kb ist optimal),
HTML mit 4265 bytes unter 20 kb, Seite besteht aus nur 3 Objekten.
Technologien: XHTML 1.0 Strict, CSS, Mikroformate (vCard), PHP, XML-Sitemap, Geo-Daten.
Status: aktiv.
http://www.elitereport.de/.
Jewgenija Lenskaja
Auftraggeber: Das Mode-Label Jewgenija Lenskaja in München
Auftrag: Aufbau einer neuen Webpräsenz zur Präsentation von Produkten des Labels.
Umsetzung: Bei der Umsetzung wurde ein minimalistisches CSS-Framework angefertigt. Grafiken sind
je nach Aufgabe in der Webseite als HTML-Images oder als CSS-Layout-Elemente eingebunden. Eine Flash-Galerie
wird derzeit noch erstellt. Die Mikroformate wurden bei diesem Webdesign auf jeder Seite eingesetzt,
denn auf jeder Seite ist eine Box mit den Kontaktdaten zu finden. Ankündigungen von Veranstaltungen
des Labels werden ebenfalls semantisch ausgezeichnet werden, denn die neuen Mikroformate sind cool!
Technologien: XHTML 1.0 Strict, CSS, XML, Mikroformate (vCard), Geo-Daten, Flash.
Status: aktiv.
http://lenskaja.com/.
Ein zoologisches Thema als Webprojekt von Treecat Design
Ziel: Eine informative und skalierbare Website, die sich mit Kamelen beschäftigt, speziell mit dem Alpaka
und den anderen Neuweltkameliden.
Trotz minimalistischer Umsetzung und Gestaltung soll die fertige Seite schön aussehen und einen
transparenten Zugang zu den gebotenen Informationen ermöglichen. Die Website verfügt über eine vollständige Bibliographie und einen Bildnachweis.
Stand: XHTML und CSS fertig, in dieses Gerüst können dann weitere Inhalte
eingepflegt werden. Für weitere Webseiten werden im Augenblick
die Textinhalte geschrieben, kleine Info-Grafiken, welche die Verbreitung bestimmter Kamelformen zeigen, werden mit Corel Draw erstellt, die wichtigsten Webseiten sind bereits online zu besichtigen,
die Artikel werden aber noch erweitert. Wir sammeln ständig weiteres Material.
Auf eine www-Subdomain wurde verzichtet, da auf der Domain keine Nicht-www-Dienste angeboten werden. Der URL ist daher http://alpaka-universum.de,
allerdings werden www-Anfragen auf die www-freie Adresse suchmaschinenfreundlich umgeleitet. Die Website ist somit „Class B“
nach der Einteilung von no-www.org.
Wir wollen hier besonders schönes Markup (XHTML) schreiben, das semantisch korrekt ist und viele
Elemente verwendet, die oft übersehen und selten genutzt werden, z. B. blockquote- und cite-Tags für Zitate, was sich bei dem eher wissenschaftlichen Charakter der Site anbietet.
Technologien: XHTML 1.0 Strict, CSS, XML, vCard, Geo-Daten.
Status: aktiv.
http://alpaka-universum.de.
Target Homesearch e.K. - Wohnungssuche in München
Auftraggeber: Target Homesearch e.K.
Auftrag: Die bestehende Website sollte optimiert werden und für Suchmaschinen leichter zu finden sein. Eine Englische Version
der Website sollte eingefügt werden.
Umsetzung: Das HTML-Gerüst der Site wurde komplett neu aufgebaut,
das Tabellen-Layout wurde entsorgt, die Directory-Struktur wurde flach gehalten.
Die Grafik-Buttons der Navigation wurden durch Text-Links ersetzt,
das JavaScript-Rollover wird nun durch einen CSS-Hover-Effekt realisiert.
Die Logo-Grafik wurde stärker komprimiert und die Ladezeit damit verkleinert. Der Quelltext ist semantisch
angereichert durch die Verwendung von Mikroformaten (vCard). Die Meta-Daten der Startseite
wurden durch Geo-Daten aufgepeppt. Eigene HTTP-Fehlerseiten wurden erstellt, XML-Sitemap, 20 XHTML-Seiten.
Zeitraum: ca. eine Woche
Technologien: XHTML 1.0 Strict, CSS, XML, vCard, Geo-Daten.
Status: aktiv.
http://target-home.de/.
Treecat Factory - unser ehemaliger Testbereich
Unser ehemaliger Testbereich. Früher ein Experimentierstation für HTML. Jetzt wird hier
ein HTML-Tutorial entstehen, das einen durch den Aufbau einer Website führt. Bald werden die Geheimnisse von CSS, RDF und weiteren Webtechnologien erhellt werden – wir arbeiten daran.
Technologien: XHTML 1.0 Strict, CSS. Status: Relaunch wird durchgeführt.
http://treecat-factory.com/
rb-BauPlanung GmbH in München
Auftraggeber: Das Ingenierbüro rb-BauPlanung GmbH Riekmann Böhler in München.
Auftrag: Die bestehende Website für das kommende Jahr modernisieren und barrierefrei implementieren.
Neue Inhalte sollten eingefügt werden.
Lösung:
Die Website wurde von grund auf erneuert, Tabellen-Layout und JavaScript-Ballast wurden entsorgt und durch ein zeitgemäßes
XHTML-Gerüst (ca. 60 HTML-Seiten, flexibel erweiterbar) mit CSS-Layout ersetzt. Jedes Verzeichnis besitzt eine index-Datei,
welche alle dort befindlichen Dateien auflistet.
Die Website besitzt eigene HTTP-Fehlerseiten. Ein separates Drucker-Stylesheet ist vorhanden, Kontaktformular wurde mit PHP realisiert.
Eine XML-Sitemap, die dem aktuellen Standard 0.84 entspricht, befindet sich im Wurzelverzeichnis. Solche Dateien
werden von den „großen drei“ Suchmaschinen unterstützt und helfen den Suchmaschinen-Robots
alle Seiten des Online-Angebots zu finden und zu indexieren.
Extreme Speed-Optimierung: Die Ladezeit der Website liegt bei schnellen
Internetverbindungen deutlich unter 1 Sekunde!
Zukunft: Die Website verwendet vCard-microformats: Personenbezogene Daten sind semantisch ausgezeichnet, mit
bestimmten Browsern und Erweiterungen können diese Daten durch einen Klick in das eigene
Adressebuch transferiert werden. Das Feature wird zur Zeit noch nicht breit unterstützt, aber das kann ja noch kommen.
Erdiges: In den Meta-Daten wurden Geo-Positions-Informationen verwendet (Nördliche Breite, Östliche Länge).
Diese ermöglichen eine lokale Suche in bestimmten Suchmaschinen.
Zeitraum: ca. 3 Wochen. Launch: 21.12.2006
Technologien: XHTML 1.0 Strict, CSS, XML, PHP, vCard, Geo-Daten.
Status: Aktiv. Zweites Update war im Juni.
http://www.rb-bauplanung.com/
Hilfe für das autistische Kind
Landesverband Bayern
Auftraggeber: Der Landesverband Bayern „hilfe für das autistische kind“ ist die Vereinigung der Regionalverbände.
Auftrag: Gewünscht wurde die Verwandelung der
bisherigen „Baustellenseite“ (seit 2001) in eine fertige Webpräsenz. Die Hauptseite soll Adressen und Kontaktdaten der Regionalverbände bereitstellen.
Lösung:
Minimalistisch und schnell ladend, das Gerüst und Layout der Website des Regionalverbands München wurde in
minimalisierter Form wiederverwendet.
Zeitraum: 2 Tage.
Technologien: XHTML 1.0 Strict, CSS.
Status: aktiv.
http://www.autismus-lv-bayern.de/
Hilfe für das autistische Kind
Regionalverband München e.V.
Auftraggeber: Der Verein „hilfe für das autistische kind“ ist ein Selbsthilfeverband
autistischer Menschen und ihrer Angehörigen.
Auftrag: Gewünscht wurde eine vollständige
Neuerstellung der Webpräsenz unter strenger Einhaltung der Vorgaben für barrierefreies Webdesign der Stadt München.
Die einzelnen Dateien sollen dabei leicht von Mitarbeitern des Vereins zu warten sein.
Lösung:
Erstellt wurde eine minimalistische und schnell ladende Website, Inhalt und Layout sind vollständig getrennt.
Alle Seiten wurden den vorgegebenen Kriterien entsprechend technisch barrierefrei umgesetzt.
Zeitraum: Launch 27.September 2006. Status: aktiv.
Technologien: XHTML 1.0 Strict, CSS, alternatives stylesheet.
http://www.autismus-muenchen.de/
summit production germany
Auftraggeber: summit production wird zur Zeit in ein Informationsportal umgewandelt, das sich thematisch mit Druckproduktion und Print
beschäftigt.
Auftrag: Gewünscht wurde eine temporäre
Webpräsenz zur Überbrückung, die Kontaktmöglichkeiten bereitstellt.
Lösung:
Erstellt wurde eine minimalistische und schnell ladende Website in unaufdringlichem Design,
die auch bei deaktiviertem JavaScript funktioniert.
Graugänse sind nun die offiziellen Firmenmaskottchen von summit production germany.
Zeitraum: 10 Tage von Planung bis Launch der Site. Status: aktiv.
Technologien: XHTML 1.0 Strict, CSS, JavaScript.
http://summit-production.de/
Elite Report Edition
Auftraggeber: Elite Report Redaktion in München, Herausgeber der Elite Spezialreports.
Auftrag: Gewünscht wurde eine schlichte und seriöse Website,
die sich schnell aufbaut, die Spezialreports vorstellt und Kontaktmöglichkeiten bietet.
Lösung:
Erstellt wurde eine einfache, blaue und schnell ladende Website aus statischen HTML-Dateien.
Zeitraum: Die Seiten werden seit Jahren von Treecat gepflegt, regelmäßig überarbeitet und ergänzt.
Inzwischen ist die Website mit neuem Layout im Netz.
Technologien: XHTML 1.0 Strict, CSS. Status: Re-Launched.
http://www.elitereport.de/