systemantics

Beyond Green

In No­vem­ber 2008, the AM­FI - Am­s­ter­dam Fash­ion In­sti­tu­te, Ar­tEZ In­sti­tu­te of the Arts (Fash­ion De­si­gn / stu­di­um gen­era­le dA­ca­po) and the Sticht­ing Mo­de­be­wust foun­da­tion are hold­ing an in­ter­na­tion­al sym­po­si­um en­ti­tled Be­yond Green, A Fash­ion Odys­sey in the World Fash­ion Cen­tre in Am­s­ter­dam.

The web­si­te for the sym­po­si­um fea­tu­res in­for­ma­tion about the spea­kers, the pro­gram­me, and the at­ta­ched ex­hi­bi­tion. Sys­teman­ti­cs de­ve­lo­ped the web­si­te ac­cor­ding to the de­si­gn of Over­bu­ren. (October 2008)

--> website

Design: Overburen / Web development: Systemantics / Commissioned by: Modebewust?

Cobalt Glass and Design

Co­balt Glass and De­si­gn is a glass de­si­gn firm from Bighton/Eng­land. The new web­si­te de­si­gned by Stu­dio­Mak­gill fea­tu­res a light de­si­gn, step­ping back from co­lor­ful ima­ges il­lus­tra­ting Co­balt's port­fo­lio of pro­jects in glass.

From the tech­ni­cal point of view the web­si­te links the shown pro­jects and pro­ces­ses to a re­la­tio­nal net­work. The re­la­ti­ons in this net­work are used to gi­ve hints to the user when view­ing a spe­ci­fic pro­duct or pro­cess.

Co­balt use a Con­tent Ma­na­ge­ment Sys­tem (CMS) to keep the si­te up to da­te. (October 2008)

--> website

Concept & design: StudioMakgill / Web development: Systemantics / Commissioned by: Cobalt Glass and Design

Space To Take Place

Space To Ta­ke Pla­ce is a pro­ject by the ar­tist Clau­dia Lin­ders. Space To Ta­ke Pla­ce is a ben­ch of 100 me­ters length. The 1000 parts of the ben­ch are gi­ven away as spe­cial gifts to im­port­ant con­tacts of the Dut­ch Mi­nis­try of For­eign Af­fairs.

The pro­ject web­si­te was crea­ted in clo­se col­la­bo­ra­tion of Clau­dia Lin­ders, the gra­phic de­si­gner An­net­te Kou­wen­ho­ven, the pho­to­gra­pher Lard Bu­ur­man and Sys­teman­ti­cs. The web­si­te fea­tu­res con­tri­bu­ti­ons of users of other web­si­tes li­ke You­Tu­be and Flickr. The back­ground ima­ge of the web­si­te chan­ges de­pen­ding on the sun in Ij­burg/Ams­ter­dam whe­re the ben­ch is lo­ca­ted. (October 2008)

--> website

Concept: Claudia Linders / Design: Annette Kouwenhoven / Photography: Lard Buurman / Web development: Systemantics / Commissioned by: Claudia Linders

Berlage Institute

Lo­ca­ted in Rot­ter­dam, the Ber­la­ge In­sti­tu­te is an in­ter­na­tio­nal post­gra­dua­te la­bo­ra­to­ry for edu­ca­tion, re­se­ar­ch and de­ve­lop­ment in ar­chi­tec­tu­re, ur­ba­nism, and lands­ca­pe.

Ba­sed on the de­si­gn of LUST, Sys­teman­ti­cs de­ve­lo­ped the Ber­la­ge In­sti­tu­te's new web­si­te. The stan­dards-com­pli­ant si­te col­lects a lar­ge di­ver­si­ty of in­for­ma­tion and vi­deo ma­te­rial and will be ex­ten­ded step by step to form a con­tent-ge­ne­ra­ting tool to ga­ther and pre­sent the re­se­ar­ch pur­su­ed at the Ber­la­ge In­sti­tu­te.

Sys­teman­ti­cs de­ve­lops the soft­wa­re and con­sults with the Ber­la­ge In­sti­tu­te du­ring the who­le pro­cess. This in­clu­des the con­cept for an in­tra­net ar­chi­ve which will col­lect all the vi­deo and ima­ge ma­te­rial availa­ble at the in­sti­tu­te. (September 2008)

--> website

Design: LUST / Content management system: Systemantics / Web development: Systemantics / Commissioned by: Berlage Institute

Palmboom & van den Bout

To­gether with LUST De­si­gn, Sys­teman­ti­cs was in char­ge of de­ve­lo­ping the new web­si­te of the ci­ty plan­ning of­fi­ce Palm­boom & van den Bout in Rot­ter­dam (The Net­her­lands). The web­si­te should ser­ve as a port­fo­lio of their pro­jects with mul­ti-me­dia con­tent, in­clu­ding ima­ges, text, and vi­deo.

The web­si­te de­si­gn from LUST fea­tu­res a new and un­com­mon na­vi­ga­tio­nal ap­proach. All pro­jects from a ca­te­go­ry are shown on dif­fe­rent pa­ges of a re­gis­try-li­ke in­ter­fa­ce and can be brow­sed by mo­ving the mou­se. When a pro­ject is clicked, mo­re pa­ges open to show ima­ges and vi­deo pre­sen­ta­ti­ons of the pro­ject.

Sys­teman­ti­cs de­ve­lo­ped the who­le web­si­te and equip­ped it with a con­tent ma­na­ge­ment sys­tem, the­re­by al­lo­wi­ng Palm­boon & van den Bout to keep the si­te up to da­te. (September 2008)

--> website

Concept & design: LUST / Web development: Systemantics / Commissioned by: Palmboom & van den Bout Stedenbouwkundigen BV

Suze May Sho

Su­ze May Sho is an ar­tist group ba­sed in Arn­hem, The Net­her­lands. Con­nie Nij­man (gra­phic de­si­gner), Jes­si­ca Hel­bach (ar­tist/fa­shion de­si­gner) and Ro­sell Heij­men (ar­tist) ma­ke pho­tos, pain­tings and in­stal­la­ti­ons. The group de­ve­lops con­cepts und and de­si­gns pu­bli­ca­ti­ons and ex­hi­bi­ti­ons.

The web­si­te gi­ves an over­view over the group, and pres­ents a port­fo­lio of their work. The­re is al­so an ex­pe­ri­men­tal ar­chi­ve sec­tion which al­lows the vi­si­tor to crea­te an ex­hi­bi­tion-li­ke pre­sen­ta­tion from a lar­ge ar­chi­ve of ima­ges and mo­vies. (August 2008)

--> website

Design: Suze May Sho / Content management system: Systemantics / Web development: Systemantics

Bureau Lofvers

Wil­le­mi­jn Lof­vers is an ar­chi­tect from Rot­ter­dam. Her web­si­te fea­tu­res an ar­chi­ve of the va­rie­ty of pro­ject she had be­en wor­king on. Each pro­ject is tag­ged with a num­ber of key­words. The key­words build im­pli­cit re­la­ti­on­ships bet­ween the pro­jects, which are used to show a set of re­la­ted pro­jects for each pro­ject. Be­si­des using the links to re­la­ted pro­jects, a vi­si­tor can na­vi­ga­te through the ar­chi­ve fol­lo­wi­ng a ti­me­li­ne and via a book-li­ke in­dex pa­ge. The web­si­te is equip­ped with a con­tent ma­na­ge­ment sys­tem (CMS) which al­lows Wil­le­mi­jn Lof­vers to add new pro­jects to the ar­chi­ve in­stant­ly. (July 2008)

--> website

Concept & design: Catalogtree / Web development: Systemantics / Commissioned by: Bureau Lofvers

Alvin Chan

The web­si­te of Al­vin Chan, current­ly wor­king as se­nior art di­rec­tor at Ni­ke Eu­ro­pe in the Net­her­lands, shows a port­fo­lio of his work in gra­phic de­si­gn, bran­ding, and cam­paigns. Ba­sed on con­cept and de­si­gn from the cli­ent him­self, Sys­teman­ti­cs pro­du­ced the web­si­te as a pu­re HTML and Ja­vas­cript pre­sen­ta­tion. The con­tent is com­ple­te­ly ge­ne­ra­ted from a Con­tent Ma­na­ge­ment Sys­tem which al­lows the cli­ent to chan­ge eve­ry in­for­ma­tion vi­si­ble on the si­te. (June 2008)

--> website

Concept & design: Alvin Chan / Web development: Systemantics / Commissioned by: Alvin Chan

AbkvA Eindexamen 2008

The ca­ta­log for the 2008 fi­nal exams at the of the Arn­hem Art Aca­de­my is de­si­gned by stu­dents which are com­ple­ted with their stu­dies this year. The elec­tro­nic ver­sion of the ca­ta­log uses the Goo­gle Maps in­ter­fa­ce to al­low the vi­si­tor to na­vi­ga­te over a lands­ca­pe sho­wing examp­les of the work of all gra­dua­ted stu­dents. Be­si­des the na­vi­ga­tion func­tio­na­li­ty, the web­si­te of­fers in­for­ma­tion about the art school itself, the de­part­ments, and the ex­po­si­tion and the fa­shion show whe­re stu­dents show their work. Sys­teman­ti­cs was com­mis­sio­ned to do the who­le pro­duc­tion of the web­si­te. (June 2008)

--> website

Concept & design: Annouck Welhuis, Sietse Koenders / Web development: Systemantics / Commissioned by: ArtEZ hogeschool voor de kunsten

Rietveld Landscape

Riet­veld Lands­ca­pe is the of­fi­ce of Prix de Ro­me win­ner Ro­nald Riet­veld. Sys­teman­ti­cs was com­mis­sio­ned with the pro­duc­tion of the new web­si­te. The for­mer web­si­te, quick­ly se­tup ma­nu­al­ly to show a port­fo­lio of the of­fi­ce's work, is now re­pla­ced by a con­tent-dri­ven web­si­te in the sa­me de­si­gn. The web­si­te is availa­ble in bo­th Dut­ch and Eng­lish. (April 2008)

--> website

Design: Rietveld Landscape / Markup: Niels van der Sluijs / Web development: Systemantics / Commissioned by: Rietveld Landscape

fiftyfifty underdog

>un­der­dog< is the new pro­ject of the as­phalt e. V. cha­ri­ty or­ga­ni­za­tion, ba­sed in Düssel­dorf/Ger­ma­ny. In the un­der­dog pro­ject, ve­te­ri­na­rians vo­lun­ta­ri­ly pro­vi­de help for the dogs of ho­me­less peo­ple. The web­si­te is the cen­tral plat­form to in­form the pu­blic about the pro­ject. Sys­teman­ti­cs pro­vi­ded a full-ser­vice, in­clu­ding web­si­te con­cept and web de­ve­lop­ment. The de­si­gn was de­ri­ved from the de­si­gn of the >fif­ty­fif­ty Ga­le­rie< web­si­te in or­der to esta­blish a vi­sual link bet­ween as­phalt's two pro­jects. (December 2007)

--> website

Concept & design: Systemantics / Web development: Systemantics / Commissioned by: asphalt e. V.

NEXT Architects

NEXT Ar­chi­tects is an ar­chi­tect's of­fi­ce ba­sed in Ams­ter­dam (The Net­her­lands) and Be­jing (China). On their web­si­te de­si­gned by Ca­ta­log­tree and de­ve­lo­ped by Sys­teman­ti­cs, they pre­sent an over­view over their ex­ces­si­ve port­fo­lio of pro­jects. The na­vi­ga­tion through the 64 pro­jects (as of 2007-12-01) is au­to­ma­ti­cal­ly ge­ne­ra­ted from a set of tags as­si­gned to each pro­ject. When one se­lects a tag from the na­vi­ga­tion, a new list of pro­jects con­tai­ning all pro­jects that ha­ve this tag app­lied is pre­sen­ted, and the na­vi­ga­tion goes a le­vel de­e­per. This le­vel con­sists on­ly of tags which are as­si­gned to the list of pro­jects just pre­sen­ted. (December 2007)

--> website

Concept & design: Catalogtree / Web development: Systemantics / Commissioned by: Catalogtree

PlaatsMaken / Digitaal Atelier

Plaats­Ma­ken (>ma­ke room<) is an ini­tia­ti­ve from Arn­hem, The Net­her­lands, to gi­ve ar­tists room for their work. Ca­ta­log­tree de­si­gned their new web­si­te and com­mis­sio­ned Sys­teman­ti­cs to de­ve­lop the con­tent ma­na­ge­ment and to pro­du­ce the web­si­te. (September 2007)

--> website

Concept & design: Catalogtree / Web development: Systemantics / Commissioned by: Catalogtree

Systemantics

Bo­th in­for­ma­tion and soft­wa­re are in­vi­si­ble goods. The web­si­te of Sys­teman­ti­cs has to ma­ke bo­th vi­si­ble in so­me way. Mo­reo­ver, it has to show the com­ple­xi­ty be­hind the sce­nes. The best way to ex­plain the do­main of in­for­ma­tion and soft­wa­re is text. The web­si­te thus pre­fers text over ima­ges. To crea­te a vi­sual link to the pro­jects in which Sys­teman­ti­cs par­ti­ci­pa­ted, the vi­sual im­pres­sion from each pro­ject is en­co­ded in a pie chart. The chart shows the most re­cent 25 co­lors of a screens­hot in their re­la­ti­on­ship to each other. (August 2007)

Concept & design: Catalogtree / Web development: Systemantics

Corné Gabriëls

Corné Ga­briëls is a fa­shion de­si­gner from Ams­ter­dam. The web­si­te, de­si­gned by Cop­pens & Al­berts, shows his work and fea­tu­res an on­li­ne shop whe­re Corné sells se­lec­ted pie­ces. Of spe­cial tech­ni­cal in­te­rest with this shop­ping sys­tem is the dif­fi­ci­le sys­tem of ship­ping costs cal­cu­la­tion, which is of cour­se not vi­si­ble to the or­di­na­ry vi­si­tor but hel­ps Corné to ma­na­ge the shop ef­fi­cient­ly. (July 2007)

--> website

Concept & design: Coppens & Alberts / Web development: Systemantics / Commissioned by: Corné Gabriëls

catalogtree 4.0

Ca­ta­log­tree ha­ve re­laun­ched their web­si­te de­si­gn and as­ked Sys­teman­ti­cs to do it (again)! We are ve­ry proud to ha­ve had our hands on Ca­ta­log­tree 4.0. The main na­vi­ga­tion of the new web­si­te is a big in­dex. This in­dex con­tains all key­words (aka tags) as­si­gned to the pro­jects pre­sen­ted on the si­te. When an in­dex en­try is clicked, all pro­jects as­si­gned to this key­word are shown. A spe­cial gim­mick on the si­te can be found on the in­dex pa­ge itself. If one mo­ves the mou­se over a key­word, all pro­jects tag­ged with this key­words are high­ligh­ted. If you mo­ve over a pro­ject, all key­words as­si­gned to this pro­ject are high­ligh­ted. This fea­tu­re ma­kes ex­ten­si­ve use of Ja­vas­cript. The si­te con­tents we­re com­ple­te­ly ta­ken from the 3.0 laun­ch of the si­te. The­re­by the de­ve­lop­ment ti­me for the who­le si­te was re­du­ced dra­sti­cal­ly. (July 2007)

--> website

Concept & design: Catalogtree / Web development: Systemantics / Commissioned by: Catalogtree

Simons en Boom

At fir­st, the web­si­te of Cas Si­mons's and Jero­en van den Boom's stu­dio for con­cept and gra­phic de­si­gn was plan­ned as a Flash mo­vie. Sin­ce Flash mo­vies are clo­sed con­tent which is not ac­ces­si­ble to sear­ch en­gi­nes (or most­ly not), Sys­teman­ti­cs de­ci­ded to build the si­te from pu­re HTML ins­tead. The re­sult is a high­ly dy­na­mic, brow­ser-fit­ting lay­out which al­lows for bo­th ma­xi­mum ac­ces­si­bi­li­ty and ma­xi­mum space for pre­sen­ting a port­fo­lio of the stu­dio's port­fo­lio. (June 2007)

--> website

Concept & design: Jethro ten Holte / Web development: Systemantics / Commissioned by: Simons en Boom

VMX Architects

VMX Ar­chi­tects pre­sent ex­tre­me­ly po­wer­ful ima­ges of their work on a web­si­te by Ca­ta­log­tree, fea­tu­ring a ve­ry clear and straight­for­ward de­si­gn. For tech­ni­cians, the web­si­te is espe­ci­al­ly in­te­res­ting be­cau­se the­re is a blue li­ne which cros­ses each pa­ge not ac­ci­den­tal­ly, but per­fect­ly in­ten­ded to show up in the po­si­tion it does. Sys­teman­ti­cs suc­cee­ded in sho­wing this li­ne up over text and ima­ges whi­le lea­ving the text still ac­ces­si­ble. The web­si­te al­so has a feed­back area whe­re vi­si­tors can lea­ve their com­ments on a book re­cent­ly pu­blis­hed by VMX. The feed­back area is se­cu­red by a small capt­cha. (February 2007)

--> website

Concept & design: Catalogtree / Web development: Systemantics / Commissioned by: Catalogtree

Joost Grootens

What hap­pens if you com­bi­ne a ve­ry sim­ple web­si­te de­si­gn with a po­wer­ful se­man­tic struc­tu­re of con­tent? Bo­th melt to­gether and form a ve­ry fle­xible port­fo­lio web­si­te for Joost Groo­tens, who is a gra­phic de­si­gner ba­sed in Ams­ter­dam. Ba­sed on Joost's na­vi­ga­tion con­cept, Sys­teman­ti­cs crea­ted an ex­tre­me­ly fle­xible tag­ging struc­tu­re espe­ci­al­ly for Joost's web­si­te. What we call >ex­ten­ded tag­ging< al­lows to as­si­gn not on­ly tags to the pro­jects on the web­si­te, but fea­tu­res tag-va­lue-pairs for each pro­ject. Tech­ni­cal­ly spea­king, this is a sort of strong-ty­ped tags. The re­sult and be­ne­fit for the vi­si­tor is a web­si­te that can be sor­ted ac­cor­ding to eve­ry aspect of the con­tent. (December 2006)

--> website

Concept & design: Joost Grootens / Markup: Niels van der Sluijs / Web development: Systemantics / Commissioned by: Joost Grootens

Museum Kurhaus Kleve

Mu­se­um Kur­haus Kle­ve was ho­no­red as mu­se­um of the year 2004. Kle­ve is lo­ca­ted at the Lo­wer Rhi­ne in Ger­ma­ny, which is a re­gion with most­ly ru­ral cha­rac­ter whe­re one would least ex­pect a mu­se­um of this ex­cep­tio­nal qua­li­ty. As ex­cep­tio­nal as the mu­se­um itself is the web­si­te, de­si­gned by Ca­ta­log­tree, which con­sists of three dif­fe­rent sub-si­tes for the mu­se­um itself, for a de­pen­dan­ce, and for the mu­se­um's sup­por­ting as­so­cia­tion. All three sub-si­tes are de­ve­lo­ped by Sys­teman­ti­cs to be availa­ble in bo­th Ger­man and Dut­ch be­cau­se Kle­ve is lo­ca­ted clo­se to the Dut­ch bor­der and wel­co­mes ma­ny vi­si­tors from the Net­her­lands. The si­te is com­ple­ted by two on­li­ne shops which sell mer­chan­di­sing ar­tic­les from the mu­se­um. (November 2006)

--> website

Concept & design: Catalogtree / Markup: Niels van der Sluijs / Web development: Systemantics / Commissioned by: Museum Kurhaus Kleve

Die Metareflektor-Luftoffensive

The web­si­te of Hei­ke Mut­ters and Ul­rich Genths 2006 ex­hi­bi­tion 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 the Kunst­hal­le Reck­ling­hau­sen was de­si­gned by In­go Of­fer­manns to re­mind of a map. In fact, the main na­vi­ga­tion is in­de­ed a map which can be clicked. The vi­si­ble part of the pa­ge then mo­ves around the map and al­lows the vi­si­tor to ex­plo­re the va­rious pho­to­gra­phs ta­ken from the ex­hi­bi­tion plus the texts from the ca­ta­log. The web­si­te is availa­ble in two lan­gua­ges. It ma­kes ex­ces­si­ve use of brow­ser-si­de scrip­ting (Ja­vas­cript), but does not use pro­prie­ta­ry ani­ma­tion tech­ni­ques li­ke Flash. (November 2006)

--> website

Concept & design: Ingo Offermanns / Web development: Systemantics / Commissioned by: Kunsthalle Recklinghausen

Coppens & Alberts

The web­si­te of the Ams­ter­dam ba­sed gra­phics de­si­gn stu­dio of Pa­trick Cop­pens and Chris­ti­ne Al­berts shows samp­les of their work in ve­ry lar­ge ima­ges. Be­si­des the great ima­ges sho­wing de­tails, the web­si­te is espe­ci­al­ly in­te­res­ting be­cau­se it ma­kes ex­ces­si­ve use of cli­ent-si­de scrip­ting (Ja­vas­cript) in or­der to fold and un­fold the bars in which the ima­ges are pre­sen­ted. The con­tent of the si­te is di­vi­ded in­to are­as via a sim­ple -- yet fle­xible -- tag­ging struc­tu­re. (September 2006)

--> website

Concept & design: Coppens & Alberts / Web development: Systemantics / Commissioned by: Coppens & Alberts

Zandstad

The web­si­te of the Zand­stad re­se­ar­ch pro­ject, crea­ted by LUST, fea­tu­res a col­la­bo­ra­tive­ly de­ve­lo­ped col­lec­tion of his­to­ri­cal ma­te­rial about the sand grounds around the Dut­ch ci­ty of Eind­ho­ven. The web­si­te pro­vi­des pu­blic ac­cess to this ma­te­rial in qui­te dif­fe­rent ways: via a geo­gra­phi­cal map, a list of ca­te­go­ries, a ti­me­li­ne, an ima­ge sear­ch and mul­ti­ple others. Sys­teman­ti­cs was as­ked to sup­port the pro­ject in a la­te pha­se. We con­tri­bu­ted main­ly the pa­ges whe­re an en­try can be view­ed, the tag­clouds, and the (tech­ni­cal) in­ter­fa­ce that connects the Flash mo­vies with the da­ta­ba­se that con­tains the pre­sen­ted in­for­ma­tion. Mo­reo­ver, we im­ple­men­ted the sear­ch en­gi­ne that is used to re­trie­ve ima­ges from the da­ta­ba­se. (September 2006)

--> website

Concept & design: LUST / Web development: Systemantics / Commissioned by: LUST

van Bergen Kolpa Architecten

The web­si­te of the new­ly foun­ded ar­chi­tect's of­fi­ce van Ber­gen Kol­pa Ar­chi­tec­ten was de­si­gned by Ca­ta­log­tree to pro­vi­de a ve­ry sim­ple but po­wer­ful struc­tu­re to pre­sent the of­fi­ce's work in va­rious are­as of ar­chi­tec­tu­ral de­si­gn and re­se­ar­ch. Sys­teman­ti­cs de­ve­lo­ped the si­te af­ter Ca­ta­log­tree's de­si­gn, ad­ding a con­tent ma­na­ge­ment sys­tem that al­lows the cli­ent com­ple­te con­trol over con­tent struc­tu­re and na­vi­ga­tion. This, to­gether with so­me sim­ple ru­les for pre­sen­ting the con­tent, leads to a ve­ry ni­ce web­si­te which is availa­ble in two lan­gua­ges. (June 2006)

--> website

Concept & design: Catalogtree / Markup: Niels van der Sluijs / Web development: Systemantics / Commissioned by: van Bergen Kolpa Architecten