Examples of sites built in Xierpa

Portfolio site Buro Petr van Blokland + Claudia Mens

The new online portfolio showcase of Buro Petr van Blokland + Claudia Mens.




The homepage of the new portfolio site. The two items witch are most popular are placed on top. Next to that we place related and other projects, in text and image.


––––––––


The homepage of the new portfolio site. The items witch are most popular are placed on top. Next to that we place related and other projects, in text and image. The matrix left consists of thumbnails with large mouse overs including a project title or question.


––––––––





––––––––


Thumbnails placed between the text enlarge as a mouse over.


––––––––


Thumbnails placed between the text enlarge as a mouse over.


––––––––


An index of projects available on the site.


––––––––


A wiki list of tags appears when scrolling over the question mark next to the language symbol. The text can be edited and the date of the project can be filled in.


––––––––


Captions for each image can be added in the language boxes. Also the order of appearance in the slideshow can be changed in this section.


––––––––


The image database. All available images (if not yet linked to a project) are listed at the right side. By clicking the arrow next to the picture you can select an image to the active project (yellow bar) on the left. The column in the middle shows the images linked to the selected project. It's possible to unlink the images by clicking the arrow the other way. For each selected image you can choose if it has to appear in the slideshow. The large and small fit buttons allows you to control the framing of the image within the dimensions of the slideshow.


––––––––


Images can be cropped in the CMS to pick the framework witch suits best. After cropping the picture will keep its new dimensions. The dababase will use the new dimensions for the thumbnails and the bigger pictures.


––––––––

Travel guides for Grafische Zaken

For Grafisch Zaken Petr van Blokland + Claudia Mens built an online application that generates press PDF files automaticly. All the content and images can be managed online. Editors all over the world can make translations for the guides online in their own language.




The index section of all different pages from one guide. Here you can choose to download a PNG or PDF file.


––––––––


One single page of a guide


––––––––


One single page with four different hotels. On top you can choose a language and a download file which is requested for this page.


––––––––



The first page of a new chapter.


––––––––


A close up from a generated PDF file.


––––––––


The content management system at the back side of the website. All XML files are listed right. All different guides are listed in the folders at the left. XML files can be added or removed from any folder. Different icons divide the xml files in hotels, resorts and countries.


––––––––


The translation part of the CMS. Editors can see the english language on the left, and fill in a translation at the right.


––––––––


Images can be selected and cropped. Cropping comes by simply dragging a selection within the image. A yellow box appears and shows the new dimensions of the image. (also explained in the next project)


––––––––

Strawberries Fabrics

For Strawberries Fabrics we redesigned the identity and website.
Strawberries Fabrics International provides fabrics which are hand made by local craftsmen and women groups in various parts of the world. The purpose of Strawberries Fabrics is to contribute to the preservation of traditional techniques and to provide local artisans and producers an income.

The website shows the wide diversity of the fabrics. In the design details the qualities and colors of the material are clearly highlighted by the extensive attention to photography.





The homepage of Strawberries Fabrics. From here you can navigate to the Fabrics- and Collaborations part of the site by clicking the images right. The text in the red box refers to the fabric underneath, and leads directly to the description of this fabric by clicking the text.


––––––––


This is the index page of all fabrics available on the site. The fabrics are placed both as text (navigation left) and images. the order is determined alphabetically.


––––––––


One of the fabrics described in text and image.


––––––––


One of the collaborations described in text and image.


––––––––


The content management system at the back side of the website. All XML files are listed right. By clicking the icon the text is editable. A wiki list of tags appears when scrolling over the question mark next to the language symbol.


––––––––


The index of files and folders listed on the left. By clicking on the icon the layout and navigation order of the file or folder can be chosen.


––––––––