WEBサイト
デモ採用サイト
- TECH
使用技術 - WordPress / PHP / JavaScript / GSAP / GitHub
Episode
制作エピソード

IT企業の採用サイト
WordPressを使用してテーマに依存しない、デモ用のビジネスサイト(採用ページ)の作成を行いました。
ターゲット
・採用活動に力を入れたい企業
・求職者に会社の魅力を伝えたい企業
目的
・採用専用ページをWordPressを使いながらゼロから制作し、コーポレートサイトとの差別化を図る
・アニメーションや動きを取り入れ、ユーザーに印象を残すサイトを目指す
製作期間
サイト作成:1ヶ月
URL
制作に関するエピソード
「Wordpress 使用しながら初めて完全オリジナルページを作成」
WordPress上で初めて完全オリジナルのページを一からコーディングして制作しました。
テーマに依存せず、HTML/CSS/PHP/JavaScriptを組み合わせて開発。GitHubやFTPを使ったバージョン管理やアップロードも経験しました。
「自分好みのサイトをWordPressを使って作りたい」という方に対応できるスキルを磨けたと思います。
「CSSが反映されないなどの問題勃発」
制作過程では、CSSが効かない、テーマのCSSが干渉する、表示が崩れるといった数多くのトラブルに直面。
問題解決のために試行錯誤を繰り返し、実践的な学びを得ることができました。
「アニメーションのこだわり」
特にこだわったのはアニメーション表現です。
・ファーストビューやメッセージ部分の動き
・社員紹介セクションのスタッキングアニメーション
・パララックス効果やGSAPを用いた画像拡大アニメーション
これらを実装し、静的なページではなく動きがあることで印象に残る採用サイトを目指しました。
実際の案件でも「オリジナルページを作りたい」「動きを取り入れたデザインが欲しい」といった要望に対応できるレベルに成長できたと感じています。