// home-variants.jsx — トップページの3案 /* ===== 共通：ヒーローの手書きアクセント SVG ===== */ function HandLine({ d, color = "var(--yellow-500)", width = 4, len = 300 }) { return ( ); } /* ===== 案A （採用版）— デザインは忠実、レイアウトはミニマル寄り ===== */ function HomeA() { useRevealOnScroll(); return (
{/* ヒーロー：中央寄せ、イラストなし */}
— 広島の業務改善パートナー —

現場の「詰まり」をほどき、
業務が止まらない状態にする。 現場の「詰まり」を
ほどき、
業務が止まらない
状態にする。

小さく整えながら、
無理なく続く形にしていきます。

まずは1つ、
業務を見せてください サービスを見る
{/* こんなお困りごとはありませんか？ */}

こんなお困りごとは
ありませんか？

    {[ <>業務が増えて、どこから手をつけていいか
    分からない, <>Excelや手作業が増え、
    ミスや手戻りが起きている, <>特定の人に業務が偏り、
    引き継げない, <>ツールを入れたが、
    結局使われていない, ].map((t, i) => (
  • {t}
    • ))}

現場を見ながら、ムダな作業を減らし、
自然に回る形に整えます。

{/* BitVoyageがやること */}
what we do

BitVoyageがやること

業務を見て、止まらず回る状態に整えていきます。

{[ { n: "1", t: "無駄な作業を減らす", d: "業務を見て、手作業や転記などのムダを見つけて減らします。すぐに変えられるところから改善していきます。" }, { n: "2", t: "詰まりをなくす", d: "業務の流れを整理しながら、止まりやすい工程や属人化している部分を見つけ、流れが止まらない状態に整えます。" }, { n: "3", t: "無理なく回る形にする", d: "全部を一気に変えるのではなく、今のやり方に合わせて少しずつ仕組みにしていきます。" }, ].map(s => (
{s.n}

{s.t}

{s.d}

))}
{/* 3ステップ */} {/* CTA リボン */}
); } /* ===== 案B — ミニマル版：余白多め、方眼なし、落ち着いた雰囲気 ===== */ function HomeB() { useRevealOnScroll(); return (
— 業務設計パートナー —

業務の"詰まり"を、
設計でほどく。

現場の「詰まり」を特定し、何が問題か・何から直すかを決める。
「ツールありき」ではなく、現場に合った方法で本質的な改善を実現します。

無料30分ヒアリング サービスを見る
{/* 静かなチェック比較 */}
issue → outcome

現場のモヤモヤを、スッキリへ。

BEFORE
{["忙しいのに進まない","やり方がバラバラ","探し物に時間がかかる","手入力・転記が多い"].map(t => (
・ {t}
))}
AFTER
{["何が問題かが明確になる","何から手をつけるか迷わない","業務の流れが見える","改善が進む状態になる"].map(t => (
{t}
))}
); } /* ===== 案C — 記事重視レイアウト：ブログ・ナレッジを前面に ===== */ function HomeC() { useRevealOnScroll(); return (
広島の業務設計パートナー

業務の"詰まり"を、
設計でほどく。

現場の「詰まり」を特定し、何が問題か・何から直すかを決める。
「ツールありき」ではなく、現場に合った方法で本質的な改善を。

{/* 3ステップサービス紹介（簡潔に） */}
{[ { n: "1", t: "業務診断", sub: "現場を見て、構造を可視化", price: "15万円〜", href: "service.html#diagnose" }, { n: "2", t: "顧問サポート", sub: "改善の順番を決め、伴走支援", price: "月5万円〜", href: "service.html#advisor" }, { n: "3", t: "実装プロジェクト", sub: "改善を仕組みとして実装", price: "個別お見積り", href: "service.html#implement" }, ].map(s => (
{s.n} {s.t}
{s.sub}
{s.price}
 ))}
{/* 最新のナレッジ・記事 */}
knowledge

現場のためのナレッジ

すべての記事
{window.SAMPLE_POSTS.slice(0, 3).map(p => )}
); } /* ===== 共通：もつれた糸のイラスト ===== */ function TangleIllustration({ small = false }) { const size = small ? 280 : 360; return (
{/* もつれ */} {/* 引き出された線と単語ラベル */} {[ { x1: 170, y1: 90, x2: 260, y2: 50, label: "ムダな作業" }, { x1: 200, y1: 80, x2: 295, y2: 85, label: "確認・探し物" }, { x1: 210, y1: 120, x2: 310, y2: 140, label: "属人化" }, { x1: 210, y1: 160, x2: 305, y2: 195, label: "手戻り・ミス" }, { x1: 200, y1: 200, x2: 285, y2: 245, label: "判断の遅れ" }, ].map((l, i) => ( {l.label} ))} {/* 考えている人 */}
); } /* ===== 3ステップサービス（共通パーツ） ===== */ function ServiceThreeSteps({ compact = false }) { const steps = [ { n: "1", t: "小さな業務改善", sub: "まずは1つの業務から改善します", price: "数万円〜", icon: , list: ["業務内容を確認","改善ポイントを提案","改善内容の実装・設定","簡単な運用方法の共有"] }, { n: "2", t: "継続改善サポート", sub: "改善を止めず、継続的に回していきます", price: "月額 5万円〜", icon: , list: ["改善テーマの整理","優先順位の決定","小さな業務改善の実施","定期的な振り返り"] }, { n: "3", t: "業務の整理・再構築", sub: "業務の流れをつくり直します", price: "個別お見積り", icon: , list: ["業務全体の流れの整理","詰まりや属人化の解消","運用ルール・仕組みの設計","ツール・システムの導入／構築"] }, ]; return (
service

小さな改善から、継続・全体改善まで

まずは1つの業務から始め、必要に応じて継続・全体改善へ進めます。

{steps.map((s, i) => (
{s.n}

{s.t}

{s.sub}

{s.icon}
    {s.list.map(l => (
  • ● {l}
    • ))}
{s.price}
{i < 2 && (
)}
))}
); } /* ===== CTA リボン ===== */ function CTARibbon({ minimal = false }) { React.useEffect(() => { var toggle = document.getElementById('contact-toggle'); var wrap = document.getElementById('contact-form'); var submitBtn = document.getElementById('submit-btn'); var form = document.getElementById('inquiry-form'); if (!toggle || !wrap || !form) return; function onToggle() { var open = wrap.hidden; wrap.hidden = !open; toggle.setAttribute('aria-expanded', String(open)); toggle.textContent = open ? 'フォームを閉じる' : '無料で“詰まり”を相談する'; } function onSubmit() { if (!submitBtn) return; submitBtn.disabled = true; submitBtn.textContent = '送信中…'; } toggle.addEventListener('click', onToggle); form.addEventListener('submit', onSubmit); return () => { toggle.removeEventListener('click', onToggle); form.removeEventListener('submit', onSubmit); }; }, []); return (

業務を見ながら、無理なく続く形に整えます。

お気軽にどうぞ

業務の「詰まり」、
一度見せてください。

30分で、どこが詰まっているかと、
何から直すべきかを整理します。

通常2営業日以内に日程をご案内いたします。

); } window.HomeA = HomeA; window.HomeB = HomeB; window.HomeC = HomeC; window.ServiceThreeSteps = ServiceThreeSteps; window.CTARibbon = CTARibbon; window.TangleIllustration = TangleIllustration;