Bisher realisiert:
„Kosmetik im Townhouse“ – Petra Sandmann
Der Kosmetik-Salon von Petra Sandmann in Berlin. Frau Sandmann schreibt über ihre Arbeitweise, ethische Standards und stellt die Produkte vor, die sie einsetzt.
Besonderheiten
Für dieses Projekt wurde eine serverseitige Schrifart (URW Gothic), auch Webfont genannt, eingesetzt. Frau Sandmann verwendet die gleiche Schrift auch für ihre Visitenkarte und anderes gedrucktes Material.
Aktualisierungen werden von der Kundin direkt auf HTML-Ebene durchgeführt. Einige einfache PHP-Skripte vereinfachen die Einbindung von Menü und Fußzeile.
Ein Kontaktformular mit serverseitiger Datenprüfung ist enthalten.
Beitrag von OmniintrO
- Entwürfe in Anlehnung an vorgelegtes Material
- Realisierung in handgeschriebenem HTML-Code + PHP-Skripten
- Standard: valid XHTML 1.0 strict
http://kosmetik-im-townhouse.de
Tears of Joy – Claus Grüterings Blog
Claus Grütering (Bruder von Horst) schreibt in seinem Blog über seine Geschichte, Gedanken und Essays.
Besonderheiten
Für dies Blog wurde ein recht unkonventionelles Wordpress-Theme erstellt, bei dem die Artikel auf den Übersichts- und Archivseiten in Form einzelner, nebeneinander stehender Kästen dargestellt werden. Das Layout ist flexibel; je breiter das Browserfenster. desto mehr Kästen sind nebeneinander zu sehen.
Beitrag von OmniintrO
- alle Entwürfe
- Realisierung mit Wordpress
- Standard: valid XHTML 1.0 strict
Horst4Dsign: Horst Grütering, Industriedesigner aus Amsterdam
Horst Grütering, ehemals Teilhaber von www.fleximac.nl , seit Juli 2010
mit eigenem Betrieb. Hier stellt er sich selbst und eine Vielzahl bisheriger
Projekte vor.
Besonderheiten
- Dreisprachig: Niederländisch, Englisch, Deutsch
- Horizontal scrollendes Bilder-Menü
- Dreisprachiges Kontaktformular
- Stylesheets für Bildschirm und Druck
- eingebundene Video-Clips auf mehreren Projektseiten
Für das horizontal scrollende Menü wurde eine schlanke JavaScript-Lösung eingesetzt und mit einem Rückfallmechanismus versehen: Ohne JavaScript erscheint dort ein konventioneller Scrollbalken. Auch für die Anzeige der Bilder und Videos wurde ein solcher Mechanismus eingebaut. ("Unobtrusive JavaScript")
Das Layout ist auch für kleine Bildschirme benutzbar; auf großen Schirmen ist es in der Breite begrenzt und zentriert.
Beitrag von OmniintrO
- alle Entwürfe mit Ausnahme des Logos
- Umsetzung mittels Template-System (Smarty), CSS, PHP und JavaScript
- Standard: valid XHTML 1.0 strict
Antje Steinhöfel: TCM-Praxis
Antje Steinhöfel ist eine in Berlin praktizierende Heilpraktikerin mit dem Schwerpunkt Traditionelle Chinesische Medizin. Sie arbeitet mit den Methoden Akupunktur, Moxibustion und Chinesische Ernährungslehre.
http://tcm-praxis-antje-steinhoefel.de
Beitrag von OmniintrO
- Entwurf des Layouts (frei angelehnt an eine Visitenkarte)
- Realisierung in XHTML 1.0 strict und CSS
- Kontaktformular mit browserseitiger Datenprüfung (JavaScript)
Jürgen Bernsen
Jürgen Bernsen ist parteiloser Direktkandidat für den Bundestag im Wahlkreis Berlin Pankow-Weißensee. Hier stellt er sich und seine politischen Ziele vor.
Für Herrn Bernsen wurde zunächst eine Präsenz mit statischen HTML-Seiten erstellt. Auf dieser Basis entstand später ein Wordpress-Blog. Wie für Wolf Schneider wurden einige Anpassungen am internen Editor vorgenommen.
Beitrag von OmniintrO
- Entwurf des Layouts (frei)
- Erstellen eines Wordpress-Themes
Schreibkunst: Wolf Schneiders Blog
Schreibkunst ist das Blog des Publizisten und Herausgebers der spirituellen Zeitschrift connection.
Es handelt sich um ein Wordpress -Blog.
Beitrag von OmniintrO
- Entwurf des Layouts in lockerer Anlehnung an die vorherige Version des Projekts, das als Archiv erhalten wurde
- Erstellen eines Wordpress-Themes mit Beachtung der für die Barrierefreiheit relevanten Punkte, flexibel und zoom-stabil
- Anpassen des in Wordpress eingebauten Editors mittels des Plugins „TinyMCE Advanced“, um Herrn Schneider die notwendigen Mittel an die Hand zu geben, strukturierten Code einzugeben und u. a. Überschriftenebenen, Zitate, Abkürzungen und Sprachen zu kennzeichnen (ob dies in der Praxis geschieht ist selbstverständlich in der Verantwortung des Kunden).
- Erstellen eines speziellen CSS für den Editor
Freiraum: Messie-Helfer
Das Projekt Freiraum – Messie-Helfer bietet Unterstützung für Menschen, die Probleme mit chronischer Unordnung haben (sog. „Messies“).
Besonderheiten
Alle Seiten wurden von Hand in XHTML strict geschrieben. Sie ist frei skalierbar
und paßt sich (mit sinnvollen Begrenzungen) an die Fenstergröße an. Für Mobilgeräte
wurde ein Mobil-Stylesheet erstellt.
Als einziges Ausgangsmaterial lag das „Freiraum"-Logo vor.
Beitrag von OmniintrO
- Entwurf des Layouts (frei)
- Realisierung in XHTML 1.0 strict und CSS
Haus ZOAR Berlin
Das Haus ZOAR in Berlin Prenzlauer Berg ist eine Wohnstätte für Menschen mit Behinderungen, speziell auch für Huntington-Erkrankte.
Besonderheiten
Für dies Projekt wurde ebenfalls das Template-System Smarty eingesetzt. Die Inhalte werden vom Kunden als Textdateien eingetragen, die per Skript in HTML umgewandelt werden.
Das Projekt verfügt über eine Zoom-Funktion, die mit und ohne JavaScript funktioniert.
Beitrag von OmniintrO
- Umsetzen des Designs nach einer vom Kunden eingereichten Vorlage, die in Rücksprache mit dem Kunden optimiert wurde
- Programmierung einer Bilderserie (Rundgang)
- Erstellen eines Kontaktformulars mit browser- und serverseitiger Datenprüfung
Praxis für Osteopathie
Wiebke Heinemann ist eine Berliner Osteopathin und Heilpraktikerin. Auf ihrer Seite erfahren wir verschiedenes über die Methoden der Osteopathie und Frau Heinemann persönlich.
Besonderheiten
Diese Seite wurde zu 100% von Hand in XHTML strict geschrieben.
Als Vorlage für den Entwurf wurden ein Faltblatt und eine Visitenkarte verwendet,
die von der Berliner Architektin Ulrike Noack entworfen wurden.
Die Seite reagiert vollflexibel auf Änderungen der Schriftgröße und des
Browserfensters, was wegen der runden Ecken eine schwierige Anforderung
an das CSS-Design darstellt.
Beitrag von OmniintrO
- Entwurf des Designs in Anlehnung an vorhandenes Material
- Realisierung in XHTML strict und CSS
- Erstellung einer Anfahrtsskizze