Inhalt
neue arbeiten
februar 2011
webprojekt - www.augenarzt-pankow.de
einige eckdaten meiner arbeit:
- arbeit im auftrag von pro patient medien gmbh, berlin
- dr. med. andré weller - facharzt für augenheilkunde, berlin
- layout nach vorgabe durch pro patient medien gmbh
- umsetzung in html und css
- css3
- einsatz von jquery
live zu sehen unter: http://www.augenarzt-pankow.de
januar 2011
webprojekt - www.schoenheitschirurgie-kurfuerstendamm.de
einige eckdaten meiner arbeit:
- arbeit im auftrag von pro patient medien gmbh, berlin
- dr. med. dr. med. dent. stefan gonschior, berlin und london
- layout nach vorgabe durch pro patient medien gmbh
- umsetzung in ein cms - contao (open source content management system - vormals typo light)
- 3sprachig - deutsch, englisch, russisch
- kontaktformular
- css2/css3
live zu sehen unter: http://www.schoenheitschirurgie-kurfuerstendamm.de
dezember 2010
webprojekt - www.credo-cafe-bistro.de
einige eckdaten meiner arbeit:
- arbeit im auftrag von pro patient medien gmbh, berlin
- "credo" café - bistro, berlin
- layout nach vorgabe durch pro patient medien gmbh
- umsetzung in ein cms - contao (open source content management system - vormals typo light)
- css3
- java script anpassung des google_maps-infofensters an das layout der seite
- suchmaschinenoptimierung (seo)
live zu sehen unter: http://www.credo-cafe-bistro.de
november 2010
webprojekt - www.innere-medizin-spandau.de
einige eckdaten meiner arbeit:
- arbeit im auftrag von pro patient medien gmbh, berlin
- praxisgemeinschaft von kleist, berlin-spandau
- layout nach vorgabe durch pro patient medien gmbh
- umsetzung in html und css
- einsatz von jquery
live zu sehen unter: http://www.innere-medizin-spandau.de
september 2010
webprojekt - www.hoven-teifel.de
einige eckdaten meiner arbeit:
- arbeit im auftrag von pro patient medien gmbh, berlin
-
HOVEN · TEIFEL & KOLLEGEN
Rechtsanwälte · Fachanwälte · Notar - layout nach vorgabe durch pro patient medien gmbh
- umsetzung in html und css
- einsatz von css3
- einsatz von jquery
live zu sehen unter: http://www.hoven-teifel.de
juni 2010
working day
working dayjede linie spiegelt einen weg der computermaus auf dem monitor wieder. die kreisrunden flächen symbolisieren schaltflächen aus verschieden programmen.
mai 2010
webprojekt nadja-gilbert.de - online
einige eckdaten meiner arbeit:
- konzeption und gestaltung des layouts
- als basis für (x)html und css dient das framwork yaml von dirk jesse
- anpassung von yaml an das layout
- einsatz von css3
- einbinden der microformats
- java script anpassung des google_maps-infofensters an das layout der seite
live zu sehen unter: http://www.nadja-gilbert.de
april 2010
schriftblatt - oscar wilde
nachdem ich mich schon einmal im april intensiv mit dem thema typografie beschäftigt hatte versuchte ich, dass ganze nun ohne jeglichen einsatz von grafik zu gestalten.
wiederum diente als vorlage der aphorismus von oscar wilde.
schriftblatt - oscar wilde"gedächtnis ist das tagebuch, das wir alle bei uns tragen"
nach einigen skizzen entschied ich mich für die variante der tasche. sie kam nach meinem empfinden der assoziation "bei uns tragen" am nächsten. also skizzierte ich mir erst einmal die tasche und übertrug danach den text.
die nächste aufgabe bestand darin, den grauwert der tasche zu anlysieren und das entstandene muster, bedingt durch den sich immer wiederholenden text zu verändern.
letztendlich wurden die buchstaben auf einem a1-format in der schriftart arial geschrieben und im anschluss ausgemalt.
märz 2010
typo aus pixelwerten
diese arbeit ist mit hilfe von processing realisiert worden. die grundlage bildete ein s/w bild von oscar wilde sowie der aphorismus:
"gedächtnis ist das tagebuch, das wir alle bei uns tragen"
oscar wilde, irischer schriftsteller, 1854-1900
typo aus pixelwertenim ersten schritt wurde das s/w bild aufgelöst und pixel für pixel der grauwert bestimmt.
anschließend konnte dem grauwert eine bestimmte schriftgröße zugeordnet werden. nun kam der text ins spiel und wurde zeile für zeile fortlaufend geschrieben und je nach grauwert wurde der buchstabe größer oder kleiner dargestellt.
für die textfarbe ist der original grauwert herangezogen worden und dementsprechend wird buchstabe für buchstabe eingefärbt.