Sales Markerの採用サイト刷新

プロジェクト

採用担当の人事メンバーはウェブサイト制作の経験が多くなかったため、イメージを可視化しながら合意形成を進めることを重視しました。
まずはサイトマップとサイト内外の導線を整理し、必要なページとコンテンツを定義しました。

ワイヤー作成は、AIでサイトマップやワイヤーを作成できるRelumeを活用し、半日程度で叩き台を作成。
人事メンバーとすり合わせながら、短いサイクルで全体像を固めました。

ビジュアルデザイン担当のデザイナーと密に連携し、どのデバイスでも崩れにくい実装を目指しました。
また応募者には英語話者も多いため、Google翻訳を活用して英語対応も行い、工数を増やさずに応募の間口を広げました。

技術

全体的にモダンな技術への刷新を実施しました。

• タスクランナー
  • Gulp → Vite
• スタイリング
  • Sass → Tailwind CSS
• WordPressのカスタムフィールド
  • Custom Field Suite → Secure Custom Fields

またFigma MCPを活用して、デザインデータから実装の叩き台を作成するなどの効率化にも取り組みました。