店舗ビジネスの公式サイトを、デザインの刷新と運用基盤の構築をセットでリニューアルしました。
クライアント / プロジェクト概要
店舗を運営するサービス業の企業様です。公式サイトの印象を改善したいというご要望に加え、スタッフ紹介・出勤スケジュール・料金・お知らせといった「毎日変わる情報」の更新を自社で完結させたい、という運用面の課題をお持ちでした。
課題
- サイトの配色・装飾が重たい印象で、店舗の雰囲気と合っていなかった
- スタッフや料金の情報更新のたびに外部への依頼が必要で、反映まで時間がかかっていた
- 掲載情報が複数の場所に散在し、サイト・掲示物・外部媒体で内容がズレることがあった
ご提案・アプローチ
デザインとCMS（管理画面）を一体で設計しました。デザインレビューでは「色を薄めて無難にする」のではなく、見出しの書体と地の装飾で楽しさ・とっつきやすさを出す方向へ転換し、ブランドの勢いを保ったまま印象を軽くしています。コンテンツはデータベースを唯一の正とし、コードやデザインデータに同じ情報を二重に持たない構成にしました。
制作のポイント
- 管理画面は「宣言型」の共通基盤で構築。 定型的な管理機能は設定を書くだけで一覧・編集・画像選択・権限制御まで揃う仕組みにし、開発コストを抑えながら管理対象を増やせるようにしました
- カルーセルは「画面に収まる枚数」を1組として送る設計。1枚ずつずらすと何が変わったのか分からない、という視認性の問題を解消しています
- アクセシビリティへの配慮。 自動送りのカルーセルは操作中・非表示タブ・OSの「動きを減らす」設定で停止します
- 外部サービスのウィジェットもレスポンシブに統合。 提供側CSSの制約を読み解き、画面幅ごとに最適な表示形式を選ぶ実装にしました
制作の流れ
- ヒアリング：現行サイトの課題と、日々の更新フローを整理
- 設計：情報設計と管理画面の権限設計（本部・店舗スタッフで見える範囲を分離）
- 制作：デザインレビューを重ね、指摘への対応方針と実装を1件ずつ記録しながら反映
- 納品・運用：無停止デプロイの手順を整備し、公開後も継続的に機能追加
成果
- スタッフ・スケジュール・料金・お知らせの更新が管理画面から即時反映できるようになり、更新の外部依頼が不要になりました
- レビュー指摘17件への対応を方針・実装内容つきで記録し、認識のズレなくリニューアルを完了
- 公開後もアクセス状況や現場の声をもとに、表示の改善を継続しています