CSS, or Cascading Style Sheets, is a technical recommendation from the World Wide Web Consortium that describes how websites can be presented. Although it is meant as a standard, each browser has its own subset which it implements, and its own quirks. This can make it quite a challenge to properly write it. Here you'll find some projects where I (also) created the CSS.
We built MiniRepublic completely in the brand new Open Source e-commerce system Magento, and the implementation was featured on the Magento blog. It required quite a bit of hacking to the templates. I started with the blank theme, but had to adjust quite a few template files in order to present everything as it is right now. The default image resizer was replaced for a lightbox. Since we had lots of custom photography work of our products, we created some batch actions in order to resize them through Photoshop, which gave much better quality than the standard Magento resizing algorithms. The design relies heavily on the excellent Sauna font from Underwear, and while the initial implementation was based on sIFR, I replaced it later on with Cufon, which is much quicker, easier to setup, and could reliably be used to replace the fonts in the dropdown menu.
Of course, as webdesigner one of the most grateful, time-consuming and challenging pieces is one’s own website. I’ve gone through quite a few iterations, as you can see here. I tried to learn from my mistakes in each version, incorporating new insights, techniques and of course changing requirements. I’ve always tried to experiment with various colour schemes, layout variations and typography, in varying degrees of succes. Still, each version is a reflection of my best capabilities as web designer at certain points in time.
For the very active and passionate Psychonaut community I created this Mambo theme, which drives the Mambo installation, an integrated MediaWiki and the Forum.
Services: CSS | Theme | Mambo |
Voor de module Experimental Media moesten we een project maken waarin we experimenteren met media met als onderwerp journalistiek en tuinkabouters in Genk. We hebben een concept ontwikkeld waarmee mensen via hun mobiel routes kunnen aflopen in de stad waar tuinkabouters te vinden zijn. Bij sommige van deze ‘kabouterspots’ zijn ludieke opdrachten uit te voeren. Mensen kunnen zelf foto’s en video’s maken van hun uitwerking of rapportage hiervan en deze insturen. Bovendien kunnen mensen ook zelf ludieke opdrachten verzinnen en insturen. Deze worden allemaal verzameld en gepubliceerd, waarna mensen deze kunnen beoordelen. Het doel is dat er een levendige gemeenschap ontstaat van actieve kabouterspotters, mensen die een incidentele rapportage maken, en bezoekers die de stad willen ontdekken. Vanwege de geografische afhankelijkheid van dit concept is de belangrijkste interface de kaart.
Read the casestudy …
Read the casestudy …
Concentra is one of the largest Belgian media publishing agencies, with several newspapers and websites. To experiment with citizen journalism and user-generated content, the idea of a ‘going out’ website was born. In a collaboration with the Media & Design Acadamy, students were asked to create a visual design for this website. My contribution was selected as the basis for the website, and together with some students we worked out several pages in Photoshop that demonstrated all the required functionality.
After that, the design was delivered to a third-party ISV, who would create templates of it for their CMS. I worked out personas and scenarios for usability testing, but unfortunately, the ISV had many technical difficulties. After much delay, the newspaper editors decided that it wasn’t worth the effort and canceled the project entirely.
Services: Design | CSS | HTML / XHTML |
Another project in which I collaborated with Henk Baetsen of Squad Graphic & Web design. I created HTML and CSS templates for his design, and implemented a jQuery-based slide-out menu, which were delivered to a third-party who created the CMS.
The main goal of the assignment was to originally depict an artist or art period, making creative use of foreground and background. At the time I was still trying to read Gödel, Escher and Bach, so I thought it would be fun to use Escher. He created a lot of lithos and drawings so the paper backgorund would be a good fit for his drawings. I integrated his work into this. Another part of the assignment was to use a repeating background, which is a very thankful job since Escher’s work is much about repeating and recursivity.
Unfortunately, I didn’t succeed in integrating the navigation arrows into the design, so they look as if they don’t quite belong there.
Interaction and visual design for the Libersy Booking application (which was then still called Justbookit Agenda). Although the visual design has been updated and revised multiple times, the interaction design is still mostly used.
Services: CSS | HTML / XHTML | Ruby on Rails |
For every good that is imported, the Dutch tax office requires you to pay taxes (in Dutch, the tax office is called the “Belastingdienst”, which literally means “tax service“, oddly enough). These taxes vary wildly based on the sort of good, the amount, land of origin etc. To make the process of searching and selecting the right tariffs, a project was started to create a web application of this giant catalogue. The result is the HBI (“Heffingen bij invoer”) application, for which I created most of the CSS. This being a governement website, it had to adhere to the most strict technical standards.
Services: CSS |
The new Grasscity website is completely built in the enterprise e-commerce webshop Intershop. I created HTML wireframes with the design and functionality for the Intershop implementation. A large amount of work went into designing the navigation. Due to the enormous size of their catalogue, I created a concept based on hiërarchical selection lists, (like the Mac OS Finder column view), combined with tabbed navigation. This makes it possible to browse fast and easily through their products. Unfortunately, this feature was scrapped due to technical difficulties.
Services: CSS | HTML / XHTML |
Services: Design | CSS | HTML / XHTML |
Visual design and Ruby on Rails views for a webbased e-portfolio for teaches Dutch as strange language. The design brief required the combined use of the house style of both the Steunpunt NVT as the Nederlandse Taalunie.
Services: Design | CSS | Ruby on Rails |
I built the Moulin Blues festival website in Drupal, which allows the oganizers to maintain it themselves. Thanks to clever use of CSS, it’s possible to easily update the design to the new visual theme each year, which is created by Henk Baetsen
Read the journal entry