株式会社 シンメ様

スタイリッシュなサービスイメージと
ターゲットユーザーに合わせたUIの
バランスを両立。

TREE PC画面
TREE SP画面
種別
店舗サイトリニューアル
URL
https://muko.tbm-jp.com/

株式会社シンメ様が「サービスの地産地消」を目指して発信するカラダメンテナンススタジオ、TREE。京都市内に3店舗のスタジオを構え、日々、地域の方々の「実現したい健康」「つくりたいカラダ」を目標として共有し、様々なカラダのお悩みを解決しています。
TREEという新ブランドの立ち上げに際し、企業サイトと店舗サイトの制作を担当させて頂きました。

ページ数
ページ:約20ページ
担当範囲
画面設計補助
デザイン
コーディング・検証
CMS導入(WordPress)
期間
設計補助:1ヶ月
デザイン:1.5ヶ月
コーディング・検証:2ヶ月

WEBサイトの操作に慣れていない
中年層ユーザーへ配慮

50〜60代の中年層ユーザーにとっての操作性を第一に考え、ハンバーガーメニューではなくスクロール式のグローバルメニューを採用。またその他にもアコーディオンなど、 WEBサイトの操作に慣れていないユーザーが迷いそうなUIは使用を控え、シンプルな画面操作になるよう心がけました。

あえてUIを分離することで
分かりやすい操作性を実現

このサイトで最もアクセス数が見込まれる「お悩み解決例」コンテンツでは、「解決手段」と「お悩みの種類」の2つの軸で絞り込むことが可能です。しかし、これを一括りに「タグ」として実装すると分かりにくいと考え、解決手段はタグに、お悩みの種類はタブへと、それぞれ異なるUIとすることで、操作性と絞り込みのしやすさを向上させました。
また同時に、CMS(WordPress)内の記事管理との整合性も併せて実現しています。