皐盧庵茶舗ECサイトリニューアル

ご提供したサービス

デザイン/コーディング/Wordpressテンプレートカスタマイズ、CSS、html編集

詳細

2011年の大徳寺店オープン時に公式サイトを立ち上げて以来、10年以上にわたりサイト運営やカスタマイズをサポートさせていただいている皐盧庵茶舗様。

今回は、長年運用されてきたオンラインストアの全面的なデザインリニューアルを担当いたしました。

本プロジェクトで最も重視したのは、「使い慣れた管理画面や受注システムはそのままに、お客様が見る表側のデザインだけを新しくする」という点です。使用しているカートシステム（Welcart）の仕様を変更すると、運用フローが変わったり不具合のリスクが高まったりします。そこで私たちは、システムの裏側の設定には一切手を加えず、Webサイトの見た目を作るコード（HTMLやCSS）の変更だけで、デザインを劇的に変化させる手法をとりました。

具体的な改善点として、まず商品の並べ方を大きく変更しています。以前はブログ記事のように商品が縦一列に並ぶ形式でしたが、これをショーケースのようにタイル状に並べるデザインへ刷新しました。これにより、ページを開いた瞬間に美しいパッケージの数々が目に飛び込み、ウィンドウショッピングをするような感覚で商品を選べるようになりました。

また、京都の老舗らしい「品格」と「余白」の表現にもこだわりました。以前のサイトでは情報が密集していましたが、新しいデザインでは余白をゆったりと取ることで、大徳寺の静謐な空気感を画面上で表現しています。システムの制約でデザイン変更が難しいとされる購入ボタンや入力フォーム周りも、細かな技術調整を行うことで、ブランドの雰囲気を壊さない洗練された使い心地に仕上げました。

クライアント様の歴史や日々の業務内容を深く理解している私たちだからこそ、見た目の美しさだけでなく、スタッフの方々の運営のしやすさまで考慮した、無理のない、けれど効果的なリニューアルを実現することができました。