Webサイト制作 | スタンドウィズシリアジャパン Webページ追加

実働時間：約１週間

担当範囲：ヒアリング、設計、デザイン、コーディング、実装

案件概要

既存のWordPressサイトに、以下の2ページの追加と、それに伴うメニューバーの修正をご依頼いただきました。

・「団体情報」画面
・「個人情報保護方針」画面

設計・デザインのご提案

発注者様との打ち合わせ・ヒアリングのうえ、下記の提案をさせていただきました。

ページデザイン

既存のページのデザインをなるべく踏襲し、追加しても馴染むデザインにすべきと考えたため、既存ページのトンマナ（色・余白・線の太さなど）を適用しました。

（テーブルの表示も、別ページにあったレイアウト・配色をそのまま適用。）

メニューバー改修案は2種類提案

PCのフッター、SPのハンバーガーメニューの修正をするにあたり、それぞれデザインを２案ずつ提案しました。

・PCフッター

修正前は、SNSアイコンも含めすべて横並びの状態になっており、ページを単純に追加するのは不可能だったため、ページの優先順位を考えて再構成を試みました。
案②では、ロゴマークを入れたバージョンを提案しました。

↓修正前

↓修正案

（いずれも、「特定商取引法に基づく表記」と「個人情報保護」ページを別階層とみなし、段を下げた形。）

・SPハンバーガーメニュー

こちらも、修正前は単純にすべての要素が等しく縦並びでした。
小さなスマートフォンでは、縦に並べると入りきらなくなりそうだったため、PCフッターのメニュー構成に揃えて、参照数の少ないページを小さく表記する形を提案しました。

↓修正前

↓修正後

最終的には発注者様にお選びいただき、いずれも案①を採用としました。

コーディング・実装

開発環境の構築・コーディング・サーバーへのリリースもすべて実施しました。

使用ツール

環境構築：local by flywheel

コードエディター：Visual Studio Code

FTP転送：FileZilla

特に気を付けた点

・ネーミングルールの踏襲
既存サイトのコードのクラス命名規則を守り、後々誰でも編集できるように配慮しました。

・ファイルのバックアップ
当たり前ですが、既存ファイルのバックアップを最初に取得し、フォールバック手順も確認してからリリース作業を実施しました。

所感

初めての実務案件でしたが、メンターのお力を借りながら、スピーディかつ確実に案件を遂行でき、発注者様にもご満足いただけました。

自分が勉強した知識がきちんと人の役に立ち、大変嬉しい経験でした。

今後も、初案件達成後の気持ちを忘れずに邁進する所存です。