制作概要

その名の通り、教習所向けに求人情報の掲載サービスを提供しているサイト「教習所求人ナビ」にコンテンツページを新たに設置をしたいとのご依頼でした。

通常コンテンツページの場合、コンテンツを定期的に追加していくため、更新するためのシステムCMSを導入するのですが、今回の場合は親サイトの「教習所求人ナビ」がASPサービスを利用しているため、CMSの導入ができません。
そのため、今回はPHPなど更新のためのプログラムを含まない、静的なHTMLサイトでの公開が必須となりました。

PC、スマホ、タブレットでの閲覧に対応したレスポンシブWebデザインで制作しています。

いただいたご要望

コンテンツページとしての読みやすさをご要望として伺いました。
デザインに関しては、教習所求人ナビの雰囲気を残して欲しいとのことでした。

制作上で心がけていた点

静的ページを制作するのだけど、作業の工数は少なくしたい

今回のご依頼で静的ページでの納品が条件になっていることが制作する上では一番気がかりでした。

先に書いた通り、通常はコンテンツ部分の更新がメインになるので、CMSを導入してメニューや記事の一覧などは記事が追加されると勝手にに追加された記事が反映される・・・というように、記事部分以外の作業はなるべく自動化します。

そうすることで工数が減るため、原稿をいただいてから記事ページのテストアップでクライアントにご確認いただくまでの時間が短縮できます。

静的なページは最終的に納品するのだけど、その前の制作段階はCMSを導入したように作業工数を減らしたい・・・。

工数を減らすために、Wordpressと静的ページを書き出すプラグインを導入

「CMSを導入したように作業工数を減らしたい」、これを実現するためにWordpressと静的ページを書き出すプラグイン「Simply Static」を導入することにしました。

詳しく言うと、これらを自分のPCにインストールしてCMS上で記事の投稿を行い、「Simply Static」を使うことで静的ページを書き出して、サーバーにアップロードしてもらうと言うやり方を今回はとりました。
これで更新時の工数を抑えることができます。

PC版レイアウト

SP版レイアウト