Website Design

Massimiliano Maddalena is a contemporary photographer based in Barcelona. His website is functional but isn't showcasing his work in the best possible way. So after discussing who his audience is and what the message is he wants to convey to every user, I began to redesign the layout.

This is his current website. It begins immediately with a project and when scrolling, all related content is displayed underneath. On Desktop it looks fine but on mobile there's endless scrolling involved. Below the first detailed project, the user can see 3 more as black & white thumbnails. Yet there are more projects. All projects can only be found when clicking on the menu tab.

Firstly I wanted to give the visitor an introduction. What is this website about?
It's about the photographer and his art. So I placed his name at the top, added a slideshow on the frontpage and underneath an intro section with a quote to get a taste of his philosophy. This can all be seen without having to scroll.

Less text, larger visuals. The layout is being separated by black and white background sections. And the video content is now directly embedded into the homepage, so that the user can instantly watch - which involves less click-throughs.

For the second concept, I've increased the size of the slideshow, removed his name and introduction and displayed all projects using a bold font for the titles. This leaves more room to discover all of his work and the user gets an idea of what to she/he can delve into.

After discussing the options with Massimiliano, we decided to combine the versions and take out elements of each design. The large slideshow (I removed the control options, so the user can only watch and not interact - similar to an exhibition), different project image sizes to break the layout, a sans serif font and different coloured sections. It's still work in progress, as more projects (and a workshop) have to be added. Also I will redesign the footer, as it's taking up too much space. But it's getting closer to finishing.


all rights reserved © 2019