Bureau Lofvers
Willemijn Lofvers is an architect from Rotterdam. Her website features an archive of the variety of project she had been working on. Each project is tagged with a number of keywords. The keywords build implicit relationships between the projects, which are used to show a set of related projects for each project. Besides using the links to related projects, a visitor can navigate through the archive following a timeline and via a book-like index page. The website is equipped with a content management system (CMS) which allows Willemijn Lofvers to publish new projects instantly. (July 2008)
--> website
Concept & design: Catalogtree / Commissioned by: Bureau Lofvers
Alvin Chan
The website of Alvin Chan, currently working as senior art director at Nike Europe in the Netherlands, shows a portfolio of work in graphic design, branding, and campaigns. Based on concept and design from the client himself, Systemantics produced the website as a pure HTML and Javascript presentation. The content is completely generated from a Content Management System which allows the client to change every information visible on the site. (June 2008)
--> website
Concept & design: Alvin Chan / Commissioned by: Alvin Chan
AbkvA Eindexamen 2008
The catalog for the 2008 final exams at the of the Arnhem Art Academy is designed by students which are completed with their studies this year. The electronic version of the catalog uses the Google Maps interface to allow the visitor to navigate over a landscape showing examples of the work of all graduated students. Besides the navigation functionality, the website offers information about the art school itself, the departments, and the exposition and the fashion show where students show their work. Systemantics was commissioned to do the whole production of the website. (June 2008)
--> website
Concept & design: Annouck Welhuis, Sietse Koenders / Commissioned by: ArtEZ hogeschool voor de kunsten
Rietveld Landscape
Rietveld Landscape, the office of Ronald Rietveld, commissioned Systemantics with the production of the new website. The former website, quickly setup manually to show a portfolio of the office's work, is now replaced by a content-driven website in the same design. The website is available in both Dutch and English. (April 2008)
--> website
Design: Rietveld Landscape / Markup: Niels van der Sluijs / Commissioned by: Rietveld Landscape
fiftyfifty underdog
>underdog< is the new project of the asphalt e. V. charity organization, based in Düsseldorf/Germany. In the underdog project, veterinarians voluntarily provide help for the dogs of homeless people. The website is the main platform to inform the public about the project. Systemantics provided a full-service, including website concept and web development. The design was derived from the design of the >fiftyfifty Galerie< website in order to establish a visual link between asphalt's two projects. (December 2007)
--> website
Commissioned by: asphalt e. V.
NEXT Architects
NEXT Architects is an architect's office based in Amsterdam (The Netherlands) and Bejing (China). On their website designed by Catalogtree and programmed by Systemantics, they present an overview over their excessive portfolio of projects. The navigation through the 64 projects (as of 2007-12-01) is automatically generated from a set of tags assigned to each project. When one selects a tag from the navigation, a new list of projects containing all projects that have this tag applied is presented, and the navigation goes a level deeper. (December 2007)
--> website
Concept & design: Catalogtree / Commissioned by: Catalogtree
PlaatsMaken / Digitaal Atelier
PlaatsMaken (>make room<) is an initiative to give artists room for their work. Catalogtree designed their new website and commissioned Systemantics to develop both the content management and the website appearance. (September 2007)
--> website
Concept & design: Catalogtree / Commissioned by: Catalogtree
Systemantics
Both information and software are two invisible goods. The website of Systemantics has to make both visible in some way. Moreover, it has to show the complexity behind the scenes. The best way to explain the domain of information and software is text. The website thus prefers text over images. To create a visual link to the projects in which Systemantics participated, the visual impression from each project is encoded in a pie chart. The chart shows the most recent 25 colors of a screenshot. (August 2007)
Concept & design: Catalogtree
Corné Gabriëls
Corné Gabriëls is a fashion designer from Amsterdam. The website, designed by Coppens & Alberts, shows his work and offers the possibility to buy his creations. The website features an online shop where Corné sells selected pieces of his work. Of special technical interest with this shopping system is the difficile system of shipping costs calculation, which is of course not visible to the ordinary visitor but helps Corné to maintain the shop efficiently. (July 2007)
--> website
Concept & design: Coppens & Alberts / Commissioned by: Corné Gabriëls
catalogtree 4.0
Catalogtree have relaunched their website design and asked Systemantics to do it (again)! We are very proud to have had our hands on Catalogtree 4.0. The main navigation of the new website is a big index. This index contains all keywords (aka tags) assigned to the projects presented on the site. When an index entry is clicked, all projects assigned to this keyword are shown. A special gimmick on the site can be found on the index page itself. If one moves the mouse over a keyword, all projects tagged with this keywords are highlighted. If you move over a project, all keywords assigned to this project are highlighted. This feature makes extensive use of Javascript. The site contents were completely taken from the 3.0 launch of the site. This version, also produced by Systemantics, stored all contents of the site in a database, separated from the layout. (July 2007)
--> website
Concept & design: Catalogtree / Commissioned by: Catalogtree
Simons en Boom
At first, the website of Cas Simons's and Jeroen van den Boom's studio for concept and graphic design was planned as a Flash movie. Since Flash movies are closed content which is not accessible to search engines (or mostly not), we decided to build the site from pure HTML instead. The result is a highly dynamic, browser-fitting layout which allows for both maximum accessibility and maximum space for presenting a portfolio of Cas's and Jeroen's works. (June 2007)
--> website
Concept & design: Jethro ten Holte / Commissioned by: Simons en Boom
VMX Architects
VMX Architects present extremely powerful images of their work on a website by Catalogtree, featuring a very clear and straightforward design. For technicians, the website is especially interesting because there is a blue line which crosses each page not accidentally, but perfectly intended to show up in the position it does. Systemantics succeeded in showing this line up over text and images while leaving the text still accessible. The website also has a feedback area where visitors can leave their comments on a book recently published by VMX. The feedback area is secured by a small captcha. (February 2007)
--> website
Concept & design: Catalogtree / Commissioned by: Catalogtree
Joost Grootens
What happens if you combine a very simple website design with a powerful semantic structure of content? Both melt together and form a very flexible portfolio website for Joost Grootens, who is a graphic designer based in Amsterdam. Based on Joost's navigation concept, Systemantics created an extremely flexible tagging structure especially for Joost's website. What we call >extended tagging< allows to assign not only tags to the projects on the website, but features tag-value-pairs for each project. Technically speaking, this is a sort of strong-typed tags. The result and benefit for the visitor is a website that can be sorted according to every aspect of the content. (December 2006)
--> website
Concept & design: Joost Grootens / Markup: Niels van der Sluijs / Commissioned by: Joost Grootens
Museum Kurhaus Kleve
Museum Kurhaus Kleve was honored as museum of the year 2004. Kleve is located at the Lower Rhine in Germany, which is a region with mostly rural character where one would least expect a museum of this exceptional quality. As exceptional as the museum itself is the website, designed by Catalogtree, which consists of three different sub-sites for the museum itself, for a dependance, and for the museum's supporting association. All three sub-sites are developed by Systemantics to be available in both German and Dutch because Kleve is located close to the Dutch border and welcomes many visitors from the Netherlands. The site is completed by two online shops which sell merchandising articles from the museum. (November 2006)
--> website
Concept & design: Catalogtree / Markup: Niels van der Sluijs / Commissioned by: Museum Kurhaus Kleve
Die Metareflektor-Luftoffensive
The website of Heike Mutters and Ulrich Genths 2006 exhibition Die Metareflektor-Luftoffensive: Expedition an einen der sichersten Orte der Welt in the Kunsthalle Recklinghausen was designed by Ingo Offermanns to remind of a map. In fact, the main navigation is indeed a map which can be navigated by clicking on a small overview or using arrows buttons. The visible part of the page then moves around the site and allows the visitor to explore the various photographs taken from the exhibition plus the texts from the catalog. The website is available in two languages. It makes excessive use of browser-side scripting (Javascript), but does not use proprietary animation techniques like Flash. (November 2006)
--> website
Concept & design: Ingo Offermanns / Commissioned by: Kunsthalle Recklinghausen
Zandstad
The website of the Zandstad research project, created by LUST, features a collaboratively developed collection of historical material about the sand grounds around the Dutch city of Eindhoven. The website provides public access to this material in quite different ways: via a geographical map, a list of categories, a timeline, an image search and multiple others. Systemantics was asked to support the project in a late phase. We contributed mainly the pages where an entry can be viewed, the tagclouds, and the (technical) interface that connects the Flash movies with the database that contains the presented information. Moreover, we implemented the search engine that is used to retrieve images from the database. (September 2006)
--> website
Concept & design: LUST / Commissioned by: LUST
Coppens & Alberts
The website of the Amsterdam based graphics design studio of Patrick Coppens and Christine Alberts shows samples of their work in very large images. Besides the great images showing the work of Coppens en Alberts in extreme detail, the website is especially interesting because it makes excessive use of client-side scripting (Javascript) in order to fold and unfold the bars in which the images are presented. The content of the site is divided into areas via a simple -- yet flexible -- tagging structure. (September 2006)
--> website
Concept & design: Coppens & Alberts / Commissioned by: Coppens & Alberts
van Bergen Kolpa Architecten
The website of the newly founded architect's office van Bergen Kolpa Architecten was designed by Catalogtree to provide a very simple but powerful structure to present the office's work in various areas of architectural design and research. Systemantics developed the site after Catalogtree's design, adding a content management system that allows the client complete control over content structure and navigation. This, together with some simple rules for presenting the content, leads to a very nice website which is available in two languages. (June 2006)
--> website
Concept & design: Catalogtree / Markup: Niels van der Sluijs / Commissioned by: van Bergen Kolpa Architecten
Liesbeth Doornbosch
Liesbeth Doornbosch is an artist based in Arnhem, The Netherlands. Her work over the years consist of a large collection of paintings in different techniques. Liesbeth wanted to present her complete portfolio of work on a website. Catalogtree created a concept for this website that shows one work on each page, together with works that feature similar aspects as the one mainly shown. This concept needed to be backed by a powerful database structure. Systemantics created a database layout which can be searched efficiently. We decided for a multi-indexed database which excellently supports the requirements established by the similarity search. (June 2006)
--> website
Concept & design: Catalogtree / Commissioned by: Liesbeth Doornbosch / Support: Thijs Gadiot
Meeuwig & Zn.
Systemantics' contribution to the website of Meeuwig & Zn. is probably the smallest commission we ever had: a content management system for only a single page. Manfred Meeuwig uses this single page to keep his visitors informed about the recent changes and latest offers in his store. (March 2006)
--> website
Concept & design: Coppens & Alberts / Markup: Niels van der Sluijs / Commissioned by: Meeuwig & Zn.
AbvkA Arnhem MVO
The MVO initiative from the Arnhem Academy for Art and Design teaches the basics of CSR (Corporate Social Responsibility). On their website, MVO present a collection of information about CSR in the fashion industry. The website shows in the background large images belonging to the context of CSR. The images are in black and white, but can be switched to full color. The website also contains a forum where topics of CSR can be discussed. Systemantics developed both the website and the forum as an integrated product. (February 2006)
--> website
Concept & design: Michiel Kokee, David Smeulders / Commissioned by: ArtEZ hogeschool voor de kunsten
Ethik & Ökonomie
Ethecon is a German foundation that advocates ethics in economy. Their work opposes non-ethical behavior of companies, and they defend the position that all economic activity should be guided by ethical aspects in mind. The main requirement for the webite was to present large amounts of text. Systemantics achieved this by providing ethecon the possibility to change the navigation structure according to their needs. The website layout and navigation changes, depending on how ethecon structures the content. (December 2005)
--> website
Commissioned by: ethecon
AbkvA Arnhem GO
Grafisch Arnhem is the graphic design department of the academy for art and design in Arnhem, The Netherlands. The website was created by two students of the department as their final exam and produced by Systemantics. On the backend side of the site, there works a database which consists both information about the program of study which is offered at the department and examples of work of students. The database structure is designed to provide reserves for the next years and even to facilitate to change the visual appearance of the website. (September 2005)
--> website
Concept & design: O.K. Parking, Willem van de Ven / Commissioned by: ArtEZ hogeschool voor de kunsten
CBG
The Coordination against Bayer Dangers (CBG) is an international foundation with its headquarters in Düsseldorf, Germany. The non-profit organization had a large set of several hundred web pages in four languages, all maintained by hand. Systemantics was commissioned to change nothing to the layout of the website, but to back all the manually maintained pages with a content management software in order to make the management of the website easier. The software has to be able to maintain a different website structure in each of the four languages, plus providing extra information and downloadable files for every page of the website. (July 2005)
--> website
Galerie Conrads
Walter Conrads and his wife run a gallery in Düsseldorf, Germany, and together with a gallery from Zürich now also a dependance in Berlin. The website of Galerie Conrads is different from other gallery websites in that it features online catalogs of current and former exhibitions. Systemantics developed the content management system for the website which allows the client to maintain the exhibition catalogs, to announce upcoming exhibitions, and more. (June 2005)
--> website
Commissioned by: Galerie Conrads
AbvkA Arnhem Mode
Two students of the graphic design department of the academy for art and design in Arnhem, The Netherlands, created the website of the fashion department of the same academy as their final exam in 2005. The main design elements of the website are the names of the graduated students, written from top to bottom in large outline letters. When clicked on each student's name, the other names move to the right and allow to view a short photographic summary of the work each graduate student contributed to the fashion show during the final exams. All the animations are realized with client-side scripting. On the server side, there was the requirement not to have a particular content management system but to generate the student website content mainly from a file archive. So the website does not access a database in its main part, but directly accesses a filesystem structure where it reads the students names and images from. (May 2005)
--> website
Concept & design: Jethro ten Holte, Myriam Darmstädter / Commissioned by: ArtEZ hogeschool voor de kunsten
catalogtree 3.0
An amazing portfolio of own works plus some samples of colleague's works is presented on Joris Maltha's and Daniel Gross's website. The 3.0 launch from 2005, produced by Systemantics following a concept of Catalogtree, was navigated in a quite unusual way. Typing in the name of a project followed by pressing the enter key guides you directly to the project. Moreover, the user interface showed a list of the allowed next keystrokes while typing the project's name. This was allowed by backing the client-side Javascript with a parsing-table like structure of the successors of all characters which could appear in keywords. On the server side, this successor table was created from the database that contained all contents of the site. (April 2005)
Commissioned by: Catalogtree / Concept & design: Catalogtree / Markup: Niels van der Sluijs
Katharina Grosse 2.0
After the successful collaboration during the development of Katharina Grosse's first website in 2001, she asked Systemantics again to develop the technical assets for the relaunch of the website in 2004. The 2004 website, art-directed by Ingo Offermanns and designed by Catalogtree, presents an overview over Katharina's work in large, colorful images. The visitor navigates through the site by selecting a keyword (aka tag) assigned to a work, and then moving along the time bar either to earlier or later works. The main page of the site, as an additional navigation assistance, works quite like a logging: all keywords that the visitor has already viewed are marked as such. (September 2004)
--> website
Concept & design: Catalogtree / Supervision: Ingo Offermanns / Markup: Niels van der Sluijs / Commissioned by: Katharina Grosse
Katharina Grosse 1.0
Katharina Grosse is an artist from Düsseldorf, Germany. She asked Systemantics to produce her first website which should present a portfolio of her work. The 1.0 launch of the website, designed by Juli Gudehus, consisted of a navigation of words which were stretched to both width and height of the browser window. This was achieved by a combination of both client-side and server-side scripting. (December 2001)
Concept & design: Juli Gudehus / Commissioned by: Katharina Grosse
fiftyfifty Galerie
The non-profit organization fiftyfifty supports homeless people in Düsseldorf and the Rhineland in Germany. Hubert Ostendorf and his team produce a newspaper which is sold by homeless people which in turn get fifty percent of magazine's retail price. Obviously, this is the source for the name. Additionally, fiftyfifty runs a benefit gallery which sells art donated by well-known artists like Imi Knoebel and Jörg Immendorff. Since 2001, fiftyfifty successfully operates a website and online shop produced by Systemantics. The website forms fiftyfifty's main instrument for selling the art. The website is continuously improved since its production. Besides the almost weekly content updates, it gets several technical updates over the year. (November 2001)
--> website
Concept & design: in puncto / Commissioned by: asphalt e. V.