systemantics

<!-- websites -->

Dr. Lutz Issler
Mauerstr. 10-12
52064 Aachen
GERMANY
T +49 241 94315680
mail@systemantics.net
EN / DE

Beyond Green

Im No­vem­ber 2008 ver­an­stal­ten das AM­FI - Am­s­ter­dam Fash­ion In­sti­tu­te, das Ar­tEZ In­sti­tu­te of the Arts (Fash­ion De­si­gn / stu­di­um gen­era­le dA­ca­po) und die Sticht­ing Mo­de­be­wust im World Fash­ion Cen­tre in Am­s­ter­dam ein in­ter­na­tion­ales Sym­po­si­um mit dem Ti­tel Be­yond Green, A Fash­ion Odys­sey.

Die Web­si­te des Sym­po­si­ums stellt In­for­ma­tio­nen über die Vor­tra­gen­den, das Pro­gramm und die an­ge­schlos­se­ne Aus­stel­lung be­reit. Sys­teman­ti­cs hat die­se Web­si­te nach dem Ent­wurf von Over­bu­ren ent­wi­ckelt. (Oktober 2008)

--> website

Gestaltung: Overburen / Web-Entwicklung: Systemantics / Auftraggeber: Modebewust?


Cobalt Glass and Design

Co­balt Glass and De­si­gn mit Sitz in Brighton/Eng­land ge­stal­tet Glas in Gebäuden und für Kunst­ob­jek­te. Auf der von Stu­dio­Mak­gill ent­wor­fe­nen neue Web­si­te des Un­ter­neh­mens tritt die Ge­stal­tung in den Hin­ter­grund und schafft Platz für ein be­ein­dru­cken­des Far­ben­spiel aus Glas, ge­zeigt in großen Fo­tos für ei­ne Aus­wahl aus dem Pro­jekt­port­fo­lio.

In tech­ni­scher Hin­sicht ver­knüpft die Web­si­te die vor­ge­stell­ten Pro­jek­te und Pro­zes­se zu ei­nem Netz­werk. Die Re­la­tio­nen in die­sem Netz­werk führen zu Emp­feh­lun­gen, wofür sich ein Be­su­cher beim Be­trach­ten ei­nes Pro­dukts oder Pro­zes­ses noch in­ter­es­sie­ren könn­te.

Die Web­si­te wird von Co­balt über ein Con­tent Ma­na­ge­ment Sys­tem (CMS) auf dem neues­ten Stand ge­hal­ten. (Oktober 2008)

--> website

Konzept & Gestaltung: StudioMakgill / Web-Entwicklung: Systemantics / Auftraggeber: Cobalt Glass and Design


Space To Take Place

Space To Ta­ke Pla­ce ist ein Pro­jekt der Künst­le­rin Clau­dia Lin­ders. Space To Ta­ke Pla­ce ist ei­ne 100 Me­ter lan­ge Bank, de­ren 1000 Tei­le das nie­derländi­sche Außen­mi­nis­te­ri­um sym­bo­lisch an be­deu­ten­de Kon­tak­te in der gan­zen Welt ver­schenkt.

Die Web­si­te zum Pro­jekt ist in en­ger Zu­sam­men­ar­beit von Clau­dia Lin­ders, der Gra­fik­de­si­gne­rin An­net­te Kou­wen­ho­ven, dem Fo­to­gra­fen Lard Bu­ur­man und Sys­teman­ti­cs ent­stan­den. Die Web­si­te blen­det Bei­träge von Nut­zern an­de­rer Web­si­tes wie You­Tu­be und Flickr ein. Das Hin­ter­grund­bild der Web­si­te wech­selt je nach Son­nen­stand in Ij­burg/Ams­ter­dam, wo die Bank auf­ge­stellt ist. (Oktober 2008)

--> website

Konzept: Claudia Linders / Gestaltung: Annette Kouwenhoven / Fotos: Lard Buurman / Web-Entwicklung: Systemantics / Auftraggeber: Claudia Linders


Berlage Institute

Das Ber­la­ge In­sti­tu­te aus Rot­ter­dam ist ein in­ter­na­tio­na­les Aus­bil­dungs-, For­schungs- und Ent­wick­lungs­zen­trum für Ar­chi­tek­tur, Stadt- und Lan­schafts­pla­nung.

Sys­teman­ti­cs hat die neue Web­si­te des Ber­la­ge In­sti­tu­te zu­sam­men mit LUST ent­wi­ckelt. Die mo­der­ne Web­si­te bie­tet dem Nut­zer Zu­griff auf ei­ne Viel­zahl ver­schie­de­ner In­for­ma­tio­nen und ei­ne große Men­ge Vi­deo­ma­te­rial. Die Web­si­te wird Schritt für Schritt zu ei­nem Werk­zeug für die Präsen­ta­tion der For­schung am Ber­la­ge In­sti­tu­te aus­ge­baut.

Sys­teman­ti­cs ent­wi­ckelt die Soft­wa­re und berät das Ber­la­ge In­sti­tu­te während die­ses ge­sam­ten Pro­zes­ses. Da­zu gehört auch die Kon­zep­tion ei­nes In­tra­nets zur Ar­chi­vie­rung des Vi­deo- und Bild­ma­te­rial im In­sti­tut. (September 2008)

--> website

Gestaltung: LUST / Content-Management-System: Systemantics / Web-Entwicklung: Systemantics / Auftraggeber: Berlage Institute


Palmboom & van den Bout

Zu­sam­men mit LUST De­si­gn hat Sys­teman­ti­cs die neue Web­si­te des Stadt­pla­nungsbüros Palm­boom & van den Bout in Rot­ter­dam (Nie­der­lan­de) ent­wi­ckelt. Die Web­si­te soll­te ei­en Aus­schnitt des Pro­jekt-Port­fo­lios des Büros in Bil­dern und Vi­deos zei­gen.

Das Web­si­te-De­si­gn von LUST ver­wen­det ei­ne neue und un­gewöhn­li­che Na­vi­ga­tion. Al­le Pro­jek­te ei­ner Ka­te­go­rie wer­den auf den Sei­ten ei­ner Re­gis­tra­tur ge­zeigt. Der Be­su­cher kann mit Maus­be­we­gun­gen durch die Pro­jek­te blättern. Klickt der Be­su­cher auf ein Pro­jekt, öff­nen sich Bil­der und Vi­deos mit De­tail­an­sich­ten des Pro­jekt.

Sys­teman­ti­cs hat die ge­sam­te Web­si­te ent­wi­ckelt und mit ei­nem Con­tent-Ma­na­ge­ment-Sys­tem aus­ge­stat­tet. Palm­boom & van den Bout können die Web­si­te da­mit selbst auf dem neues­ten Stand hal­ten. (September 2008)

--> website

Konzept & Gestaltung: LUST / Web-Entwicklung: Systemantics / Auftraggeber: Palmboom & van den Bout Stedenbouwkundigen BV


Suze May Sho

Su­ze May Sho ist ei­ne Künstler­grup­pe aus Arn­heim (Nie­der­lan­de). Con­nie Nij­man (Gra­fik­de­si­gne­rin), Jes­si­ce Hel­bach (Künst­le­rin/Mo­de­ge­stal­te­rin) und Ro­sell Hei­men (Künst­le­rin) ma­chen Fo­tos, Ma­le­rei und In­stal­la­tio­nen. Sie ent­wi­ckeln Kon­zep­te und ge­stal­ten Pu­bli­ka­tio­nen und Aus­stel­lun­gen.

Die Web­si­te gibt ei­nen Über­blick über die Grup­pe und präsen­tiert ein Port­fo­lio ih­rer Ar­beit. Die Web­si­te enthält außer­dem ei­nen ex­pe­ri­men­tel­len Be­reich, in dem der Be­su­cher aus ei­nem großen Ar­chiv von Bil­dern und Fil­men ei­ne aus­stel­lungsähn­li­che Präsen­ta­tion zu­sam­men­stel­len kann. (August 2008)

--> website

Gestaltung: Suze May Sho / Content-Management-System: Systemantics / Web-Entwicklung: Systemantics


Bureau Lofvers

Will­mi­jn Lof­vers ist ei­ne Ar­chi­tek­tin aus Rot­ter­dam. Ih­re Web­si­te zeugt ein Ar­chiv der Viel­falt von Pro­jek­ten, an de­nen sie be­tei­ligt war. Je­des Pro­jekt ist mit ei­ner An­zahl Schlüssel­wor­te ge­taggt. Die Schlüssel­wor­te bil­den im­pli­zi­te Be­zie­hun­gen zwi­schen den Pro­jek­ten, die wie­der­um ver­wen­det wer­den, um für je­des Pro­jekt ei­ne Men­ge ver­wand­ter Pro­jek­te an­zu­zei­gen. Außer die Ver­knüpfun­gen zu ver­wand­ten Pro­jek­ten zu ver­wen­den, kann ein Be­su­cher auch mit ei­ner Zeit­leis­te und über ei­nen Buch-ähn­li­chen In­dex durch das Ar­chiv na­vi­gie­ren. Die Web­si­te ist mit ei­nem Con­tent-Ma­na­ge­ment-Sys­tem (CMS) aus­ge­stat­tet, das Wil­le­mi­jn Lof­vers er­laubt, neue Pro­jek­te so­fort zum Ar­chiv hin­zu­zufügen. (Juli 2008)

--> website

Konzept & Gestaltung: Catalogtree / Web-Entwicklung: Systemantics / Auftraggeber: Bureau Lofvers


Alvin Chan

Die Web­si­te von Al­vin Chan, ak­tu­ell als Se­nior Art Di­rec­tor bei Ni­ke Eu­ro­pe in den Nie­der­lan­den be­schäftigt, zeigt ein Port­fo­lio sei­ner Ar­bei­ten in Gra­fik­de­si­gn, Bran­ding und Kam­pa­gnen. Aus­ge­hend von ei­nem Kon­zept des Kun­den hat Sys­teman­ti­cs die Web­si­te als pu­re HTML- und Ja­vas­cript-Präsen­ta­tion pro­du­ziert. Die In­hal­te wer­den vollständig ei­nem Con­tent-Ma­na­ge­ment-Sys­tem ent­nom­men, das dem Kun­den er­laubt, al­le auf der Sei­te sicht­ba­ren In­for­ma­tio­nen zu verändern. (Juni 2008)

--> website

Konzept & Gestaltung: Alvin Chan / Web-Entwicklung: Systemantics / Auftraggeber: Alvin Chan


AbkvA Eindexamen 2008

Der Ka­ta­log des Ab­schluss­jahr­gangs 2008 der Kunst­aka­de­mie Arn­heim wur­de von zwei Stu­den­ten des Ab­schluss­jahr­gangs ge­stal­tet. Die elek­tro­ni­sche Ver­sion des Ka­ta­logs er­laubt dem Be­trach­ter mit­tels der Goo­gle Maps-Be­nut­zungs­schnitt­stel­le ei­ne freie Na­vi­ga­tion über ei­ne Land­kar­te, die Bei­spie­le al­ler Ar­bei­ten von Stu­den­ten zeigt. Ne­ben die­ser Na­vi­ga­ti­ons­funk­tio­na­lität bie­tet die Web­si­te In­for­ma­tio­nen über die Kunst­aka­de­mie selbst, die Ab­tei­lun­gen, die Aus­stel­lung des Ab­schluss­jahr­gangs und die Mo­den­schau. Sys­teman­ti­cs hat die Web­si­te pro­du­ziert. (Juni 2008)

--> website

Konzept & Gestaltung: Annouck Welhuis, Sietse Koenders / Web-Entwicklung: Systemantics / Auftraggeber: ArtEZ hogeschool voor de kunsten


Rietveld Landscape

Riet­veld Lands­ca­pe ist die das Büro von Prix de Ro­me-Ge­win­ner Ro­nald Riet­veld. Sys­teman­ti­cs wur­de mit der Pro­duk­tion der neu­en Web­si­te be­auf­tragt. Die frühe­re Web­si­te, schnell auf­ge­setzt, um ein Port­fo­lio der Ar­beit des Büros zu zei­gen, ist nun durch ei­ne In­halts-ge­trie­be­ne Web­si­te im glei­chen De­si­gn er­setzt wor­den. Die Web­si­te ist in Nie­derländisch und Eng­lisch verfügbar. (April 2008)

--> website

Gestaltung: Rietveld Landscape / Markup: Niels van der Sluijs / Web-Entwicklung: Systemantics / Auftraggeber: Rietveld Landscape


fiftyfifty underdog

>un­der­dog< ist das neue Pro­jekt des Wohltätig­keits­ver­eins as­phalt e. V. aus Düssel­dorf. Im Pro­jekt bie­ten eh­ren­amt­li­che Tierärz­te kos­ten­lo­se Hil­fe für die Hun­de von Ob­dach­lo­sen an. Die Web­si­te ist die zen­tra­le Platt­form zur In­for­ma­tion der Öffent­lich­keit über das Pro­jekt. Sys­teman­ti­cs lie­fer­te ei­nen Voll­ser­vice, Web­si­te-Kon­zept und Web-Ent­wick­lung ein­ge­schlos­sen. Das De­si­gn ist von der Ge­stal­tung der Web­si­te der >fif­ty­fif­ty Ga­le­rie< ab­ge­lei­tet, um ei­ne vi­su­el­le Ver­knüpfung zwi­schen bei­den Pro­jek­ten her­zu­stel­len. (Dezember 2007)

--> website

Konzept & Gestaltung: Systemantics / Web-Entwicklung: Systemantics / Auftraggeber: asphalt e. V.


NEXT Architects

NEXT Ar­chi­tects ist ein Ar­chi­tek­turbüro mit Nie­der­las­sun­gen in Ams­ter­dam und Pe­king. Auf ih­rer von Ca­ta­log­tree ge­stal­te­ten und von Sys­teman­ti­cs ent­wi­ckel­ten Web­si­te präsen­tie­ren sie ei­ne Über­sicht über ihr ex­zes­si­ves Port­fo­lio von Pro­jek­ten. Die Na­vi­ga­tion durch die 64 Pro­jek­te (Stand 2007-12-01) wird au­to­ma­tisch aus der Men­ge von Tags er­zeugt, die den Pro­jek­ten zu­ge­wie­sen wer­den. Wenn man ein Tag aus der Na­vi­ga­tion auswählt, wird ei­ne Lis­te der Pro­jek­te präsen­tiert, de­nen das Tag zu­ge­wie­sen ist, und die Na­vi­ga­tion geht ei­ne Stu­fe tiefer. Die­se Stu­fe enthält nur noch Tags, die den ver­blei­ben­den Pro­jek­ten zu­ge­ord­net sind. (Dezember 2007)

--> website

Konzept & Gestaltung: Catalogtree / Web-Entwicklung: Systemantics / Auftraggeber: Catalogtree


PlaatsMaken / Digitaal Atelier

Plaats­Ma­ken (>Raum schaf­fen<) ist ei­ne Ini­tia­ti­ve aus Arn­heim, Nie­der­lan­de, die Künst­lern Raum zum Ar­bei­ten zur Verfügung stellt. Ca­ta­log­tree hat ih­re neue Web­si­te ent­wor­fen und Sys­teman­ti­cs be­auf­tragt, so­wohl das Con­tent-Ma­na­ge­ment-Sys­tem zu ent­wi­ckeln als auch die Web­si­te zu pro­du­zie­ren. (September 2007)

--> website

Konzept & Gestaltung: Catalogtree / Web-Entwicklung: Systemantics / Auftraggeber: Catalogtree


Systemantics

So­wohl In­for­ma­tion als auch Soft­wa­re sind un­sicht­ba­re Güter. Die Web­si­te von Sys­teman­ti­cs soll­te bei­de auf ih­re Wei­se sicht­bar ma­chen. Mehr noch, sie soll die Kom­ple­xität hin­ter den Ku­lis­sen zei­gen. Der bes­te Weg, die Domäne von In­for­ma­tio­nen und Soft­wa­re zu er­klären, ist Text. Die Web­si­te be­vor­zugt da­her Text vor Bil­dern. Um ei­ne vi­su­el­le Ver­knüpfung zu den Pro­jek­ten von Sys­teman­ti­cs zu schaf­fen, ist der vi­su­el­le Ein­druck der Pro­jek­te in ei­ner Tor­ten­gra­fik co­diert. Die Gra­fik zeigt die häufigs­ten 25 Far­ben ei­nes Screens­hots in ih­rem Verhält­nis zu­ein­an­der. (August 2007)

Konzept & Gestaltung: Catalogtree / Web-Entwicklung: Systemantics


Corné Gabriëls

Corné Ga­briëls ist ein Fa­shion-De­si­gner aus Ams­ter­dam. Die Web­si­te, ge­stal­tet von Cop­pens & Al­berts, zeigt sei­ne Ar­beit und enthält ei­nen On­li­ne-Shop, in dem Corné aus­gewähl­te Stücke zum Kauf an­bie­tet. Von be­son­de­rem tech­ni­schen In­ter­es­se an die­sem Shop-Sys­tem ist das dif­fi­zi­le Sys­tem, die Ver­sand­kos­ten zu be­rech­nen, das natürlich für den gewöhn­li­chen Be­su­cher nicht sicht­bar ist, aber Corné hilft, sei­nen Shop ef­fi­zi­ent zu ma­na­gen. (Juli 2007)

--> website

Konzept & Gestaltung: Coppens & Alberts / Web-Entwicklung: Systemantics / Auftraggeber: Corné Gabriëls


catalogtree 4.0

Ca­ta­log­tree ha­ben ih­re Web­si­te neu ge­stal­tet und da­bei Sys­teman­ti­cs (wie­der) mit der Pro­duk­tion be­auf­tragt! Wir sind sehr stolz, an Ca­ta­log­tree 4.0 mit­ge­ar­bei­tet zu ha­ben. Die Haupt­na­vi­ga­tion der Web­si­te ist ein großer In­dex. Die­ser In­dex enthält al­le Schlüsselwörter (auch: Tags), die den auf der Web­si­te ge­zeig­ten Pro­jek­ten zu­ge­wie­sen wur­den. Wenn ein Ein­trag an­geklickt wird, wer­den al­le Pro­jek­te mit die­sem Schlüssel­wort an­ge­zeigt. Ein spe­zi­el­ler Gim­mick ist im In­dex selbst ver­steckt. Wenn man die Maus über ein Schlüssel­wort be­wegt, wer­den al­le Schlüssel­wor­te her­vor­ge­ho­ben, wel­che die­sem Pro­jekt zu­ge­wie­sen sind. Die­ses Fea­tu­re macht ex­ten­si­ven Ge­brauch von Ja­vas­cript. Die In­halt der Web­si­te wur­den kom­plett aus der 3.0-Ver­sion der Web­si­te ent­nom­men. Die Ent­wick­lungs­zeit wur­de so dras­tisch re­du­ziert. (Juli 2007)

--> website

Konzept & Gestaltung: Catalogtree / Web-Entwicklung: Systemantics / Auftraggeber: Catalogtree


Simons en Boom

Zunächst war die Web­si­te von Cas Si­mons und Jero­en van den Booms Stu­dio für Kon­zept­ent­wick­lung und Gra­fik­de­si­gn als Flash-Film ge­plant. Weil Flash-Fil­me ge­schlos­se­ne In­hal­te dar­stel­len, die nicht gut für Such­ma­schi­nen zugäng­lich sind (oder zu­min­dest nicht im­mer), ent­schied Sys­teman­ti­cs, die Web­si­te vollständig in HTML zu ent­wi­ckeln. Das Er­geb­nis ist ei­ne hoch­dy­na­mi­sches, sich an den Brow­ser an­pas­sen­des Lay­out, das so­wohl ma­xi­ma­le Zu­greif­bar­keit als auch ma­xi­ma­len Platz für die Präsen­ta­tion des Stu­dio-Port­fo­lios bie­tet. (Juni 2007)

--> website

Konzept & Gestaltung: Jethro ten Holte / Web-Entwicklung: Systemantics / Auftraggeber: Simons en Boom


VMX Architects

VMX Ar­chi­tects präsen­tiert ex­trem mäch­ti­ge Bil­der ih­rer Ar­beit auf ei­ner Web­si­te von Ca­ta­log­tree, die sehr klar und grad­li­nig ge­stal­tet ist. Für Tech­ni­ker ist die Web­si­te ins­be­son­de­re in­ter­essant, weil sie ei­ne blaue Li­nie enthält, die je­de Sei­te nicht zufällig, son­dern völlig be­ab­sich­tigt in der Art und Wei­se schnei­det, wie sie es tut. Sys­teman­ti­cs konn­te die­se Li­nie vor Text und Bil­dern an­zei­gen und da­bei den Text zu­greif­bar las­sen. Die Web­si­te verfügt außer­dem über ei­nen Fee­back-Be­reich, der mit ei­nem klei­nen Capt­cha ge­si­chert ist. (Februar 2007)

--> website

Konzept & Gestaltung: Catalogtree / Web-Entwicklung: Systemantics / Auftraggeber: Catalogtree


Joost Grootens

Was ge­schieht, wenn man ei­ne sehr ein­fa­che Ge­stal­tung ei­ner Web­si­te mit ei­ner mächt­gen se­man­ti­schen Struk­tur ver­bin­det? Bei­de ver­schmel­zen und bil­den ei­ne sehr fle­xible Port­fo­lio-Wbe­si­te für Joost Groo­tens, ei­nen Gra­fik­de­si­gner aus Ams­ter­dam. Ba­sie­rend auf Joosts Na­vi­ga­ti­ons­kon­zept, hat Sys­teman­ti­cs ei­ne sehr fle­xible Tag­ging-Struk­tur spe­zi­ell für Joosts Web­si­te ent­wi­ckelt. Was wir >ex­ten­ded tag­ging< nen­nen, er­laubt nicht nur das Zu­wei­sen von Tags zu Pro­jek­ten, son­dern spei­chert Tag-Wert-Paa­re für je­des Pro­jekt. Tech­nisch ge­se­hen ent­spricht dies starkt ge­ty­p­ten Tags. Der Vor­teil und Nut­zen für den Be­su­cher ist ei­ne Web­si­te, de­ren In­halt nach je­dem be­lie­bi­gen Aspekt sor­tiert wer­den kann. (Dezember 2006)

--> website

Konzept & Gestaltung: Joost Grootens / Markup: Niels van der Sluijs / Web-Entwicklung: Systemantics / Auftraggeber: Joost Grootens


Museum Kurhaus Kleve

Das Mu­se­um Kur­haus Kle­ve wur­de als Mu­se­um des Jah­res 2004 aus­ge­zeich­net. Kle­ve ist am Nie­der­rhein ge­le­gen, ei­ner Re­gion mit länd­li­chem Cha­rak­ter, wo man ein Mu­se­um sol­cher Qua­lität wohl als letz­tes ver­mu­ten würde. So außer­gewöhn­lich wie das Mu­se­um ist auch die Web­si­te, ent­wor­fen von Ca­ta­log­tree, die aus drei un­ter­schied­li­chen Teil-Web­si­tes für das Mu­se­um selbt, für ei­ne Zweig­stel­le, so­wie für den Förder­ver­ein be­steht. Al­le drei Web­si­tes wur­den von Sys­teman­ti­cs pro­du­ziert und in Deutsch und Nie­derländisch verfügbar ge­macht, weil Kle­ve na­he an der holländi­schen Gren­ze liegt und vie­le Be­su­cher von dort an­zieht. Die Web­si­te wird von zwei On­li­ne-Shops ver­vollständigt, die Mer­chan­di­sing-Ar­ti­kel des Mu­se­ums ver­kau­fen. (November 2006)

--> website

Konzept & Gestaltung: Catalogtree / Markup: Niels van der Sluijs / Web-Entwicklung: Systemantics / Auftraggeber: Museum Kurhaus Kleve


Die Metareflektor-Luftoffensive

Die Web­si­te von Hei­ke Mut­ters und Ul­rich Genths Aus­stel­lun­gen im Jahr 2006 Die Me­ta­re­flek­tor-Luf­tof­fen­si­ve: Ex­pe­di­tion an ei­nen der si­chers­ten Or­te der Welt in der Kunst­hal­le Reck­ling­hau­sen wur­de von In­go Of­fer­manns in An­leh­nung an ei­ne Land­kar­te ge­stal­tet. Tatsäch­lich ist die Haupt­na­vi­ga­tion ei­ne Land­kar­te, die an­geklickt wer­den kann. Der sicht­ba­re Teil der Sei­te wan­dert dann über die Land­kar­te und er­laubt dem Be­su­cher, die ver­schie­de­nen Fo­to­gra­fien der Aus­stel­lung und die Tex­te des Ka­ta­logs zu ent­de­cken. Die Web­si­te ist in zwei Spra­chen verfügbar. Sie ver­wen­det Ja­vas­cript, aber kei­ne pro­prietären Ani­ma­ti­ons­tech­ni­ken wie Flash. (November 2006)

--> website

Konzept & Gestaltung: Ingo Offermanns / Web-Entwicklung: Systemantics / Auftraggeber: Kunsthalle Recklinghausen


Coppens & Alberts

Die Web­si­te des Ams­ter­da­mer Gra­fik­de­si­gnstu­dios von Pa­trick Cop­pens und Chris­ti­ne Al­berts zeigt Bei­spie­le ih­rer Ar­bei­ten in sehr großen Bil­dern. Ne­ben den großar­ti­gen Bil­dern mit De­tails ist die Web­si­te vor al­lem in­ter­essant, weil sie ex­zes­siv Cli­ent-sei­ti­ges Scrip­ting (Ja­vas­cript) nutzt, um die Bal­ken, in de­nen die Bil­der präsen­tiert wer­den, ein- und aus­zu­klap­pen. Die auf der Web­si­te ge­zeig­ten In­hal­te wer­den mit ei­ner ein­fa­chen -- aber den­noch mäch­ti­gen -- Tag­ging-Struk­tur ver­wal­tet. (September 2006)

--> website

Konzept & Gestaltung: Coppens & Alberts / Web-Entwicklung: Systemantics / Auftraggeber: Coppens & Alberts


Zandstad

Die Web­si­te des Zand­stad-For­schungs­pro­jekts, ge­stal­tet von LUST, zeigt ei­ne kol­la­bo­ra­tiv ent­wi­ckel­te Samm­lung von his­to­ri­schem Ma­te­rial über die Sandböden rund um die holländi­sche Stadt Eind­ho­ven. Die Web­si­te er­laubt den öffent­li­chen Zu­gang zu die­sem Ma­te­rial auf sehr un­ter­schied­li­che Wei­sen: mit­tels ei­ner geo­gra­phi­schen Kar­te, ei­ner Lis­te von Ka­te­go­ri­en, ei­ner Zeit­leis­te, ei­ner Bil­der­su­che und ei­ni­ge an­de­re. Sys­teman­ti­cs soll­te das Pro­jekt in ei­ner späten Pha­se un­ter­stützen. Wir ha­ben hauptsäch­lich die Sei­ten bei­ge­steu­ert, auf de­nen ein Ein­trag an­ge­se­hen wer­den kann, außer­dem die Wort­wol­ken und die tech­ni­sche) Schnitt­stel­le, wel­che die Flash-Fil­me mit der Da­ten­bank ver­bin­det, in der die präsen­tier­ten In­for­ma­tion ge­spei­chert sind. Außer­dem ha­ben wir die Such­ma­schi­ne im­ple­men­tiert, mit der Bil­der aus der Da­ten­bank ge­le­sen wer­den. (September 2006)

--> website

Konzept & Gestaltung: LUST / Web-Entwicklung: Systemantics / Auftraggeber: LUST


van Bergen Kolpa Architecten

Die Web­si­te des neu ge­gründe­ten Ar­chi­tek­turbüros van Ber­gen Kol­pa Ar­chi­tec­tu­ren wur­de von Ca­ta­log­tree so ge­stal­tet, dass sie die Ar­beit des Büros in ver­schie­de­nen Be­rei­chen des Ar­chi­tek­tur­de­si­gns und der For­schung in ei­ner sehr ein­fa­chen Struk­tur präsen­tie­ren kann. Sys­teman­ti­cs hat die Web­si­te nach dem De­si­gn von Ca­ta­log­tree ent­wi­ckelt und ein Con­tent-Ma­na­ge­ment-Sys­tem hin­zu­gefügt, das dem Kun­den die vol­le Kon­trol­le über In­haltss­truk­tur und Na­vi­ga­tion er­laubt. Die­ses Sys­tem zu­sam­men mit ei­ni­gen ein­fa­chen Re­geln für die Präsen­ta­tion der In­hal­te führt zu ei­ner sehr schönen Web­si­te, die in zwei Spra­chen verfügbar ist. (Juni 2006)

--> website

Konzept & Gestaltung: Catalogtree / Markup: Niels van der Sluijs / Web-Entwicklung: Systemantics / Auftraggeber: van Bergen Kolpa Architecten


Liesbeth Doornbosch

Lies­beth Doorn­bosch ist ei­ne Künst­le­rin aus Arn­heim, Nie­der­lan­de. Ihr Werk be­steht aus ei­ner großen Samm­lung von Ma­le­rei in un­ter­schied­li­chen Tech­ni­ken. Lies­beth woll­te ihr ge­sam­tes Port­fo­lio auf ei­ner Web­si­te präsen­tie­ren. Ca­ta­log­tree hat ein Kon­zept für die Web­si­te ent­wor­fen, das ei­ne Ar­beit auf je­der Sei­te zeigt, zu­sam­men mit Ar­bei­ten, die Ge­mein­sam­kei­ten mit der ge­zeig­ten Ar­beit auf­wei­sen. Die­ses Kon­zept er­for­der­te ei­ne mäch­ti­ge Da­ten­bankstruk­tur im Ba­ckend. Sys­teman­ti­cs hat ei­ne sol­che Da­ten­bankstruk­tur er­stellt, die ef­fi­zi­ent durch­sucht wer­den kann. Wir ha­ben uns für ei­ne mehr­fach in­di­zier­te Da­ten­bank ent­schie­den, wel­che die An­for­de­run­gen der Ähn­lich­keits­su­che aus­ge­zeich­net un­ter­stützt. (Juni 2006)

--> website

Konzept & Gestaltung: Catalogtree / Web-Entwicklung: Systemantics / Support: Thijs Gadiot / Auftraggeber: Liesbeth Doornbosch


Meeuwig & Zn.

Sys­teman­ti­cs Bei­trag zu der Web­si­te von Meeu­wig & Zn. ist ver­mutl­cih der kleins­te Auf­trag, den wir bis­her hat­ten: ein Con­tent-Ma­na­ge­ment-Sys­tem für ei­ne ein­zi­ge Sei­te. Man­fred Meeu­wig ver­wen­det die­se Ein­zel­sei­te, um sei­ne Be­su­cher über die neues­ten Ände­run­gen und An­ge­bo­te in sei­nem Ge­schäfts zu in­for­mie­ren. (März 2006)

--> website

Konzept & Gestaltung: Coppens & Alberts / Markup: Niels van der Sluijs / Content-Management-System: Systemantics / Auftraggeber: Meeuwig & Zn.


Modebewust?

Die Ini­tia­ti­ve Mo­de­be­wust? lehrt die Grund­la­gen der Un­ter­neh­mens­so­zi­al­ver­ant­wor­tung. Mo­de­be­wust? präsen­tiert ei­ne Samm­lung von In­for­ma­tio­nen rund um Un­ter­neh­mens­so­zi­al­ver­ant­wor­tung in der Mo­de­bran­che. Im Hin­ter­grund zeigt die Web­si­te große Fo­to­gra­fien aus dem Kon­text. Die Bil­der sind in schwarz und weiß, aber der Be­su­cher kann sie in Far­be um­schal­ten. Die Web­si­te enthält auch ein Fo­rum, in dem The­men der Un­ter­neh­mens­so­zi­al­ver­ant­wor­tung dis­ku­tiert wer­den können. Sys­teman­ti­cs hat so­wohl die Web­si­te als auch das Fo­rum als in­te­grier­tes Pro­dukt ent­wi­ckelt. (Februar 2006)

--> website

Konzept & Gestaltung: Michiel Kokee, David Smeulders / Web-Entwicklung: Systemantics / Auftraggeber: Modebewust?


Ethik & Ökonomie

Ethe­con ist ei­ne deut­sche Stif­tung, die für Ethik in der Öko­no­mie ein­tritt. Ih­re Ar­beit rich­tet sich ge­gen nicht-ethi­sches Ver­hal­ten von Un­ter­neh­men, und sie ver­tei­di­gen die Po­si­tion, dass Öko­no­mie von ethi­schen Ge­dan­ken ge­lei­tet sein muss. Die Haupt­an­for­de­rung für die Web­si­te war die Präsen­ta­tion großer Men­gen von Text. Sys­teman­ti­cs hat das er­reicht, in­dem ethe­con die Na­vi­ga­ti­onss­truk­tur nach ei­ge­nem Er­mes­sen ändern kann. Das Aus­se­hen und die Na­vi­ga­tion der Web­si­te verändern sich je nach­dem, wie ethe­con den In­halt struk­tu­riert. (Dezember 2005)

--> website

Konzept & Gestaltung: Systemantics / Web-Entwicklung: Systemantics / Auftraggeber: ethecon


AbkvA Arnhem GO

Gra­phisch Arn­hem ist die Gra­fik­de­si­gn-Ab­tei­lung der Aka­de­mie für Kunst und De­si­gn in Arn­heim, Nie­der­lan­de. Die Web­si­te wur­de von zwei Stu­den­ten des Ab­schluss­jahr­gangs ge­stal­tet und von Sys­teman­ti­cs pro­du­ziert. Auf der Ba­ckend-Sei­te der Web­si­te lie­fert ei­ne Da­ten­bank so­wohl In­for­ma­tio­nen über die Stu­di­en­pro­gram­me als auch Bei­spie­le für Ar­bei­ten von Stu­den­ten. Die Da­ten­bankstruk­tur bie­tet Re­ser­ven für die nächs­ten Jah­re und er­laubt es so­gar, das vi­su­el­le Er­schei­nungs­bild der Web­si­te an­zu­pas­sen. (September 2005)

--> website

Konzept & Gestaltung: O.K. Parking, Willem van de Ven / Web-Entwicklung: Systemantics / Auftraggeber: ArtEZ hogeschool voor de kunsten


CBG

Die Coor­di­na­tion ge­gen Bayer-Ge­fah­ren (CBG) ist ei­ne in­ter­na­tio­na­le Stif­tung mit Sitz in Düssel­dorf, Deutsch­land. Die Non-Pro­fit-Or­ga­ni­sa­tion hat­te ei­ne große Men­ge von meh­re­ren hun­dert Sei­ten in vier Spra­chen al­le von Hand ge­war­tet. Sys­teman­ti­cs wur­de be­auf­tragt, die Ge­stal­tung der Web­si­te bei­zu­be­hal­ten, aber al­le ma­nu­ell ge­war­te­ten Sei­ten in ein Con­tent-Ma­na­ge­ment-Sys­tem zu überführen, um die Ver­wal­tung zu ver­ein­fa­chen. Die Soft­wa­re muss­te in der La­ge sein, ei­ne un­ter­schied­li­che Web­si­te-Struk­tur in je­der der vier Spra­chen ab­zu­bil­den, so­wie zusätz­li­che In­for­ma­tio­nen und her­un­ter­lad­ba­re Da­tei­en für je­de Sei­te der Web­si­te zu ver­wal­ten. (Juli 2005)

--> website

Content-Management-System: Systemantics


Galerie Conrads

Wal­ter Con­rads und sei­ne Frau be­trei­ben ei­ne Ga­le­rie in Düssel­dorf und, zu­sam­men mit ei­ner Ga­le­rie in Düssel­dorf, nun auch ei­ne Nie­der­las­sung in Ber­lin. Die Web­si­te der Ga­le­rie Con­rads un­ter­schei­det sich von an­de­ren Ga­le­ri­en, in­dem sie On­li­ne-Ka­ta­lo­ge ak­tu­el­ler und ver­gan­ge­ner Aus­stel­lun­gen be­reit­stellt. Sys­teman­ti­cs hat das Con­tent-Ma­na­ge­ment-Sys­tem für die Web­si­te ent­wi­ckelt, wel­ches dem Kun­den er­laubt, die Aus­stel­lungs­ka­ta­lo­ge zu be­ar­bei­ten, zukünf­ti­ge Aus­stel­lun­gen an­zukündi­gen, und mehr. (Juni 2005)

--> website

Content-Management-System: Systemantics / Auftraggeber: Galerie Conrads


AbvkA Arnhem Mode

Zwei Stu­den­ten der Gra­fik­de­si­gnab­tei­lung der Aka­de­mie für Kunst und Ge­stal­tung in Arn­heim, Nie­der­lan­de, ha­ben als Ab­schluss­ar­beit die Web­si­te der Ab­tei­lung für Mo­de­ge­stal­tung neu ent­wor­fen. Die hauptsäch­li­chen De­si­gn-Ele­men­te der Web­si­te sind die Na­men der Stu­den­ten des Ab­schluss­jahr­gangs, ge­schrie­ben von oben nach un­ten in großen Um­riss-Buch­sta­ben. Wenn der Be­su­cher auf ei­nen Na­men klickt, schie­ben sich die an­de­ren Na­men nach rechts und ge­ben den Blick auf ei­ne fo­to­gra­fi­sche Zu­sam­men­fas­sung der Ar­bei­ten die­ses Stu­den­ten frei. Al­le Ani­ma­tio­nen sind mit Cli­ent-sei­ti­gem Scrip­ting rea­li­siert. Auf der Ser­ver-Sei­te for­der­te der Kun­de aus­drück­lich, kein Con­tent-Ma­na­ge­ment-Sys­tem zu ha­ben, son­dern die Web­si­te aus ei­nem Da­tei­ar­chiv zu ge­ne­rie­ren. Die Web­si­te greift di­rekt auf die Datei­sys­tem-Struk­tur zu und liest al­le Stu­den­ten­na­men und Bil­der von dort ein. (Mai 2005)

--> website

Konzept & Gestaltung: Jethro ten Holte, Myriam Darmstädter / Web-Entwicklung: Systemantics / Auftraggeber: ArtEZ hogeschool voor de kunsten


catalogtree 3.0

Ein be­ein­dru­cken­des Port­fo­lio von ei­ge­nen Ar­bei­ten so­wie Bei­spie­le der Ar­bei­ten von Kol­le­gen präsen­tiert die Web­si­te von Jo­ris Mal­tha und Da­niel Gross. Der 3.0-Laun­ch von 2005, pro­du­ziert von Sys­teman­ti­cs und ba­sie­rend auf ei­nem Kon­zept von Ca­ta­log­tree, hat­te ei­ne un­gewöhn­li­che Na­vi­ga­tion. Das Ein­ge­ben ei­nes Pro­jekt­na­mens und an­sch­ließen­de Drücken der En­ter-Tas­te brach­te ei­nen di­rekt zum Pro­jekt. Die Be­nut­zungs­schnitt­stel­le zeig­te während des Ein­ge­bens die nächstmögli­chen Tas­ten­drücke. Das wur­de von Cli­ent-sei­ti­gem Ja­vas­cript ermöglicht, wel­ches sich ei­ne Struk­tur ähn­lich ei­ner Par­sing-Ta­bel­le zu­nut­ze mach­te. Die­se Ta­bel­le ent­hielt al­le Nach­fol­ger von Buch­sta­ben, die in Schlüss­lwörtern er­schei­nen konn­ten. Auf der Ser­ver-Sei­te wur­de die­se Ta­bel­le aus der Da­ten­bank er­zeugt, die den ge­sam­ten In­halt der Web­si­te ent­hielt. (April 2005)

Konzept & Gestaltung: Catalogtree / Markup: Niels van der Sluijs / Web-Entwicklung: Systemantics / Auftraggeber: Catalogtree


Katharina Grosse 2.0

Nach der er­folg­rei­chen Zu­sam­men­ar­beit während der Ent­wick­lung von Ka­tha­ri­na Gros­ses ers­ter Web­si­te im Jahr 2001 hat sie Sys­teman­ti­cs er­neut ge­fragt, die tech­ni­sche Um­set­zung ih­rer neu­ge­stal­te­ten Web­si­te im Jahr 2004 zu über­neh­men. Die 2004er-Web­si­te, ent­stan­den un­ter der­Art Di­rec­tion von In­go Of­fer­manns und ge­stal­tet von Ca­ta­log­tree, zeigt ei­ne Über­sicht über Ka­tha­ri­nas Ar­bei­ten in großen, bun­ten Bil­dern. Der Be­su­cher wählt ein Schlüss­wort (auch: Tag) aus und na­vi­giert dann ent­lang der Zeitach­se durch al­le Kunst­wer­ke, die die­sem Schlüssel­wort zu­ge­ord­net sind. Die Haupt­sei­te der Web­si­te funk­tio­niert wie ein Log­buch und da­mit als zusätz­li­che Na­vi­ga­ti­ons­hil­fe: Al­le Schlüssel­wor­te, die der Be­su­cher be­reits be­sucht hat, wer­den mar­kiert. (September 2004)

--> website

Konzept & Gestaltung: Catalogtree / Supervision: Ingo Offermanns / Markup: Niels van der Sluijs / Web-Entwicklung: Systemantics / Auftraggeber: Katharina Grosse


Katharina Grosse 1.0

Ka­tha­ri­na Gros­se ist ei­ne Künst­le­rin aus Düssel­dorf. Sie hat Sys­teman­ti­cs be­auf­tragt, ih­re ers­te Web­si­te zu pro­du­zie­ren, die ein Port­fo­lio ih­rer Ar­beit zei­gen soll­te. Die 1.0-Ver­sion der Web­si­te, ge­stal­tet von Ju­li Gu­de­hus, be­stand aus ei­ner Na­vi­ga­tion von Wor­ten, die sich zur Brei­te und Höhe des Brow­ser-Fens­ters aus­dehn­ten. Dies wur­de durch ei­ne Kom­bi­na­tion von Cli­ent- und Ser­ver-sei­ti­gem Scrip­ting er­reicht. (Dezember 2001)

Konzept & Gestaltung: Juli Gudehus / Web-Entwicklung: Systemantics / Auftraggeber: Katharina Grosse


fiftyfifty Galerie

Der Ver­ein fif­ty­fif­ty un­ter­stützt Ob­dach­lo­se in Düssel­dorf und dem Rhein­land in Deutsch­land. Hu­bert Os­ten­dorf und sein Team pro­du­zie­ren ei­ne Zei­tung, die mit von Ob­dach­lo­sen ver­kauft wird, wel­che dafür fünf­zig Pro­zent des Ver­kaufs­prei­ses er­hal­ten. Of­fen­sicht­lich ist das der Hin­ter­grund für die Na­mens­ge­bung. Ne­ben der Zei­tung be­treibt fif­ty­fif­ty ei­ne Be­ne­fiz-Ga­le­rie, die von be­kann­ten Künst­lern wie Imi Kno­ebel und Jörg Im­me­dorff ge­stif­te­te Kunst­wer­ke ver­kauft. Seit 2001 be­treibt fif­ty­fif­ty er­folg­reich ei­ne Web­si­te und ei­nen On­li­ne-Shop, pro­du­ziert von Sys­teman­ti­cs. Die Web­si­te ist fif­ty­fif­tys Haup­t­in­stru­ment zum Ver­kauf von Kunst. Die Web­sit wird seit der Pro­duk­tion ständig ver­bes­sert. Ne­ben den bei­na­he wöchent­li­chen Ak­tua­li­sie­run­gen des In­halts erhält die Web­si­te ei­ni­ge tech­ni­sche Ak­tua­li­sie­run­gen im Jahr. (November 2001)

--> website

Konzept & Gestaltung: in puncto / Web-Entwicklung: Systemantics / Auftraggeber: asphalt e. V.