制作のキッカケ
前に制作したレストランのサイトとは全く違うジャンルのサイトを作ろうと思い、士業、病院、学校などのサイトを作ろうと決めました。一方、Web制作会社でいつか務めたいと思っていましたので、企業研究を兼ねてWeb制作会社のサイトを自分で作ってみようと思いました。
苦労したところ
Web制作会社には色々な種類があり、どれを参考にして作るといいのかが難しかったです。コンサルティングを強みとする会社、デザインと立ち上げを行う会社など、多岐に渡ります。
作業工程
1.サイト全体の構成を考える
他のWebサイト制作会社のホームページを調べて、グローバルナビに必要なページなどを考えた。この段階では、トップページ以外のページのデザインやコンテンツは深く考えていませんでした。
2.トップページのデザインを作る
トップページに必要なコンテンツを他のサイトで調べ、Webサイト制作会社らしい仕事が見えてくる見た目にする。仕事内容のところは、余少し写真と文章の位置をずらして、視覚的に楽しめるレイアウトにしました。
3.コーディングする
HTMLとCSS でサイトの見た目を作り、jQueryでアニメーションを入れました。C S Sで見た目を作っていく際、仕事内容の背景など、要素同士が重なり合うコンテンツをコーディングするのに時間かかりました。また、今回は１からハンバーガーボタンを作りました。
4.WordPress化する
ローカルにWordPressをダウンロードし、その中に自分で作ったファイルを入れました。WordPressでファイルを管理するようになったタイミングで、トップページ以外のページを製作し、カスタム投稿タイプを増やして、「お知らせ」「実績」の投稿記事を作りました。また、ページによってヘッダー画像を変えるプログラムや、お問い合わせフォームを作るプラグインなども入れました。