日本美装ホームページ改修

2022-2-24

確認サイトにおいて、機能を追加しました。指示書にあったページの構成の骨子は完成となります。

変更点

1. お問合せページで入力フォームをメール転送可能としました。
2. お問合せページで送信前入力確認を追加しました。
3. お問合せページで郵便番号から、住所の一部を自動入力するようにしました。
4. 事業所一覧のページの表現を罫線付きに変更しました。
5. 事業所一覧のページでスマートフォン対応を行いました。

お問合せページで入力フォームをメール転送可能

お問合せページの送信ボタンでメール転送が可能となっております。確認用サイトでは弊社のメールボックスに転送されるようになっております。本番サイトに移行した時には、御社指示のメールボックスに転送するようにします。

お問合せページで送信前入力確認

図示のボタンをクリックすると、送信前確認ができます。

お問合せページで郵便番号から、住所の一部を自動入力

図示の部分を入力すると、都道府県、市区町村、番地の一部が自動入力されます。

事業所一覧のページの表現を罫線付き

図示のとおり、事業所一覧を罫線つき表現としました。

事業所一覧のページのスマートフォン対応

事業所一覧のページは情報が横方向に長いので、幅の狭いスマートフォンで、右端の情報を確認するために、煩雑な操作になりがちです。

全ての情報が縦方向に展開するようにしました。

2022-2-15

確認用サイトを作成しました。色は、現行ホームページの色を基本に展開しています。

各種ブラウザの表示

スマートフォン

PCのブラウザ表示

使用可能ブラウザ

1. Microsoft Edge
2. Google Chrome
3. Fire Fox
4. Safari

Microsoft IEの扱い

Microsoft IE(インターネットエクスプローラー)は使用できません。このブラウザは2022年6月にサポートが終了します。リニューアルが行われた場合は、IEを使用しているユーザーは、Edgeに自動的に切り替わるようMicrosoftにサイトの申請を行う予定です。

完了としている事項

1. トップページ上部のエフェクト処理
   1. 会社名の背後に画像をじわじわ表示させる。
   2. 画像の切り替えにエフェクトを与える。
2. トップページ最上段の日本美装株式会社のバナー表示
3. 各種ページでのサイトナビゲーション機構
   1. メニューバーの形式で、階層が深いものは、クリックするとサブメニューが出ます。
   2. スマートフォンなどの小さい画面では、一階層目は”ナビゲーション”という項目のみとし、タップするとメニューが展開するようにしています。
   3. 表示項目は、ページがあれば変更可能です。
4. 会社案内の機構
   1. ある程度画面が大きい環境では、ページ内でポップアップのダイアログが表示され、pdfが表示されます。
   2. 指示は、矢印でページをめくる形式とありましたが、対応しておりません。理由は、日本で使われるブラウザはpdfをブラウザで表示する機能がついているためです。ほとんどの方はブラウザでpdfの操作を使いなれているので、新しい操作は不便を感じるとの考えからです。
5. 各ページのフッター
   1. 各ページには、フッターが表示されます。
   2. 表示項目は、変更可能です。
6. 指示がありましたページの大枠
   1. 表現方法については未完です。
      1. テーブルの罫線、カラムの調整
      2. ページ内でのタイトルなどの行間
7. パート・中途採用ページの機構
   1. パート・中途採用の募集項目の一覧を表示するようにしています。
   2. 募集項目をクリックすると、各募集項目のページが表示されます。
   3. 各募集項目ごとに、自由にページを作成することができます。定型の書式がきまれば、テンプレート化して、空白を埋める様に作ってもよいと思います。

未完の事項

1. お問合せフォームの処理
   1. 郵便番号検索
      1. 郵便番号欄を入力すると県、市区町村まで自動入力します。
   2. 送信処理
      1. 御社より指示いただきますメールアドレスに入力内容を送信します。
   3. 送信内容確認
2. 新卒、パート・従業員募集ページから問い合わせページへのリンク
   1. 打ち合わせした事項ではありません。参考にと指示いただきました。サイオーのページでは、募集項目から入力フォームへの誘導がありました。
3. ページ内の文書
   1. 指示いただければ、差し替えします。
4. 各ページの画像
   1. 各種ページにヘッダ画像を表示したほうが見映えすると思います。既存ページの画像をそのまま流用させていただいておりまして、文字が重なってしまっています。画像用意いただけば、差し替えいたします。
   2. 中途・採用ページで使っているような画像でよいのであれば、弊社でも用意できるものもあります。
5. 各ページのレイアウト
   1. テーブルの罫線などの表示方法
   2. タイトルなどの大きさ、行間調整

相談事項

1. 現行ページにあってリニューアル後になくなるページの扱い
   1. 基本コンセプト
   2. プライバシーマークへのリンク
2. 現行ページでのページ内の画像でなくなる部分の扱い
   1. 事業案内ページの画像をクリックでのページ内ジャンプ
3. 新卒ページの内容を御社の要件として指示ください。
4. 中途・パートページについて要件に合致しているか確認ください。
5. 日本美装アイコンについて、変えてしまっていますが問題ないでしょうか？
6. 事業所一覧に誤りがないか確認願います。
   1. 北海道、関西四国の事業所がサービス網一覧にはなかったとおもいますが、問題ないでしょうか？
7. 日本美装についての内容について確認願います。
   1. 日本美装の歴史が創業のみの記載になっています。どのようなものを追加するればよいでしょうか？
   2. 資格保有者一覧が空白です。当該情報は現行ページにありますでしょうか？

事業案内ページの画像