目次
プロジェクトについて
架空の研修会社「Global Standard」のコーポレートサイトを、FigmaカンプをもとにオリジナルのWordPressテーマで制作しました。トップ・当社について・サービス・導入事例・お知らせ・資料ダウンロード・お問い合わせなど、11ページ分を担当しています。
会社の方が、導入事例やお知らせ、よくある質問を管理画面から更新できることを大切にしました。制作後に受けたレビューの指摘3件と改善の提案2件も、修正して公開しています。
実装と品質のポイント
- オリジナルWordPressテーマとして実装。導入事例はカスタム投稿タイプ（研修コースで分類）、お知らせは通常投稿で、トップには最新の事例6件・お知らせ3件を自動で表示
- よくある質問は8問分の入力欄をカスタムフィールドで用意し、空欄の質問は自動で表示しない作り
- 資料ダウンロードとお問い合わせはContact Form 7で、送信後に完了ページへ移動する導線まで整備
- FLOCSS・BEM、SP-firstのSCSSで実装。カンプはPC 1280px・SP 375pxを基準に再現
- SP版とPC版のカンプで文言が違う箇所を洗い出し、確認したうえで「PC版を正」とする方針で統一。誤字は意図された文言に修正して仕上げ
- レビューの反映では、1920pxで斜めの背景が途切れる点、ボタンのホバー表現、ページ内リンクのスムーススクロールを修正。移動先の見出しが固定ヘッダーに隠れないように調整し、動きを減らす設定の方には自動でスクロールの動きを止める配慮も加えた
- 見出しの日英2行をh2の中にまとめていた構造を、日本語だけをh2にする形へ修正し、見た目は変えずに文書構造を整理
- 375〜1920pxの11画面幅・主要3ページで、横スクロールや表示崩れがないことを確認