W O R K S

勤怠管理クラウドサービス「CLOUZA」様

勤怠管理クラウドサービス「CLOUZA」様

https://clouza.jp/
  • その他

受注時の背景

クラウド勤怠管理システム「CLOUZA」は、企業の勤怠管理を効率化するクラウドサービスとして展開されています。しかし、前回のサイトリニューアルから6年以上が経過し、デザインやユーザー体験の面で最新のWebトレンドに対応しきれていない状況となっていました。さらに、CMS機能が不十分で更新作業の効率が低く、タイムリーな情報発信が難しいといった運用面での課題もありました。加えて、導線設計が不十分なため、申込みやリード獲得につながる流れが弱く、サービスの魅力を十分に伝えきれていないという問題も抱えていました。

これらの課題を解決するために実施されたリニューアルプロジェクトのコンペに参加し、当社の提案が採択され制作を担当することとなりました。

制作時のポイント

本プロジェクトのWeb制作において最も重視したのは、訪問者を自然な流れで申込みに導くストーリー設計と、運用しやすい管理基盤の構築でした。まずTOPページには、サービス全体をひと目で理解できるよう、ランディングページ(LP)形式のレイアウトを採用。勤怠管理に求められる機能や導入メリットを段階的に伝えることで、訪問者の心理を「認知 → 関心 → 理解 → 検討 → 行動」へと導くために、AIDMA法則をベースにしたストーリー設計を取り入れました。これにより、単なるデザインリニューアルではなく、マーケティング視点からの訴求力を強化する構造を実現しています。

また、情報発信に関しては、LP的なストーリーを優先すると「お知らせ」や「更新情報」がどうしても下部に追いやられるという問題がありました。そこで重要なお知らせを1件だけ上部に表示できる「ピックアップニュース」機能を実装。これにより、新規ユーザー向けのストーリー性と既存ユーザーへの情報提供の両立を図り、情報の優先度に合わせて、柔軟に発信できるようにしました。

さらにCMSには、運用担当者が直感的に更新できるよう、フレームワークのLaravelをベースに独自開発した管理機能を採用しました。入力画面をシンプルに最適化することで、複雑な操作を必要とせず、誰でも容易に記事やニュースを追加できる仕組みを実現しています。加えて、CMSから生成されるページには動的に構造化データが適用される設計とし、検索エンジンに正しく情報が伝わるよう配慮しました。これにより、更新作業の効率化だけでなく、SEO対策としても高い効果を発揮できる基盤を構築しています。

デザイン面では、勤怠管理という堅実な業務領域にふさわしい信頼性をベースにしつつ、クラウドサービスらしい軽快さを感じさせる配色やアイコン設計を採用しました。複雑な機能を整理し、視覚的にわかりやすく訴求することを意識し、ユーザーがストレスなく情報を受け取れるように工夫しています。

結果として『CLOUZA』のブランドサイトは、導線の最適化や更新のしやすさ、SEO対策まで、一度にいろんな課題を解決できました。今回のWeb制作は、ただ見た目を変えるだけではなく、これからの成長を支える基盤づくりにつながったと思います。

PCサイトデザイン

お客様のブランドイメージを創り上げる、オーダーメイドのデザイン

PCサイトデザイン

スマートフォンサイトデザイン

スマートフォンでも適切なサイズで表示できるよう、縦長動画に再編集。

スマートフォンサイトデザイン

Recommend

今回ご紹介したサイトにご興味をお持ちの方におすすめのサイトです。

MORE

20年以上のWEB制作会社としての経験値は必ず貴社に
フィットしたナレッジとしてお役に立つはずです。
技術も、知識も、スピードにも自信があります。
ぜひ、ご相談ください。

CONTACT US