Artist website
Camillas Konst

Design and coding of portfolio for the artist Camilla Hägg, including admin system.

Camilla Hägg is a great artist who makes paintings and ceramics. She needed a portfolio where she can show all the things she creates. I designed it to be very simplistic and clean, to put the focus on the works. The home page is built up with a large cropped image of the latest work to create interest immediately. When hovering over the image a dark background fades in and shows some info about the work, and also two buttons, one to view it in fullsize and one to see the rest of the gallery. This cropped image is also used in the gallery where all images are listed.

Exhibitions can be added from the admin system and those can be seen on the exhibition page. They are divided into upcoming and past exhibitions. The upcoming exhibitions have info and a map that shows where it is. The map is fetched through the Google Maps API, by sending an address to the geocoder. When the exhibition has past, it is automatically placed in the other section, past exhibitions. This section shows images of the exhibitions, as a full gallery with navigation.

To make it easy to update the site, I had to create a full custom admin system, since it was not built upon any other CMS. The largest part of the admin system, the gallery, was made to make it very user friendly and easy to use. It uses an AJAX upload to upload the image in the background and immediately after show the image and add some controls. In this stage the user can zoom and pan the image within the cropped frame. If the image is zoomed, there is a button to resample the image to always use a high quality image. There are also two buttons for the info, one to show and hide the info box (which is laid on top of the image, just like the gallery a normal visitor sees), and one to switch side of the info box. When the info box is shown, the user can just click on the title or description text to edit it. When clicking the publish button all the info is collected and saved through AJAX and the page is then reloaded. The image is then uploaded and will show up as the latest on the home page.

The rest of the admin system is relatively simple, but adds functionality to easily update news and all the texts on the site. Exhibitions are added easily, by just typing the info and saving. Images can be added through normal upload fields.