クラウド人事労務ソフト コーポレートサイト

ご注意: 本事例はポートフォリオ用にサービス名・画像・金額等を架空のものに差し替えて掲載しています。実際のプロジェクトとは異なります。

プロジェクト概要

クラウド型人事労務管理ソフト「SmartFlow」のコーポレートサイトを5ページ構成で制作しました。プロダクトの信頼性と使いやすさを訴求するデザインです。

顧客からのご要望

• プロダクトの成長に合ったモダンなサイトにしたい
• 機能の多さを分かりやすく伝えたい
• 導入検討企業に安心感を与えるデザインにしてほしい

制作アプローチ

ブルーを基調とした信頼感のあるカラースキームを採用。機能紹介はアイコン付きカード形式で視認性を高め、導入事例セクションで実績を可視化しました。

成果物の詳細

ページ構成（全5ページ）

• トップページ（サービス概要、主要機能、導入実績）
• 機能紹介ページ（勤怠管理、給与計算、年末調整、マイナンバー管理）
• 料金プランページ（3プラン比較、無料トライアル案内）
• 導入事例ページ（3社の事例紹介）
• お問い合わせページ（フォーム、FAQ）

主な機能

• レスポンシブデザイン（PC/タブレット/スマホ対応）
• スムーススクロール
• 機能紹介アニメーション
• 料金プラン比較表
• お問い合わせフォーム

技術的な工夫

• Next.jsによる高速化: App Routerを使用し、初回表示速度を最適化
• TypeScriptで型安全性を確保: フォームバリデーションの信頼性向上
• Tailwind CSSでメンテナンス性向上: デザイントークンによる一貫したスタイリング
• アクセシビリティ対応: WAI-ARIA属性の適切な配置、キーボード操作対応
• SEO最適化: メタデータ設定、構造化データマークアップ

制作期間

約1.5週間（一般的な制作会社では8-10週間）