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.
Imkerverein Buch-Panketal
www.imkerverein-buch-panketal.de
- Design:
- Andrej Barth, nach einer Vorlage
- Consultance + Realisation:
- Andrej Barth
Online since April, 2017
Realisation
Design of a beekeepers association's web site,
HTML 5, CSS 3, robust, CSS-based layout, SSI (Server Side Includes), selflinks disabled, 404 error page, clean URLs, SVG vector graphics, multiple icons (favicons), Responsive Design: layout adapts flexibly to different browser window width.
Imkerverein Bernau
- Design:
- Andrej Barth
- Consultance + Realisation:
- Andrej Barth
Online since March, 2017
Realisation
Design of a beekeepers association's web site,
HTML 5, CSS 3, robust, CSS-based layout, SSI (Server Side Includes), selflinks disabled, 404 error page, clean URLs, two level navigation, SVG vector graphics, Responsive Design: layout adapts flexibly to different browser window width.
Facharztpraxis Dr. med. Blümel
Fachärztin für Allgemeinmedizin, Fachärztin für Plastische Chirurgie
- Design:
- Imke Cohrs, Andrej Barth
- Consultance + Realisation:
- Andrej Barth
Online since December, 2016
Realisation
Design of a practice web page,
HTML 5, CSS 3, robust, CSS-based layout, SSI (Server Side Includes), SVG vector graphics, Speed: all components are included in the page file, only one page request needed, plus two external font files, being minimized to the necessary characters, total 21 kByte, Responsive Design: layout adapts flexibly to different browser window width.
Bernhard Strubel, Filmeditor
Freischaffender Filmeditor
- Design:
- Bernhard Strubel, Andrej Barth
- Consultance + Realisation:
- Andrej Barth
Online since November, 2015
Realisation
Design of a freelancer web page,
HTML 5, CSS 3, normalize.css for uniform presentation in different browsers, robust, CSS-based layout, Responsive Design: layout adapts flexibly to different browser window width.
Multi-Steuerung.de
EmTec Embedded Technologies GmbH, (Berlin)
- Design:
- Andrej Barth, Peter Hoffmann
- Text:
- Peter Hoffmann, Andrej Barth
- Consultance + Realisation:
- Andrej Barth
Online since September, 2013
Realisation
Stepwise realisation of a company web site, bilingual, with shop, along the growth of the company
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.
Facharztpraxis Dr. med. Barth
Fachärztin für Allgemeinmedizin
- Design:
- Imke Cohrs, Andrej Barth
- Consultance + Realisation:
- Andrej Barth
Online since June, 2013
Realisation
Design of a practice web page,
HTML 5, CSS 3, robust, CSS-based layout, SSI (Server Side Includes), SVG vector graphics, Speed: all components are included in the page file, only one page request needed, total 4 kByte, Responsive Design: layout adapts flexibly to different browser window width.
Montessori-Waldkindergarten Hobrechtsfelde
www.montessori-waldkindergarten.de
Kindergarten
- Design:
- Andrej Barth
- Consultance + Realisation:
- Andrej Barth
Online since April, 2013
Realisation
Design of a kindergarten web page,
HTML 5, CSS 3, robust, CSS-based layout, SSI (Server Side Includes), clean URLs, web fonts, Responsive Design: layout adapts flexibly to different browser window width.
Bernhard Knapp GmbH
Vereinigte Versicherungsmakler, (Stadecken-Elsheim)
- Design:
- Imke Cohrs-Molles, imcodesign www.imcodesign.de
- Text:
- Rupert Wolf
- Consultance + Realisation:
- Andrej Barth
Online since November, 2012
Realisation
Accurate implementation of the design
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
Actress, Moderator, Coach, (Berlin)
- Design:
- Fine Nitschke, Christiane Fischer
- Text:
- Maja Mommert
- Consultance + Realisation:
- Andrej Barth
Online since November, 2012
Realisation
Accurate implementation of the design
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
Author, (Panketal)
- Design:
- Thilo Reffert, Andrej Barth
- Text:
- Thilo Reffert
- Consultance + Realisation:
- Andrej Barth
Online since February, 2012
Realisation
Accurate implementation of the design
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 Energieeinsparsysteme UG
(Welle)
- Design:
- Karsten Riebesell, Andrej Barth
- Text:
- Karsten Riebesell
- Consultance + Realisation:
- Andrej Barth
Online since November, 2011
Realisation
Accurate implementation of the design
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
»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
Realisation
Accurate implementation of the design
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
Doreen Arnold, puppet player and speaker (Panketal/Berlin, Germany)
- Design:
- Henry Peuschel
- Text:
- Doreen Arnold
- Consultance + Realisation:
- Andrej Barth
Online since June, 2010
Realisation
Accurate implementation of the design
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 Multimediakonzepte
»JH Multimediakonzepte stands for ›Future Entertainment‹. We design your Home Entertainment 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
Realisation
Accurate implementation of the design
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
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
Realisation
Accurate implementation of the design
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
General Practicioner (Berlin, Germany)
- Consultance, Design, Realisation:
- Andrej Barth
Online since July, 2009
Realisation
Design and implementation of a web »business card«, following the corporate design of the medical practice
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
Realisation
Exact implementation of the detailed design given
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
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
Realisation
Accurate implementation of the detailed design
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)
- Design + Realisation:
- Andrej Barth
Online since 2005
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)
HTML 4 Strict, CSS, layout tables (obsolete), selflinks disabled, 404 error page, setup and implementation of a style guide
Radiologie Rüdersdorf
Radiological Practice at the Rüdersdorf Hospital (Brandenburg, Germany)
- Consultance, Design, Realisation:
- Andrej Barth
Online since December, 2004
Realisation
Web site by specification of the client
HTML 4 Strict, CSS, layout tables (obsolete), selflinks disabled, extensive graphic and photographic material included
Dr. med. Cathleen Barth
General Practicioner (Berlin, Germany)
- Design + Realisation:
- Andrej Barth
Online since November, 2004
Realisation
Web »business card«, in accordance to the corporate design of the medical practice
HTML 4 Strict, CSS, layout table (obsolete), white cross is made up with background colours in CSS
Pferdehof Falkenberg (»Horse Farm Falkenberg«)
Riding academy and stable in Berlin-Hohenschönhausen, district Falkenberg (Germany)
- Concept:
- Andreas Hahn
- Consultance, Design, Realisation:
- Andrej Barth
Online since 2002
Realisation
Web site by specification of the client
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