高知県四万十市のセレクトショップ、
chum-chum closet（チャムチャムクローゼット）さまのWebサイトをリニューアルしています。

２店舗展開していたお店をひとつに統合した事、
そしてスマートフォンやタブレットからのアクセスがいよいよ５割を越え、
それぞれの端末に最適化したレスポンシブデザインを採用した方が
せっかくアクセスしてくれる方にとって便利になるだろう、というのが主なきっかけ。

つい先日、観測史上最高気温の４１℃を記録した四万十市は
実は気温以外でも観光地として最近注目を集めており、
観光で訪れた方にも足を運んでもらえるよう、特にスマートフォン対応は避けられないものでした。

以下、それぞれの端末によって表示画面が異なります。

【ＰＣ画面】

お店や商品に加え、ライフワークのサーフィンや家族の事などが書かれたブログ最新３０回分を、まるで手作りアルバムのように一覧表示させています。レイアウトはディスプレイサイズによって可変する設計。お店の魅力を伝えるには、新たにイメージを作り出すよりオーナーが精力的に更新しているブログを見てもらうのが最も効果的、というコンセプト。これも旨味たっぷりのブログだからこそ。

【タブレット】

ヨコ向けではブログを３列で表示（画像はiPad mini）。制作コストを抑えるため、当初タブレットはＰＣ表示と同じにするつもりでしたが、一度に目に飛び込んでくる情報量を抑えた方が気軽に読んでもえるとの狙いから最終的に最適化。タテ向け使用の時は２列で表示します。

【スマートフォン】

スマートフォンは１列で表示（画像はiPhone5）。少しでも読み込みを速くするため、ＰＣのように３０件ではなく最新５件に絞って表示します。場合によってはお店に関係ない投稿しか見えない可能性もありますが、そういう「ゆるさ」も含めてチャムチャムクローゼットさま。更新は主にスマートフォンから行っています。

Client：チャムチャムクローゼット　Design：安藤 克也　Coding：馬場 友香理