株式会社TETOTE 採用サイト

WordPress化の案件の事例です。
デザインカンプ（Figma）より、WordPressサイトの構築を行いました。

担当範囲

• WordPress化
• HTML/CSSコーディング

制作のポイント

デザインに忠実であるのはもちろん、
デザインの意図が、実際の利用者へと正しく伝わり、できる限り気持ちよく使って貰えるよう、心掛けて作っています。

トップページ

横スクロールは、slick.js を使って実装しました。
2箇所ありますが、それぞれ設定を変えて使っています。
ユーザーの操作の有無や、PC時・スマホ時それぞれの使用感に合うよう工夫してUIを切り替えています。

社員紹介ページ

社員紹介ページは、WordPressの「カスタム投稿」として作成しました。
これにより、運用時にはクライアント様ご自身での、社員の追加や、文章の更新などが可能になっています。

ページの主に上半分は、定型化しています。
具体的には「メッセージ」「職種」「名前」「入社年度」「プロフィール」などの主要項目を、専用の入力欄（カスタムフィールド）から入力する形にしました。

一方で下半分は、ブログのように自由に記載できるようにしました。
PC時には記載内容に沿った目次も出現。
この目次は追従する形で常に右側サイドバーに表示されます。
クリックで該当部分へのスクロールする機能や、
スクロールに応じて色の濃い部分が変化することで、今見ている部分が分かるようにしました。

その他のページ

採用ブログは、WordPressのデフォルト投稿機能を使っています。

エントリーページは、ContactForm7を使って実装しました。

また、FAQページの、アンサー側のテキストは Chat GPT を使って生成してみました。