SAMPLE SITE
ROLE人事パートナーズ社会保険労務士法人 御中 専用 サンプルサイトを実際にご覧いただけます
サンプルサイトを開く →※ サンプルサイトで使用している画像はすべてイメージ素材です。本番制作の際はお客様ご希望の写真・画像に全て差し替えます。
// Proposal
ご提案資料
ROLE人事パートナーズ社会保険労務士法人 御中
はじめに
この度はご覧いただきありがとうございます。
LUMO WEB STUDIO(ルモ ウェブスタジオ)の窓口担当です。
「特定社労士 × 元SE15年 × 元外資系IT企業ひとり人事 × 元・池袋労基署相談員 × 相談実績1500件以上 × MFクラウド公認メンバー × アドラー心理学」という、貴法人の独自の強みを軸に、
ROLE人事パートナーズ社会保険労務士法人御中 専用のサンプルサイトを制作いたしました。
サンプルサイトを制作した理由
01
「ROLE」 という屋号を 視覚化
事務所名「ROLE(ロール)」 に込めた「経営者・人事・現場のそれぞれの役割が噛み合う組織」 という理念を、ヘッダーの3リング・ブランドマークと、JetBrains Monoによるコード風タイポで視覚化。「IT × 士業 の中間バランス」 を最初の数秒で伝えます。
02
IT企業向け 専用ページを 設置
現HPでは「IT業界に強い」 と謳いつつ、IT企業向け専用ページがありません。新HPでは独立した「IT企業向け人事労務支援」ページを設け、フルリモート就業規則/エンジニア評価制度/クラウド勤怠/IPO労務DDなど、IT企業特有のテーマを丁寧に整理しました。
03
「3つの強み」 を 1ページで 訴求
現HPの「労務問題に強い/IT業界に強い/クラウド導入に強い」 の3点を、独立した特集ページとして再構成。それぞれの強みを左右交互レイアウトで深掘り、お客様の声・著書実績・アドラー心理学への取り組みまで盛り込みました。
サイト設計の意図
- カラー:ディープスチール(#1B2A41)× エレクトリックティール(#1F8AB3)× ウォームアクセント(#D58A2E)× ペールスカイ(#EAF1F5)× オフホワイト(#FAFBFC)。寒色のスチール/ティールでIT・クラウド・データの世界観を、ウォームアクセントで人事の温度感を表現。明色背景デフォルトで士業らしい品を保ちながら、IT企業向けのモダンさを両立しました。
- ナビゲーション:士業のため完全日本語横並び(ホーム/事務所概要/サービス案内/3つの強み/IT企業向け/お知らせ・コラム/採用情報/料金/お問い合わせ)。現HPナビ(トップ/サービス案内/料金案内/お客様の声/事業所概要/採用情報/お問い合わせ)すべてに対応ページがあります。お客様の声は「3つの強み」ページに統合配置しています。
- フォント:Shippori Mincho(明朝・見出し)+ JetBrains Mono(コード風英字/IT技術者向けのフィット感)+ Plus Jakarta Sans(英字補完)+ Noto Sans JP(本文・読みやすいゴシック)。テック企業らしいモノスペースフォントを部分的に使用し、士業の硬さとIT企業のフレンドリーさのバランスを取りました。
- スクロール演出:標準的な IntersectionObserver フェードアップのみに抑え、マウス追従blob/3D tilt/横スクロール多用/magnetic多用/カウントアップ多用などは意図的に排除。「IT × 士業の中間バランス」 を最優先しました(B15ルール遵守)。ファーストビューはオープニングアニメを廃し、ヘッダー→HEROへ即時遷移する設計です(ページ表示の高速化)。
- 構成:ホーム/事務所概要/サービス案内/3つの強み/IT企業向け/お知らせ・コラム/採用情報/料金/お問い合わせ の9ページ+本提案資料の構成。「IT企業向け」 を独立ページとして設けたのが大きな新規性です。
- 業界配慮(社労士・士業共通):「絶対に通る」「必ず受給できる」等の効果断定を排除。助成金は「審査により支給」 と明記。代理権の範囲・税理士/弁護士/司法書士/弁理士領域への配慮も全ページで遵守。
- 価格表記:本提案資料の LUMO 料金 はすべて税別表記で統一しています。貴法人のサイト料金(顧問料・スポット業務)は税別表記で記載しております(現HPの料金体系に準拠)。
※価格はすべて税別表記です
3つのプラン
LIGHT
LP 1ページプラン
¥10,000(税別)
1ページ完結のランディングページ。セミナー告知・新サービス告知など、単発の告知用に。
STANDARD
スタンダード
¥30,000(税別)
5〜6ページ構成。一般的な社労士法人コーポレートサイトに対応します。
PREMIUM ★ 推奨
プレミアム
¥50,000(税別)
本サンプル相当(9ページ+IT企業向け専用ページ+3リング・ブランドマーク+クラウドスタック紹介)。貴法人のIT特化軸を最大限に表現できる構成です。
+ 月額保守 ¥5,000(税別・ホスティング込み)
※価格はすべて税別表記です
月額保守 = ホスティング包括契約モデル
LUMO WEB STUDIO の月額保守 ¥5,000(税別)は、サーバー・ホスティング費用を含む包括契約です。
公開後は触らずに、安心して長期運用していただくための設計思想で提供しています。
月額保守に含まれるもの
- サーバー・ホスティング維持(Cloudflare のインフラを利用し、当方が一元管理)
- SSL証明書の自動更新(常時HTTPS化を維持)
- 死活監視(サイト稼働状況を継続チェック)
- 障害発生時の対応(24時間以内に一次対応・復旧)
- 軽微修正(文言・画像・営業時間・連絡先などの差し替え)
- お知らせ・コラムの追加投稿(法改正情報・新着告知 など)
- Google アナリティクス運用サポート(GA4 タグ管理・月次レポート)
【ご留意事項】
クライアント様側での HTML 直接編集は想定外です。更新は保守内、または単発修正にてご対応いたします。「公開後は触らずに安心して長期運用できる状態」 を設計思想としております。保守契約終了時はホスティング停止となりますが、ご希望の場合は Astro ソース一式(HTML/CSS/画像/ソース)の引渡しも可能ですので、他社サーバーへの移行も妨げません(ベンダーロックインなし)。
第1号特典:月額保守 3ヶ月無料
LUMO WEB STUDIO リリース記念といたしまして、
初期にご契約いただいたお客様には、月額保守を 3ヶ月無料 でご提供します。
お知らせ更新、法改正情報の追加、コラム掲載など、お声がけいただければ即対応いたします。
LUMOの他サービス
名刺デザイン
士業の方らしい、品のある名刺。ロゴ・配色をHPと統一して制作いたします。
¥5,000(税別)〜
チラシ・フライヤー
IT企業向け労務セミナー、クラウド勤怠導入相談会など、配布用チラシのデザインに対応いたします。
¥8,000(税別)〜
封筒デザイン
事務所封筒・案内状用封筒。HPの世界観を踏襲したデザインで統一感を演出します。
¥5,000(税別)〜
ロゴ・印刷物制作
事務所ロゴ、セミナー用ポスター、相談カード、ステッカー等の印刷物に対応します。
¥6,000(税別)〜
会社案内PDF
顧問先・行政・セミナー主催者向けの営業用PDFパンフレットの制作。
¥10,000(税別)〜
Web丸投げプラン
お知らせ追加・コラム掲載・法改正情報の差し替えを全てお任せ。先生は本業に集中できます。※ 最低契約期間 24ヶ月
¥5,000/月(税別)〜
※価格はすべて税別表記です
ご契約までの流れ
- STEP 1メールにてお返事・ご質問
- STEP 2プラン選定・お見積り確定
- STEP 3原稿・写真のご提供(最低限でOK・LUMOが構成)
- STEP 4初稿提出(おおむね2週間)
- STEP 5修正対応・公開
LUMO WEB STUDIOについて
士業・建築・クリニック・整骨院・教室・アーティストを中心に、
小規模事業者の Webサイト制作を専門に行うスタジオです。
Cloudflareのインフラを活用し、表示が速く・運用が軽い・修正にもすぐ対応できる
小回りの効く制作体制を整えています。
よくあるご質問
原稿はどう用意すれば?
箇条書きや手書きメモでOKです。LUMO側で構成・文章化を担当します。社労士特有の表現(効果断定を避ける/代理権の範囲明示/税理士・弁護士・司法書士・弁理士の領域への配慮)にも対応します。
独自ドメインは取れますか?
はい。.com / .jp / .biz など、ご希望のドメイン取得・設定もサポートします。既存ドメイン(officerole.jp)からの移行にも対応可能です。
更新は自分でできますか?
更新は丸投げいただく前提です(保守契約内)。お知らせ更新・法改正情報の差し替え・コラム掲載など、月額保守内で対応します。Web丸投げプランは最低契約期間24ヶ月となります。
SEOやお知らせは?
お知らせ欄の運用、SEO対策(豊島区・池袋・社労士・IT企業・スタートアップ・クラウド勤怠 など地域×業務での検索流入)にも対応可能です。著書/メディア掲載実績の見せ方も最適化します。
お返事・ご質問はこちらへ
ご検討の段階でも、率直なご感想でも、お気軽にお返事ください。
内容を踏まえて、最適なプランをご提案いたします。
LUMO WEB STUDIO