WordPressのリニューアル案件をさせて頂きました。
投稿日2022/6/1 8:13:49
更新日2022/8/23 2:27:51
WordPressのリニューアル案件を担当しました。
光輝建設株式会社様よりWPのリニューアルをさせて頂きました。既存のサイトは10年以上前に作成されたもので、デザインにテンプレート感が強く、求人に力を入れたいとのことでした。目標設定からデザインまで担当させて頂きました。打ち合わせから相談まで全てオンラインで完結しました。基本的にLINEグループを使用して、スムーズにお仕事をさせて頂きました!
デザインはシンプルに無駄な要素は排除しました。
デザインで大切したのは建設事業に対するイメージの払拭と、合理的なデザインです。トップページの背景に動画を挿入したり、画像をスライド形式で動かすなどしてモダンなイメージを演出しました。採用にも力を入れたいとのことなので、お仕事の様子などを動画を交えて伝えられるように工夫しました。
サーバーとCSS設計について。
契約していたレンタルサーバーは地元の小さなレンタルサーバー屋で契約していたため、検証環境の作成や移行作業に上手く行きませんでした。管理画面からプラグインをインストール出来なかったり、テスト環境のDBの接続が出来なかったり上手く作業が出来ないことが多かったですが、良い経験をしました。
テーマ作成とは別で、サーバーの移行も行いました。古いサーバーから新しいサーバにデータを移行して、契約はそのままで性能も上がり表示スピードが向上しました。
コーディングはBEMとSCSSを使用しています。
コーディングはBEMとSCSSを使用しています。通常のBEMとは違い、今回は吉本式BEMを採用しました。協力会社で使用しているケースが多く、検証も含めて使用しました。特徴としては-(ハイフンケース)を廃止したり、ブロック名やエレメント要素を固定します。使用した感想はハイフンケースを廃止するので、クラス名を短く書くことが出来る反面、どこの何のクラスにcssを当てているのか分からなくなります。又、ファイル分割も細かいので管理が複雑になりがちです。このあたりは改良が必要です。
制作フローと使用したツール
- Figmaでデザインカンプの作成
- テスト環境でgulp,HTML,CSSのコーディング
- テスト環境でクライアントチェック
- 本番サーバーにアップロード、動作確認
費用とサイト構成
費用
合計25万円(+tax)
内訳
デザイン作成+コーディング(レスポンシブ対応)+その他(画像の作成)
サイト構成
- トップページ
- 投稿ページ
- 採用情報
- 現場作業
- 仕事紹介
- 現場作業
- 施工管理業務
- 仕事紹介
- 会社概要
- アクセス
- お問い合わせ
- ISOについて
- 個人情報保護法