This is a website I designed for singer Lieber Panos. He sings 1920s-30s jazz and wanted a clear, simple website that communicated his work.
Once we had gone over the material,
I suggested we make a one-page scroll site with four sections:
"On Stage" - Past and upcoming gigs, and videos from his shows
"On Radio" - Some of the radio shows he has hosted with a link to listen to more
"About" - A short description of what he does
(not much is needed, it should be already pretty obvious from the previous sections)
"Contact" - A contact form for people to ask questions and book him for events
I wrote the HTML and CSS.
You can visit the website here
Landing screen - The dots on the left represent the four sections. If the user hovers over them the section title appears and they can click to go directly to that section. They also highlight as the user scrolls down through the different sections.
"On Stage" section - Gig graphics inspired by old cinema signs. Gig cards fade up with animation as the user scrolls down.
"On Radio" section
"About" section
"Contact" section
In portrait mode on mobile, the header photo automatically changes to a portrait photo. The items also change from three columns to stacked for better visibility.
Thank you for looking!
Anastasia C.
