「断らずを得なかった仕事」を、事業に変えた　―　LP制作の内製化事例 サービス・イノベーション株式会社

―「HPやLPを作れますか？」と聞かれるたび、断っていた

サービス・イノベーション株式会社は、住宅領域を中心に、ユーザーと住宅会社をつなぐ多様な支援サービスを展開してきた。

事業活動を進める中で、同社には以前から次のような相談が頻繁に寄せられていた。

「サービス用のLPを作ってほしい」

「簡単なWebページを用意できないか」

「キャンペーン用のページを短期間で立ち上げたい」

しかし当時、WebデザインやLP制作を担える人材が社内におらず、こうした相談の多くを断らざるを得なかった。

外部の制作会社に依頼する選択肢もあったが、

• 制作コストが高く、利益が出にくい
• スピード感が合わない
• 小規模案件では採算が合わない

といった理由から、「機会損失だと分かっていながら、受けられない仕事」が積み重なっていった。

― 解決策として選んだのは「外注」ではなく「育成」

この状況を変えるために、サービス・イノベーションが選んだのが

Hatch ITが提供するAI学習サービス「CodeNest」を活用した人材育成だった。

ポイントは、「専門のデザイナーを採用すること」でも「外注体制を強化すること」でもなく、

社内スタッフが、ゼロからWeb制作を担えるようになること

だった。

今回、Webデザイン・プログラミングともに未経験だった社内スタッフが、CodeNestを使って学習を開始することとなった。

― 取り組みの内容

Webデザイン未経験から、LPを“自走で作れる”まで本プロジェクトでは、次のようなステップで学習と実践を進めた。

1. CodeNestによる基礎学習

Webの基礎知識、HTML / CSS、レイアウト・デザインの考え方などをAIチューターが学習者の理解度に応じて進行を調整し、「分からないまま進んでしまう」状態を防止。

2. メンターによる伴走サポート

今回は「最速で、実務に使えるレベルへ到達する」ことを目的に、Hatch ITのエンジニアがメンターとして学習をサポートし、実務目線でフィードバックしながら進めた。

3. 実際のLP制作に挑戦

学習の最終成果として、実際にサービス用のLPを一から制作し、公開。

「学習して終わり」ではなく、“そのまま事業に使えるアウトプット“を残すことができた。

―CodeNestによる学習の効果とコメント

【学習情報】

1人当たり総学習平均時間：55時間
1日当たりの平均学習時間：1.3時間
メンタリング頻度：週１回
学習期間：2ヶ月
学習コース：【インターネット・Web】【はじめてのターミナル操作】【HTML】【CSS】【Tailwind CSS】

学習前 –  HTMLやCSSという言葉すら聞いたことがないという、完全IT未経験の状態。

CodeNestと週1回のメンタリングを活用しながら、自身のペースで着実に学習を進められるようプランを設計。

学習後 – 学習完了後、HTMLとTailwind CSSを用いたLPを制作。Vercelへデプロイし、Webサイトとして公開するまでを経験。

【学習者コメント（一部抜粋）】

初めてプログラミングを学びました。パソコンにvs Codeをインストールするところから、実際にコードをいじるまでAIとメンターの先生と一緒に進めることができ、私にでも諦めることなく、立派なスキルを身につけることができました。最初はvs Codeと言われてもなんだかわからなかった私ですが、今なら新人のサポートと保守業務を見守ることができます。

【サービス・イノベーション株式会社　CEO 梅村様　コメント】

【株式会社Hatch IT会社情報】

所在地：東京都渋谷区
事業内容：アプリケーション、システム開発、設計、賃貸、販売及び保守。IT人材の育成・教育。人材紹介、転職斡旋
ミッション：「テクノロジー学習の“挫折”をゼロにし、新しい価値を生む人材を増やす」
提供サービス：

• AIを活用した学習プラットフォーム Codenest
• 企業向けDX人材育成ソリューション（エンジニア育成プログラム）

Codenest（コードネスト）について

• 特徴：AIチューターによる完全個別最適化学習
• 対象：未経験者〜若手エンジニア／DX担当者
• 強み：
  • 挫折を防ぐAIフィードバック
  • いつでも学べる柔軟性
  • 企業実務と連動したカリキュラム
• 実現できること：
  • DX推進人材の育成
  • 小規模開発の内製化
  • 現場部門のデジタル力向上
  • 成果が残るプロジェクト型学習
  • メンタリング×AIの二重サポートで挫折しない育成プログラム