Wer

Ich bin Webdesigner und -programm­ierer in Panke­tal bei Berlin. Ich stelle benutzer­freund­liche und barriere­arme Web-Seiten auf die Beine, die auf großen und kleinen Bild­schirmen gut aussehen.

Wie

Ansprechendes Design, intuitive Benutzung: so einfach wie möglich (aber nicht einfacher), robust und zugänglich für alle, schlanke Umsetzung, standardkonform, dokumentiert = wartbar

Was

Dieses Portfolio zeigt einen Teil der Web­auftritte, die ich seit 2002 gestaltet bzw. realisiert habe. Die neuesten oben, die älteren weiter unten.

Multi-Steuerung.de

www.multi-steuerung.de

www.multi-controller.com

EmTec Embedded Technologies GmbH, (Berlin)

Design:
Andrej Barth, Peter Hoffmann
Text:
Peter Hoffmann, Andrej Barth
Beratung + Umsetzung:
Andrej Barth

Im Netz seit September 2013, Arbeiten sind noch im Gange

www.multi-steuerung.de Screenshot

Realisierung

Schrittweiser Aufbau einer Firmen-Web Site, zweisprachig, mit Shop, entsprechend dem Wachstum der Firma

Mehr …

HTML 5, CSS 2.1, CSS 3, robustes und CSS-basiertes Layout mit Musterseiten, SSI (Server Side Includes), Selflinks unterbunden, 404-Fehlerseite, Clean URLs, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader), zweistufige Navigation, Shop in Perl programmiert, mehr als 30 Seiten mit 10 verschiedenen Seitenvorlagen, komplett zweisprachige Umsetzung (deutsch, englisch) auf identischem Layout, Javasript/jQuery-Animationen mit Fallback-Lösungen, SVG Vektorgraphiken, Nutzung von html5-Video-Elementen, Responsive Design: Layout passt sich flexibel unterschiedlichen Breiten des Browserfensters an.

Bernhard Knapp GmbH

www.knappgmbh.de

Vereinigte Versicherungs­makler, (Stadecken-Elsheim)

Design:
Imke Cohrs-Molles, imcodesign www.imcodesign.de
Text:
Rupert Wolf
Beratung + Umsetzung:
Andrej Barth

Im Netz seit November 2012

www.knappgmbh.de Screenshot

Realisierung

Designgetreue Programmierung nach einer detailierten Vorlage

Mehr …

HTML 5, CSS 2.1, CSS 3, YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Selflinks unterbunden, 404-Fehlerseite, Clean URLs, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader), Webfonts, Kontaktformulare in Perl

Maja Mommert

www.majamommert.com

Schauspielerin, Moderatorin, Trainerin, (Berlin)

Design:
Fine Nitschke, Christiane Fischer
Text:
Maja Mommert
Beratung + Umsetzung:
Andrej Barth

Im Netz seit November 2012

www.majamommert.com Screenshot

Realisierung

Designgetreue Programmierung nach einer detailierten Vorlage

Mehr …

HTML 5, CSS 2.1, CSS 3, YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Selflinks unterbunden, 404-Fehlerseite, Clean URLs, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader), zweistufige Navigation mit 9 unterschiedlichen Linkgestaltungen, mehr als 20 Seiten mit 10 verschiedenen Seitenvorlagen und zahlreichen grafischen und textlichen Gestaltungselementen, Webfonts, komplett dreisprachige Umsetzung (deutsch, englisch, französisch) auf identischem Layout, zwei Javasript/jQuery-Animationen, Printlayout zum Druck gut lesbarer Seiten

Thilo Reffert

www.thilo-reffert.de

Autor, (Panketal)

Design:
Thilo Reffert, Andrej Barth
Text:
Thilo Reffert
Beratung + Umsetzung:
Andrej Barth

Im Netz seit Februar 2012

www.thilo-reffert.de Screenshot

Realisierung

Designgetreue Programmierung nach einer detailierten Vorlage

Mehr …

XHTML 1.0 Strict, CSS 2.1, CSS 3, YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Selflinks unterbunden, 404-Fehlerseite, Clean URLs, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader), klare + zweistufige Menüstruktur für über 40 html-Seiten, Einbindung von Hörproben, Responsive Design: Layout passt sich flexibel unterschiedlichen Breiten des Browserfensters an, Printlayout zum Druck gut lesbarer Seiten

K. Riebesell Energie­einspar­systeme UG

www.riebesell.eu

(Welle)

Design:
Karsten Riebesell, Andrej Barth
Text:
Karsten Riebesell
Beratung + Umsetzung:
Andrej Barth

Im Netz seit November 2011

www.riebesell.eu Screenshot

Realisierung

Designgetreue Programmierung nach einer detailierten Vorlage

Mehr …

XHTML 1.0 Strict, CSS 2.1, CSS 3, robustes und CSS-basiertes Layout, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader)

GS-Engineers GmbH

www.gs-engineers.de

»Engineering-Partner der Branchen Automobilbau, Maschinen- und Anlagenbau, Energietechnik und Medizintechnik« (Heusenstamm)

Design:
Henry Peuschel
Text:
GS-Engineers GmbH
Beratung + Umsetzung:
Andrej Barth

Im Netz seit Oktober 2010

www.gs-engineers.de Screenshot

Realisierung

Designgetreue Programmierung nach einer detailierten Vorlage

Mehr …

XHTML 1.0 Transitional, CSS 2.1, YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Anpassung einer kommerziellen PHP-Lösung für das Kontaktformular, Selflinks unterbunden, 404-Fehlerseite, Clean URLs, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader)

Doreen Arnold

www.doreen-arnold.de

Doreen Arnold, Puppenspielerin und Sprecherin (Panketal)

Design:
Henry Peuschel
Text:
Doreen Arnold
Beratung + Umsetzung:
Andrej Barth

Im Netz seit Juni 2010

www.doreen-arnold.de Screenshot

Realisierung

Designgetreue Programmierung nach einer detailierten Vorlage

Mehr …

XHTML 1.0 Strict, CSS 2.1, YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Selflinks unterbunden, Clean URLs, barrierearm (Darstellung auch ohne CSS)

JH Multimedia­konzepte

www.jh-multimediakonzepte.de

»JH Multimediakonzepte steht für ›Entertainment der Zukunft‹. Wir planen für Sie Ihr Home-Enter­tain­ment-System, ob Heimkino, Multi­raum­lösungen, Licht­steu­erung oder Heim­automa­ti­sie­rungen.« (Hamburg)

Design:
Imke Cohrs-Molles, imcodesign www.imcodesign.de
Text:
JH Multimediakonzepte
Beratung + Umsetzung:
Andrej Barth

Im Netz seit Januar 2010

www.jh-multimediakonzepte.de Screenshot

Realisierung

Designgetreue Programmierung nach einer detailierten Vorlage

Mehr …

XHTML 1.0 Strict, CSS 2.1 + CSS 3 (Progressive Enhancement), YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Anpassung einer kommerziellen PHP-Lösung für das Kontaktformular, Selflinks unterbunden, 404-Fehlerseite, Clean URLs, URL Rewriting, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader)

RCA risk control assekuranzmakler gmbh

www.rca-assekuranzmakler.de

Unabhängiger Spezialist für Risikomanagement und Versicherungsmakler (Buchholz in der Nordheide, Niedersachsen)

Design:
Imke Cohrs-Molles, imcodesign www.imcodesign.de
Text:
Rupert Wolf
Beratung + Umsetzung:
Andrej Barth

Im Netz seit August 2009

www.rca-assekuranzmakler.de Screenshot

Realisierung

Designgetreue Programmierung nach einer detailierten Vorlage

Mehr …

XHTML 1.0 Transitional, CSS 2.1, YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Anpassung einer kommerziellen PHP-Lösung für das Kontaktformular, Selflinks unterbunden, 404-Fehlerseite, Clean URLs, URL Rewriting, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader)

Dipl.-Med. Heike Fackler

www.heike-fackler.de

Fachärztin für Allgemeinmedizin (Berlin)

Beratung + Design + Umsetzung:
Andrej Barth

Im Netz seit Juli 2009

www.heike-fackler.de Screenshot

Realisierung

Gestaltung und Umsetzung als Web-Visitenkarte, passend zum »Corporate Design« der Praxis

Mehr …

XHTML 1.0 Transitional, CSS 2.1, SSI (Server Side Includes), URL Rewriting, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader)

Dengler Assekuranzmakler GmbH

www.dengler-assekuranzmakler.de

Versicherungsspezialist für Ärzte, Mediziner, Kliniken und Medizinische Versorgungszentren (Karben, Hessen)

Design:
Imke Cohrs-Molles, imcodesign www.imcodesign.de
Text:
Rupert Wolf
Beratung + Umsetzung:
Andrej Barth

Im Netz seit Juni 2009

www.rca-assekuranzmakler.de Screenshot

Realisierung

Exakte Umsetzung nach einer detailierten Designvorlage

Mehr …

XHTML 1.0 Transitional, CSS 2.1, YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Anpassung einer kommerziellen PHP-Lösung für das Kontaktformular, Selflinks unterbunden, 404-Fehlerseite, Clean URLs, URL Rewriting, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader)

Thorsten Lessing

www.thorstenlessing.de

Freier Projektmanager und Consultant für Online-Medien (Hamburg und Berlin)

Design:
Katja Wenger katjawenger [at] googlemail.com
Text und Konzept:
Thorsten Lessing
Beratung + Umsetzung:
Andrej Barth

Im Netz seit Juni 2009

www.thorstenlessing.de Screenshot

Realisierung

Genaue Umsetzung einer detailierten Designvorlage

Mehr …

XHTML 1.0 Transitional, CSS 2.1, YAML (Yet Another Multicolumn Layout) als Design Framework, robustes und CSS-basiertes Layout, SSI (Server Side Includes), Hauptmenü als Grafiklösung ohne Nachladeverzögerung, einige Seiten mit Seitenmenü, Hintergrundgrafik: diagonaler Farbverlauf, Selflinks unterbunden, 404-Fehlerseite, barrierearm (Darstellung auch ohne CSS, ohne Grafiken, für Screenreader), Zeitabhängigkeit: die Projekte-Seite zeigt immer die Projekte des vergangenen Jahres (und im Untermenü die der letzten drei Jahre)

Berliner Seehunde

Winterbaden am Orankesee, Abt. 113 der SG Bergmann Borsig e.V. (Berlin)

www.berliner-seehunde.de

Design + Umsetzung:
Andrej Barth

Im Netz seit 2005

www.berliner-seehunde.de Screenshot

Realisierung

Umfangreicher Vereins-Webauftritt, Termine, aktuelle Informationen, Pressearchiv, Hintergrundinformationen, während der Saison (Mitte September bis Ende April) wöchentliche Aktualisierungen

Mehr …

HTML 4 Strict, CSS, Layouttabellen (veraltet), Selflinks unterbunden, 404-Fehlerseite, Aufbau und CSS-Programmierung eines Style-Guides

Radiologie Rüdersdorf

www.radiologie-ruedersdorf.de

Radiologische Praxis am Krankenhaus Rüdersdorf (Brandenburg)

Beratung + Design + Umsetzung:
Andrej Barth

Im Netz seit Dezember 2004

www.dr-med-barth.de Screenshot

Realisierung

Webauftritt nach den Vorgaben des Auftraggebers

Mehr …

HTML 4 Strict, CSS, Layouttabellen (veraltet), Selflinks unterbunden, umfangreiches graphisches und fotografisches Material eingearbeitet

Dr. med. Cathleen Barth

www.dr-med-barth.de

Fachärztin für Allgemeinmedizin (Berlin)

Design + Umsetzung:
Andrej Barth

Im Netz seit November 2004

www.dr-med-barth.de Screenshot

Realisierung

Web-Visitenkarte, passend zum »Corporate Design« der Praxis

Mehr …

HTML 4 Strict, CSS, Layouttabelle (veraltet), Darstellung des weißen Kreuzes nicht als Grafik sondern durch Hintergrundfarben und CSS

Pferdehof Falkenberg

www.pferdehof-falkenberg.de

Pferdehof in Berlin-Hohenschönhausen, Ortsteil Falkenberg

Konzept:
Andreas Hahn
Beratung + Design + Umsetzung:
Andrej Barth

Im Netz seit 2002

www.pferdehof-falkenberg.de Screenshot

Realisierung

Webauftritt nach den Vorgaben des Auftraggebers

Mehr …

HTML 4 Strict, CSS, Layouttabellen (veraltet), Selflinks unterbunden, 404-Fehlerseite


Sprụng•bein das; nur Sg, Sport; das Bein, mit dem man sich beim Springen abstößt

© 2009-2010 Andrej Barth • Zuletzt aktualisiert: 3. May 2017