Mary Barry
Screen shots
Three-column layout with top and side navigation
Opening and closing media quotes and articles
Discography page
Disc page with liner notes, credits and song list
Song titles open to show lyrics
Disc page showing the page footer
List of places to buy music - above the fold
List of places to buy music - below the fold
Photo gallery
Photo pop-up with the lightbox
Challenges / Solutions:
The general look and feel of Mary Barry's new website was designed by Steffanie Keating. In implementing Steffanie's desing I made several adjustements to accommodate large amounts of content. One of many challenges was how to get as much content as possible to appear above the fold, but still have a spacious inviting look. Toggling content blocks using jQuery has been a useful solution so far.
The modernization of this site is a huge improvement over Mary's current site. Keep your eye on this site as finer details begin to embellish and enhance the design and user experience.
Credits:
- Web graphic design by Steffanie Keating
- All web development, design implementation by Taliesin Smith
- Technologies: html, css, jquery, lightbox
- See it for yourself at marybarry.ca