Code Chrysalis

Code Chrysalisのブランドは遊び心があり、親しみやすく、力を与えています。彼らの没入型ブートキャンプ、キャリア重視のカリキュラム、そして包括的な文化は、誰もが自分の可能性を受け入れ、テクノロジーの世界において意味のある影響を与えることができるサポーティブな環境を育んでいます。

彼らのマーケティングウェブサイトはReactJSでゼロから構築されましたが、主に更新のためにコピーの変更が必要であり、設計とコーディングを行う技術者が要求されました。私はWebリードとして、ReactJSウェブサイトの構築と管理を担当していましたが、それは次第に退屈で単調になり、プロセスを最適化できると分かっていました。

目標

• コンテンツ作成と簡単な更新のためにエンジニアリングのボトルネックを取り除く

• 28ページをWebflowとHubspotのFAQに移行する

• 多言語ページのSEOを最適化する

プロセス

私は、企業のウェブサイトをコードベースのCMSソリューションからノーコードソリューションであるWebflowとHubspotへ移行する作業を主導しました。

1. 計画と評価 - 直ちに移行すべきクリティカルなコンテンツを特定し、各ページの移行のためのタイムラインを作成しました。

2. データ抽出 - ページコンテンツをNotionデータベースエントリーにダウンロードしました。

3. コンポーネントマッピング - 構造化されたコンテンツ（CSV、XML）用にWebflowのインポートツールを利用しました。

4. スタイリングと機能の再実装 - Webflowのインタラクションパネルまたはカスタムコードを使用してインタラクティブな機能を再実装します。

5. テストとQA - 私たちのチームにいないネイティブの英語話者と日本語話者がコンテンツを精査し、フィードバックを提供しました。私たちは変更を実施し、プロジェクト作成から1か月以内にローンチしました。

結果

• Webflowへの移行後、マーケティングチームと他の編集者はウェブサイトに直接変更を展開できるようになりました。

• 移行により、Code Chrysalisは組み込みのSEO機能を活用でき、その結果、デプロイメントの翌月にオーガニック検索SEOが200％増加しました。

• HubspotのFAQとチャットボットの統合により、オンボーディングの質問、メールが減り、より情報に基づいたクライアントとなりました。