キリンホールディングス株式会社｜KIRIN MY WAYS サイト構築

お客さまの課題

• 複雑な関連付けを必要とするデータ構造

• アクセシビリティポリシーへの配慮

• 付箋（お気に入り）機能の実装、また付けた付箋を他デバイスへ連携できる機能を実現

デパートからのご提案と解決策

アクセシビリティへの配慮を前提としたフロントエンド・CMSの設計・構築をスピード感をもって推進。あわせて、必要となるソリューションの手配を行いながら、フロントエンドでのお気に入り機能やデバイス間連携機能の実装、スプラッシュ画面の実装、年齢認証機能の組み込みを最速の情報連携をもって進行、非常に細部までこだわったデザインをSTAND FOUNDATIONさまにて作成いただいたので、実装においての再現度もこだわり、仕上げていきました。

アプリのような「保存・共有」体験を、会員登録なしのブラウザで実現

付箋（お気に入り）機能を日常的に使っていただけるよう、ログインの手間なくブラウザ自体にデータを記憶させる仕組みを採用しました。ユーザーが選んだお気に入りのワードやプレイリストを、付箋のように保持し続けられます。
また、QRコードを用いてスマートフォンへ共有することも可能です。PCからスマホなど、アクセスする端末が変わってもデータが途切れることなく引き継がれる仕様になっており、ユーザーの利用ハードルを限りなく下げる体験設計をシステム側から支えています。

運用時の「更新しやすさ」と「デザイン品質」を担保するデータ設計

「ワード」や「プレイリスト」といった多種多様なコンテンツを、単に画面に表示するだけでなく、実際のUIの結びつきを整理し、適切に構造化して管理しています。例えば、カラーパターンやレイアウトパターンを、あらかじめデータ（選択肢）としてシステムに組み込んでいます。これにより、お客様がCMSから直感的に色やレイアウトを選ぶだけで、ブランドの世界観や美しいデザインのルールを崩すことなく、多彩な表現で記事を公開できる仕組みを実現しています。
データの二重管理を防ぎ、拡張性を持たせたリレーショナルな設計を行うことで、将来的なコンテンツ増加にも耐えうるCMSの運用基盤をご提供しました。