Who

I am a Web Designer and Web Programmer in Panketal near Berlin, Germany. I create user friendly and accesible web sites, that look nice both on large and small screens.

How

Attractive design, intuitive use: as simple as possible (but not simpler), robust and accesible for all, lean and efficient implementation, standard conform, well documented = maintainable

What

This portfolio shows some of the web sites, I have made since 2002. The latest at the top, the older ones further down.

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
Consultance + Realisation:
Andrej Barth

Online since September, 2013, Work in Progress

www.multi-steuerung.de Screenshot

Realisation

Stepwise realisation of a company web site, bilingual, with shop, along the growth of the company

More …

HTML 5, CSS 2.1, CSS 3, robust and CSS-based layout with templates, SSI (Server Side Includes), selflinks disabled, 404 error page, clean URLs, accesible (presentation even with no CSS, no graphics, for screenreaders), two level navigation, shop programmed in Perl, more than 30 pages with 10 different page layouts, complete bilingual setup on a single layout: German, English, Javascript/jQuery animations with fallback solutions, SVG vector graphics, deployment of HTML5 video elements, Responsive Design: layout adapts flexibly to different browser window width.

Bernhard Knapp GmbH

www.knappgmbh.de

Vereinigte Versicherungs­makler, (Stadecken-Elsheim)

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

Online since November, 2012

www.knappgmbh.de Screenshot

Realisation

Accurate implementation of the design

More …

HTML 5, CSS 2.1, CSS 3, YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), selflinks disabled, 404 error page, clean URLs, accesible (presentation even with no CSS, no graphics, for screenreaders), web fonts, contact forms in Perl

Maja Mommert

www.majamommert.com

Actress, Moderator, Coach, (Berlin)

Design:
Fine Nitschke, Christiane Fischer
Text:
Maja Mommert
Consultance + Realisation:
Andrej Barth

Online since November, 2012

www.majamommert.com Screenshot

Realisation

Accurate implementation of the design

More …

HTML 5, CSS 2.1, CSS 3, YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), selflinks disabled, 404 error page, clean URLs, accesible (presentation even with no CSS, no graphics, for screenreaders) two level navigation with 9 different link designs, more than 20 pages with 10 different page layouts and numerous graphical and textual design elements, web fonts, complete trilingual setup on a single layout: German, English, French, two Javascript/jQuery animations, print layout for nicely readable printed pages

Thilo Reffert

www.thilo-reffert.de

Author, (Panketal)

Design:
Thilo Reffert, Andrej Barth
Text:
Thilo Reffert
Consultance + Realisation:
Andrej Barth

Online since February, 2012

www.thilo-reffert.de Screenshot

Realisation

Accurate implementation of the design

More …

XHTML 1.0 Strict, CSS 2.1, CSS 3, YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), selflinks disabled, 404 error page, clean URLs, accesible (presentation even with no CSS, no graphics, for screenreaders), clear two level menu holds more than 40 html pages, integration of audio samples, Responsive Design: layout adapts flexibly to different browser window width, print layout for nicely readable printed pages

K. Riebesell Energie­einspar­systeme UG

www.riebesell.eu

(Welle)

Design:
Karsten Riebesell, Andrej Barth
Text:
Karsten Riebesell
Consultance + Realisation:
Andrej Barth

Online since November, 2011

www.riebesell.eu Screenshot

Realisation

Accurate implementation of the design

More …

XHTML 1.0 Strict, CSS 2.1, CSS 3, robust and CSS-based layout, accesible (presentation even with no CSS, no graphics, for screenreaders)

GS-Engineers GmbH

www.gs-engineers.de

»Engineering partner of automotive, machine building, energy and medical engineering industry« (Heusenstamm, Germany)

Design:
Henry Peuschel
Text:
GS-Engineers GmbH
Consultance + Realisation:
Andrej Barth

Online since October, 2010

www.gs-engineers.de Screenshot

Realisation

Accurate implementation of the design

More …

XHTML 1.0 Transitional, CSS 2.1, YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), adaption of a commercial PHP solution for the contact form, selflinks disabled, 404 error page, clean URLs, accesible (presentation even with no CSS, no graphics, for screenreaders)

Doreen Arnold

www.doreen-arnold.de

Doreen Arnold, puppet player and speaker (Panketal/Berlin, Germany)

Design:
Henry Peuschel
Text:
Doreen Arnold
Consultance + Realisation:
Andrej Barth

Online since June, 2010

www.doreen-arnold.de Screenshot

Realisation

Accurate implementation of the design

More …

XHTML 1.0 Strict, CSS 2.1, YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), selflinks disabled, clean URLs, accesible (presentation even with no CSS)

JH Multimedia­konzepte

www.jh-multimediakonzepte.de

»JH Multimediakonzepte stands for ›Future Entertainment‹. We design your Home Enter­tain­ment System, be it Home Cinema, Multiroom Solution, Light Control or Home Automisation.« (Hamburg, Germany)

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

Online since January, 2010

www.jh-multimediakonzepte.de Screenshot

Realisation

Accurate implementation of the design

More …

XHTML 1.0 Strict, CSS 2.1 + CSS 3 (Progressive Enhancement), YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), adaption of a commercial PHP solution for the contact form, selflinks disabled, 404 error page, clean URLs, URL Rewriting, accesible (presentation even with no CSS, no graphics, for screenreaders)

RCA risk control assekuranzmakler gmbh

www.rca-assekuranzmakler.de

Independent Risc Management Specialist and Insurance Broker (Buchholz in der Nordheide, Lower Saxony, Germany)

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

Online since August, 2009

www.rca-assekuranzmakler.de Screenshot

Realisation

Accurate implementation of the design

More …

XHTML 1.0 Transitional, CSS 2.1, YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), adaption of a commercial PHP solution for the contact form, selflinks disabled, 404 error page, clean URLs, URL Rewriting, accesible (presentation even with no CSS, no graphics, for screenreaders)

Dipl.-Med. Heike Fackler

www.heike-fackler.de

General Practicioner (Berlin, Germany)

Consultance, Design, Realisation:
Andrej Barth

Online since July, 2009

www.heike-fackler.de Screenshot

Realisation

Design and implementation of a web »business card«, following the corporate design of the medical practice

More …

XHTML 1.0 Transitional, CSS 2.1, SSI (Server Side Includes), URL Rewriting, accesible (presentation even with no CSS, no graphics, for screenreaders)

Dengler Assekuranzmakler GmbH

www.dengler-assekuranzmakler.de

Insurance specialist for physicians, medical scientists and hospitals (Karben, Hesse, Germany)

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

Online since June, 2009

www.rca-assekuranzmakler.de Screenshot

Realisation

Exact implementation of the detailed design given

More …

XHTML 1.0 Transitional, CSS 2.1, YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), adaption of a commercial PHP solution for the contact form, selflinks disabled, 404 error page, clean URLs, URL Rewriting, accesible (presentation even with no CSS, no graphics, for screenreaders)

Thorsten Lessing

www.thorstenlessing.de

Independent Project Manager and Consultant for Online Media (Hamburg and Berlin, Germany)

Design:
Katja Wenger katjawenger [at] googlemail.com
Text + Concept:
Thorsten Lessing
Consultance + Realisation:
Andrej Barth

Online since June, 2009

www.thorstenlessing.de Screenshot

Realisation

Accurate implementation of the detailed design

More …

XHTML 1.0 Transitional, CSS 2.1, YAML (Yet Another Multicolumn Layout) as design framework, robust and CSS-based layout, SSI (Server Side Includes), main navigation as graphic solution with no delay when hovering with the mouse, some pages with sub navigation, background graphic with diagonal colour gradient, selflinks disabled, 404 error page, accesible (presentation even with no CSS, no graphics, for screenreaders), time dependance: project page lists projects of last year (plus projects of the recent three years in the page menu)

Berliner Seehunde (»Berlin Seals«)

Winter swimming in the lake Orankesee, section 113 of Bergmann Borsig e.V. (Berlin, Germany)

www.berliner-seehunde.de

Design + Realisation:
Andrej Barth

Online since 2005

www.berliner-seehunde.de Screenshot

Realisation

Extensive web site of a sports club, calendar, news, press archive, background information, weekly updates during the season (mid September to end of April)

More …

HTML 4 Strict, CSS, layout tables (obsolete), selflinks disabled, 404 error page, setup and implementation of a style guide

Radiologie Rüdersdorf

www.radiologie-ruedersdorf.de

Radiological Practice at the Rüdersdorf Hospital (Brandenburg, Germany)

Consultance, Design, Realisation:
Andrej Barth

Online since December, 2004

www.dr-med-barth.de Screenshot

Realisation

Web site by specification of the client

More …

HTML 4 Strict, CSS, layout tables (obsolete), selflinks disabled, extensive graphic and photographic material included

Dr. med. Cathleen Barth

www.dr-med-barth.de

General Practicioner (Berlin, Germany)

Design + Realisation:
Andrej Barth

Online since November, 2004

www.dr-med-barth.de Screenshot

Realisation

Web »business card«, in accordance to the corporate design of the medical practice

More …

HTML 4 Strict, CSS, layout table (obsolete), white cross is made up with background colours in CSS

Pferdehof Falkenberg (»Horse Farm Falkenberg«)

www.pferdehof-falkenberg.de

Riding academy and stable in Berlin-Hohenschönhausen, district Falkenberg (Germany)

Concept:
Andreas Hahn
Consultance, Design, Realisation:
Andrej Barth

Online since 2002

www.pferdehof-falkenberg.de Screenshot

Realisation

Web site by specification of the client

More …

HTML 4 Strict, CSS, layout tables (obsolete), selflinks disabled, 404 error page


Sprụng•bein das: take-off leg, the leg you brace against the ground when jumping

© 2009-2010 Andrej Barth • Last update: 1 July, 2014