
キリンホールディングス株式会社|KIRIN MY WAYS サイト構築
特徴的なデザイン・UIを精緻に実現しながらアクセシビリティレベル AA に配慮。
- Point 1アクセシビリティを意識したフロントエンド実装
- Point 2コンテンツ管理運用・表示パフォーマンスの担保のためMovable Typeを使用

- 支援内容
- 要件定義・CMS設計・コーディング・CMS構築(Movable Type)・運用保守・アプリケーション保守
- 期間
- 2026年1月~2026年4月

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

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

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


Credits
- Client
- キリンホールディングス株式会社
- 株式会社スマイルズ(プランニング・プロデュース)
- 株式会社STAND FOUNDATION (デザイン)
- DIR
- 河上 智哉
- FE
- 吉田 圭吾
- FE
- 小林 奏絵

Contact
制作のご依頼やサービスに関するお問い合わせ、
まだ案件化していないご相談など、
お気軽にお問い合わせください。
プロジェクト担当メンバー
関連実績

株式会社デパート|日本が誇るウェブプロダクションを紹介するサービスサイト good productions 制作
優れたWeb制作会社やデザイン会社を紹介するサイト『good productions』をリリースしました。このサイトは日本が誇る、東京・大阪を中心とするウェブプロダクションの企業情報・実績をまとめ、紹介しております。

JNCエンジニアリング株式会社|コーポレートサイトリニューアル
企業設立60周年を迎えられ、ますますの企業ブランドの強化を図るべく、コーポレートサイトのリニューアルをさせていただきました。












