Skip to content

Smart Alice's Web Design Blog

What makes a great web site? Join the conversation about what works or doesn't work when you plan, design, and build your web site.

Archive

Tag: web design
Home Page, Web Site of Louis Lortie

Home Page, Web Site of Louis Lortie

Monday, March 1 marks the 200th anniversary of Frederick Chopin’s birthday.  In honor of one of my favorite composers let’s talk about the web site of pianist Louis Lortie.  For me this web site is the epitome of why we bother to build web sites.  Louis Lortie is a  concert pianist and recording artist.  At his site there is a great depth of information about him, his career and discography, and, most interesting, it showcases his thoughts about music interpretation and its challenges.

Here’s the treasure you’ll find on just one page, Chopin:

  • An excerpt from the score of a Chopin Etude
  • A series of videos
  • A photo of Chopin

The series of short videos showcase  Lortie playing two of the Chopin Etudes (a glorious aural experience) and Lortie, at the piano, talking about his approach to playing the etudes while playing excerpts to illustrate his thoughts.  As each video plays, its title  changes from black to lavender so you can keep track of where you are in the series.  Or, you can click on the one you want to hear.  Great user interface design!  Notice that underneath the video the timer is presented as a musical staff!  Clever design!

Chopin Page, Web Site of Louis Lortie

Chopin Page, Web Site of Louis Lortie

My only criticism is that the text on the home page is hard to read – a result of using a justified right margin and the italic font with very little line spacing.  The  opacity factor on the font doesn’t help either.

Lortie has created a passionate web site with great depth of information that gives us a window into his soul and the beauty of the music he plays.

Analysis by Smart Alice Web Design, smart web design for businesses who want a unique and effective presence on the internet.

Today’s Boston Globe has a web design comparison between the Bush and Obama versions of whitehouse.gov.  The article is very informative for those of us working in visual design and for those who are thinking about designing their own web site. I’m including a link to the article here.  And, I’d like to add my own 2 cents.

Layout

The Bush layout for whitehouse.gov used a typical three column layout underneath a horizontal banner.

3 columns

The Obama layout has a large top section divided into two distinct areas over a three column layout.  Obama’s designer knows about  Fibonacci based proportions which we see here as 1:2:3.

whitehouse2

The result is a much more visually appealing layout than the mundane Bush layout.
Obama's Whitehouse

Analysis by Smart Alice Web Design.