worksSmartHR 活用セミナー & アーカイブ

SmartHR 活用セミナー & アーカイブのイメージ画像

プロジェクト概要

Summary

SmartHRのアップデート情報、機能活用情報を、セミナーや動画でお届けする情報集約ウェブサイトを旧サイトからリニューアル。
弊社にて要件定義段階の実現可能性調査からディレクション、CMS設計・開発、フロントエンド開発まで一気通貫で支援いたしました。

クライアントの課題

Business Issue

リニューアルに至る背景として、以下の課題がありました。

・更新管理の工数が大きい。
・テンプレ通りのページしか増やせず、訴求がしづらい。
・既存顧客の流入数、回遊率を増やしたい。

達成成果

Achievements

弊社にて要件定義段階からプロジェクトに参画し、課題に対する技術的アプローチの提案、実現を行いました。

・ヘッドレスCMSの導入による更新体験の向上、更新工数削減。
・柔軟な構成とデザイン性を両立するためのCMS管理画面やAPIの設計により、柔軟なコンテンツ展開が可能に。
・Jamstackアーキテクチャの採用、高速なサイト表示による回遊率向上、活用促進とエクスパンションへ貢献。
・ワークフローの最適化による運用時の安定性と保守性を強化。運用担当者の負担を減らし、ユーザーが常に高品質なサービスを利用できる環境を提供。

Web開発・課題解決について提案いたします

Web開発のご相談やお見積、事例についてなど、お気軽にお問い合わせください。
打ち合わせでのヒアリングも可能です。

コンテンツ更新体験の向上と工数削減

既存のシステムは更新管理に時間がかかり、柔軟なコンテンツ展開が難しかったため、ヘッドレスCMSとしてmicroCMSを導入しました。
これにより、直感的な操作でページ作成・編集、迅速なコンテンツ配信が可能となり、更新にかかる工数を大幅に削減しました。
また、柔軟な構成とデザイン性を両立するために、カスタムフィールドやパターンを活用し、堅牢なAPI設計を施しています。
プレビュー機能や自動デプロイの仕組みも導入することで、利便性を大幅に向上させました。

高速なサイト表示とサーバーメンテナンス工数削減

本プロジェクトでは、Astro、microCMS、Cloudflare Pagesを活用したJamstackアーキテクチャを採用し、静的HTMLを基盤とした構築を実現しました。CDNベースのホスティングサービスであるCloudflare Pagesにサイト配信を委ねることで、Webサーバーの管理や運用の工数を大幅に削減しました。
このリニューアルにより、大量アクセスに強く、高速かつセキュアで、コストパフォーマンスにも優れたサイトを実現。ユーザーはストレスなくサイト内を回遊でき、既存顧客への価値提供の質を向上させ、サイトの活用促進に大きく貢献しました。

開発・運用ワークフローの最適化

コンテンツ更新フローと開発フローの確立にも注力しました。コンテンツ更新においては、ヘッドレスCMSを活用した効率的なフローを設計し、必要な情報や機能をスムーズに追加できるようにしました。セミナーやアップデート情報の迅速な公開も可能になり、リニューアル前に比べてコンテンツ管理の負荷が大幅に軽減されています。
また、開発フローにおいても、エラー検知やサイト内のリンク切れ通知機能を実装し、運用時の安定性と保守性を強化。運用担当者の負担を減らし、ユーザーが常に高品質なサービスを利用できる環境を提供しています。

Web開発・課題解決について提案いたします

Web開発のご相談やお見積、事例についてなど、お気軽にお問い合わせください。
打ち合わせでのヒアリングも可能です。


クライアント

株式会社SmartHR

クレジット

企画:株式会社SmartHR
要件定義:株式会社SmartHR、サトウハルミ(FLAT)、飛田 心(FLAT)
デザイン:株式会社SmartHR
プロジェクトマネジメント:株式会社SmartHR、サトウハルミ(FLAT)
開発ディレクション:飛田 心(FLAT)
CMS設計・開発:飛田 心(FLAT)
フロントエンド開発:飛田 心(FLAT)

使用技術

TypeScriptReactAstromicroCMSCloudflare

使用ツール

SlackBacklogNotionFigmaMiro

フロントエンドのお問い合わせ

機能重視のWeb制作と開発支援についてオンラインでご提案いたします。