![企業ホームページ制作実績](https://dream-net.org/result/wp-content/uploads/2024/07/top-pc01.png)
- category
- 企業
- コーポレートサイト
- 約3ヶ月
- URL
- https://www.goyo-logitem.co.jp/
ご相談内容
古くなったホームページを一新したいとご相談をいただきました。旧ホームページはデザインも古く、スマートフォン対応もできていない。
掲載している内容についても最新のものに更新したい、運航スケジュールもリアルタイムに更新したいとご要望をいただきました。また、グローバルにビジネスを展開しているため多言語対応の実施、求人面でも力を入れたいとご要望いただきました。
リニューアル前
![リニューアル前](https://dream-net.org/result/wp-content/uploads/2024/07/old.png)
当時の閲覧者の環境に合わせて、ページの横幅も狭く、文字サイズも小さく読みにくい状況でした。通信環境も良くなかったため、写真の画質も下げているため見栄えも悪い状況でした。
トップページリニューアル後
![リニューアル後](https://dream-net.org/result/wp-content/uploads/2024/07/top-pc01.png)
現在の閲覧者のモニターの環境に合わせて、サイトの横幅も広く設定し、文字サイズも読みやすいように大きめに設定しています。また、閲覧者の通信環境も良くなっているため、動画の設置を行うことで、映像でも会社の規模を伝えるように配慮しています。
ホームページのリニューアルについて
海運をメインに国際物流を行っているということが一目で分かるように、メインイメージではコンテナ船の動画を設置しています。また、大規模な新倉庫を竣工したため、倉庫のドローン撮影も行いました。
空撮動画もメインイメージに設置しています。リアルタイムに運航スケジュールが更新できるように、システムを導入し管理画面からカンタンに更新でき仕様に致しました。多言語対応についても配慮して欲しいというご要望に対しては、Google翻訳機能を実装することで英語、中国語への変換を可能にしています。ホームページの文章が綺麗に翻訳されるために、画像でのテキスト化は避け、きれいに翻訳されるようにライターによる文章チェックも行っております。
また、各所に使用している写真については、カメラマンによる撮影も行っています。
採用にも力を入れたいというご要望については、大規模な採用特設サイトを用意するのではなく、1ページで代表挨拶、事業内容の紹介、募集要項、社員インタビューの紹介と、小規模ながら十分に機能するページを用意いたしました。
スマートフォン対応としてはレスポンシブ対応をを実施しています。
- ・デザイン面をはじめ、最新の内容でホームページのリニューアルを行う。
- ・運航状況などカンタンに更新できるようにシステムを導入する。
- ・スマートフォン対応も実施されていないためスマートフォンでもストレスなく閲覧できるようにする
- ・多言語対応を行う
- ・新倉庫のドローン撮影を行う
- ・カメラマンによるイメージ撮影を行う
- ・Google翻訳が機能しやすいようにライターによる文章校正を行う
今回の要望のまとめ
サービス一覧
![事業一覧](https://dream-net.org/result/wp-content/uploads/2024/07/service-list.png)
各事業ページに誘導するための中継ページとなります。サービスに対する全体的なコンセプトを紹介したうえで、各事業詳細ページに誘導する仕様となります。
サービス詳細
![サービス詳細](https://dream-net.org/result/wp-content/uploads/2024/07/service-detail.png)
サービス詳細ページも各事業の内容が伝わりやすいように図を使用しながら、読みやすさに配慮して制作しています。
運航スケジュール一覧
![運航スケジュール一覧](https://dream-net.org/result/wp-content/uploads/2024/07/schedule-list.png)
管理画面からカンタンに更新が行える仕様となります。各路線のスケジュール詳細ページにリンクするボタンと、更新日が表示される仕様となります。
会社案内
![運航スケジュール詳細](https://dream-net.org/result/wp-content/uploads/2024/07/company.png)
上部から代表挨拶、会社概要、会社沿革と1ページで会社のことが一通り紹介できる仕様で制作しています。コーナーが多いため縦に長いぺージとなりますが、上部にページ内ナビゲーションを設置することでユーザービリティ―に配慮しています。
採用情報ページ
![採用ページ](https://dream-net.org/result/wp-content/uploads/2024/07/recruite.png)
1ページで「ご挨拶」「業務内容の紹介」「募集要項」「社員インタビュー」「ギャラリー」「よくある質問」を紹介する仕様となります。縦に長くなりますが上部にページ内ナビゲーションを設置しています。1ページで採用について一通り紹介できる仕様で制作しています。
スマートフォン対応について
スマートフォン対応については、Googleの推奨するレスポンシブ対応を実施しています。
スマートフォン対応の方法としては大きく2つに分かれます。1つ目は、PC版、SP版の2つのホームページを作成し、アクセスした端末を判別しシステムで最適なホームページを表示させる方法です。
もう1つは、ホームページは1つでアクセスした端末の横幅に合わせて、表示されるレイアウトが最適かされるという方法です。
今回は後者の対応を採用しています。メリットとしては、実際に運用するホームページは1つとなるため、管理が簡単になり運用コストを抑えることができます。
PC版をSP版に切り替えると情報量が縦に長くなることになりますが、閲覧者がストレスを感じないように配慮したデザインを心がけています。
![スマートフォンサイトのイメージ](https://dream-net.org/result/wp-content/uploads/2024/07/goyou-sp.png)