キリンホールディングス株式会社｜KIRIN MY WAYS サイト構築
キリンホールディングス株式会社株式会社スマイルズ（プランニング・プロデュース）株式会社STAND FOUNDATION （デザイン）
特徴的なデザイン・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エンジニアリング株式会社｜コーポレートサイトリニューアル
JNCエンジニアリング株式会社
企業設立60周年を迎えられ、ますますの企業ブランドの強化を図るべく、コーポレートサイトのリニューアルをさせていただきました。
関連するサービス
ウェブアクセシビリティ支援
近年ウェブアクセシビリティは法的要件として義務付けられており、その傾向はますます高まっています。法的な遵守だけでなく、ビジネスの成長、ブランドの信頼性、SEOの向上、ユーザー体験の向上、そしてイノベーションの促進といった多くのメリットを企業にもたらします。デパートではウェブアクセシビリティの簡易診断をはじめ、さまざまなウェブアクセシビリティ支援を提供します。
サービスサイト
特定の商品やサービスの販売促進を担うサービスサイト。商品・サービスへの理解を深め、競合やマーケットを調査し、ターゲットユーザーに響くコンテンツの開発、それに伴うサイト構造とビジュアルデザインを提供します。
CMS 制作・開発・構築サービス
HTMLやJavaScriptなどの知識がなくても、容易にニュース掲載やページ更新ができるコンテンツ管理システム（CMS）を提供します。WordPressなどのオープンソースCMSのカスタマイズをはじめ、大規模エンタープライズ向けの商用CMSの開発まで幅広く対応します。
Webサイト運用保守
Webサイトの運用・運営において重要なのは、設計、コンテンツ、ユーザーインターフェース、セキュリティ、SEO対策などの要素をバランスよく運用し、快適に利用できるサイトを維持することです。デパートではお客さまの更新作業を一手に代行し、決まった作業を滞りなく遂行するのはもちろん、運用していく中で課題などを探し改善します。
システム運用保守
業務効率化に必要なシステム改修を要件定義フェーズから対応いたします。また、運用時に発生したシステム調査やデータ更新なども迅速に対応し、日々の業務が滞らないよう支援いたします。
オウンドメディア立ち上げ
ブランド認知やロイヤリティの向上に有効なオウンドメディアは、立ち上げ前の調査や設計が重要です。ユーザーニーズを正しく理解し、メディアの位置づけを明確にしたうえで、ターゲットに響くコンテンツとデザイン開発、効率的な運営を考慮したシステム設計、リーチ獲得のためのSEO施策を行い、効果のあるオウンドメディア構築を提供します。
ウェブアクセシビリティ支援
近年ウェブアクセシビリティは法的要件として義務付けられており、その傾向はますます高まっています。法的な遵守だけでなく、ビジネスの成長、ブランドの信頼性、SEOの向上、ユーザー体験の向上、そしてイノベーションの促進といった多くのメリットを企業にもたらします。デパートではウェブアクセシビリティの簡易診断をはじめ、さまざまなウェブアクセシビリティ支援を提供します。