Webサイトをリニューアルしています。

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

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

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

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

【PC画面】

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

【タブレット】

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

【スマートフォン】

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

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