株式会社シーアンドシー 様 コーポレートサイトリニューアル

システム開発を手がけるシーアンドシー様より、コーポレートサイトのリニューアルをご依頼いただきました。
デザインの刷新に加え、中途の若手人材の採用を強化したいというご要望がありました。
これまでの求人情報は外部求人サービスへの掲載にとどまり、採用情報や採用コンテンツが自社サイトに掲載されていませんでした。
今回のリニューアルでは自社サイト内の採用コンテンツを拡充し、シーアンドシー様ならではの企業風土や文化をしっかりと求職者へ伝えることで、ミスマッチを防ぎ、定着率を高める採用へとつなげることを目的としています。

コーポレートサイトでありながら、採用パートに入ると採用サイトを見ているように感じられる見せ方をご提案しました。社員インタビューを軸に、社内の雰囲気と一緒に働く人の人物像を具体的に伝え、キャリアパスや先輩社員の歩みを示すことで入社後の将来像を描きやすくしています。取材・撮影まで一貫して担当させていただきました。サイト全体はVercel＋microCMSのヘッドレス構成とし、表示速度・セキュリティ・運用コストを同時に満たしています。当初の想定から、つくりながら構想を広げていけたのは、代表様と直接やりとりできたからこそでした。

CMSと表示側を切り離したヘッドレス構成（Vercel＋microCMS）で構築。ページは静的に生成して配信し、更新があった部分だけを自動で再生成する仕組みにすることで、表示の速さ・セキュリティ・運用コストの低さを同時に実現しました。サーバーやCMS本体の保守が不要になるため、公開後の維持負担を最小限に抑えています。お知らせや社員インタビューはmicroCMSから更新でき、TOPには「訴求したい記事だけを目立たせる」ピックアップ機能を独自に実装。更新頻度に左右されず、見せたい情報を前面に出せる設計です。

お知らせ管理（一覧・詳細・下書きプレビュー） / ピックアップ記事 / 社員インタビュー管理 / お問い合わせフォーム /

microCMS API連携（お知らせ・インタビュー・ピックアップ） / SSGform（フォーム受信・メール通知） / Vercel（ホスティング・自動再生成・GitHub連携デプロイ）

静的生成＋CDN配信で高速表示。記事一覧は定期的に、記事詳細とTOPは更新のタイミングで自動再生成し、鮮度と速度を両立しました。
採用TOPなど画像の多いページは読み込みを最適化し、公開後の計測をもとに改善。
サーバーやCMS本体のアップデートが不要な構成で、脆弱性対応や保守作業の負担を軽減させています。
お問い合わせはフォーム送信サービスと連携し、メールサーバーやプログラムを自前で持たない構成です。

本サイトは採用強化を大きな目的としており、勢いのある若い会社ならではの「爽やかな印象」が伝わるよう、カラーリングやスペース（余白）の設計を意識してデザインしました。
また、企業のアイデンティティを表現するため、ロゴマークにある円弧やグラデーション、3つの丸をサイト内のアクセントとして展開しています。
さらに「従業員一人ひとりの個性を尊重する」という潜在的な社風を視覚化するため、多様なジオメトリック（幾何学的）なあしらいを取り入れ、それぞれの個性や遊び心を象徴的に表現しました。

当サイトは、超高速な表示速度と柔軟なコンテンツ更新（（ISR：Incremental Static Regeneration（インクリメンタル静的再生成））を実現するモダンフレームワーク「Astro（アストロ）」で構築しました。 Headless CMS「microCMS（マイクロCMS）」 を用いて構築しています。
ヘッドレスCMS（microCMS）、ホスティング環境（Vercel）とAPI連携し、静的生成（SSG）とオンデマンドISR（必要な時だけ高速にページを再生成する仕組み）を組み合わせることで無駄な通信を削ぎ落とし、スマートフォンやモバイル回線からでもストレスのないページ表示速度を実現しました。
また、最新のお知らせや採用情報（社員インタビュー等）は、更新時に安全かつ自動でサイトへ反映される仕組みを構築しています。