Fabrice Ducouret's profile

2015-Website for Isabelle Fraisse

In 2015, I created a website for a classical music composer.
One of my goals was to make a simple and usable website.
This is an overview of the home page.
Upon arrival on the website, visitors are greeted with a music piece that starts playing immediately.
If they wish to do so, they can also stop playing it from the player.
One of the self-imposed restraints was that the website should be limited to 4 pages of contents for both simplicity and a quick completion of the project.
This was achieved by separatinf the largest pages into tabbed sections.
The composer wanted her photograph to be seen on the home page, but wanted the main visual on the home page to be a painting.
I came up with the idea to include a discreet thumbnail portrait within the navigation. The images becomes bigger if the user clicks it.
On the "Works" and "Biography" pages, the a vertical navigation is done through tabs, that the user can click to access different sections of the page.
A discreet button allows the users to jump to the top oof the pages that are the longest.
The button follows the users as they scroll down. This way, we don't have to have several "jump to top" buttons scattering the page and making it ugly, and the user always knows where to find it.
Music pieces are introduced by a short text. Then, below it, a music player is accessible to play the piece, and a link allowing the visitor to see corresponding sheet music while listening to the audio file.
One of the wishes from the client was that all the audio files were high-definition audio (320Kbps), and that they could start playing immediately when the user presses "play".
The longer texts below the player were placed in a scrollable box, in order to not get in the way of the page yet remain readable by the users who would want to read it.
Instead of creating a page with the legal mentions, I decided to go for a small link in the footer, which opens a lightbox in the middle of the page when clicked, and the rest of the page becomes darker.
To prevent other composers from copying and pasting the legal mentions, the text was converted into an image.
2015-Website for Isabelle Fraisse
Published:

2015-Website for Isabelle Fraisse

A website I designed

Published: