作家・美術サイトのリニューアル見本：同じ作品、ちがう見せ方。

Before と After の対応

1. 1

   Before 作品は120×90pxの小さなサムネイルが表に並ぶだけで、ターナーの持ち味である光と大気の広がりが伝わらない

   After トップに《ヴェネツィア、サルーテ聖堂の柱廊から》を幅いっぱいに大きく見せ、光に包まれる画面で迎える

2. 2

   Before 760px固定幅で、スマホでは横にスクロールしないと読めない

   After 画面の幅に合わせて組み替わり、スマホでもそのまま読める

3. 3

   Before 文字は12pxと小さく、メニューに掲示板・リンク集など7項目が並び、どこから見ればいいか分からない

   After 本文16px、明朝の見出しと広い余白で読みやすくし、メニューは「作品／ターナーについて／ショップ／お問い合わせ」の4つに絞った

4. 4

   Before 灰色の背景に白い箱を置いた画面で、淡い色調の絵が引き立たない

   After 地を生成り色（#F5F1E8）にして、淡い黄色や霧の白が際立つようにした

5. 5

   Before 注文はメールかFAXのみで、支払いは銀行振込だけ

   After 「オンラインでそのままご注文いただけます」として、ショップへ1クリックで進める

ただ作品が並んでいるだけの場所から、ターナーが追い求めた「光そのもの」を味わえる展示室に生まれ変わった。じっくり鑑賞したくなる構成になり、複製画のご注文にもつながりやすくなる。

※この事例は、リニューアルの考え方を説明するための架空サイトです。