依頼内容
秋田県・岩手県・宮城県を拠点に、総合物流サービスを始めとして、倉庫業務、引越サービス、産業廃棄物処理など、多岐にわたる物流サービスを提供されているヨコウン株式会社様より、コーポレートサイトリニューアルをご依頼いただきました。
地域密着型の企業として、秋田県内外の企業や個人に対して、輸送・物流のソリューションを展開し、信頼性の高いサービスを提供することはもちろん、環境保全や地域社会への貢献にも積極的に取り組まれております。
今回のリニューアルでは
・最近のサービス範囲の広さや活動内容を訴求
・前回のサイトリニューアルから10年以上経っているため情報とデザインの刷新を行う
・今回のリニューアルを機に新たな業務範囲の拡大と採用強化を目指す
のご要望をいただきました。
WF検討／作成
まずは旧サイトの全体のページ数や構成を確認しましたが、ページ数は大きく変更せず、社内で今後も更新・運用していけるようWordPressを取り入れる前提で構成を再設計しました。
＜ワイヤーフレームの構成＞
特に「サービス」「活動内容」の構成をメインに検討しました。
「サービス」では多岐に渡る複数のサービスを大きく4つの事業に分け、その事業の中で各サービスページへの導線を置く構成にしました。
「活動内容」では大きく品質管理、社会貢献、環境の3つに活動内容を分け、各ページで取り組みを紹介することとしました。
どちらも1つの情報を求めてアクセスしたユーザーにヨコウン株式会社様であらゆるサービスの対応が可能なこと、あらゆる活動をされていることを認知していただくことを狙いました。
また、今回大きく内容を拡張した「採用情報」ページでは実際の会社の様子や社員の方のリアルな声を求職者の方へアピールできるよう、写真を多く、社員インタビューのコンテンツを厚めに検討しました。
＜コミュニケーション＞
弊社社内での導線検討や、クライアント様とのご相談時にMiroというホワイトボードツールを活用し、よりタイムリーにやり取りを行いました。
ラフ作成〜トンマナ設計
ラフ提案では、歴史ある企業としての信頼感を保ちながら、先進性を取り入れたトーンのデザインを提案いたしました。
「インパクトのあるファーストビューを」というご要望にお応えし、画面全体を覆う写真スライドのキービジュアルを採用しています。キービジュアルだけでなく、トップページ全体を通して写真を大きく表示することで、サイト訪問者に感覚的に事業内容やコンテンツを理解していただけるよう工夫しました。
色はコーポレートカラーである濃いブルーを基調とし、爽やかさと信頼感を両立させています。また、背景部分の角丸デザインはロゴの形からインスパイアされたものです。
採用サイトについては、赤を基調としたより情熱的なデザインを想定していたため、トップページ内の導線でも赤色を用いて視認性を高めました。
また、フォントとカラーを変えたバリエーションも併せて検討し、提案させていただきました。
デザイン作成
本サイトは下層ページ数と掲載コンテンツのボリュームが多いため、全体のデザインに統一感を持たせるために、共通のデザインフォーマットを活用しました。これにより、ブランドイメージとトーンを一貫して表現しつつ、ユーザーにとって使いやすく、閲覧しやすいデザインを実現しました。
さらに、新規で撮影した写真・クライアント様よりご提供いただいた写真素材を多く掲載することで、事業内容をより明確に伝えることを意識しました。
採用ページでは、従業員の方々をメインにした写真や手書き風のタイトル文字を印象的に使うことで、より感情に響く、メッセージ性の強いビジュアルを追求しています。
またモーション演出を多く取り入れることで、印象に残るデザインを目指しました。
イラスト作成
リニューアル後のサイトデザインに馴染むよう、事業内容の説明イラストを刷新しました。既存のイラストの内容を元に、色数を少なくしつつシンプルな線で分かりやすく見やすいデザインに仕上げました。
採用ページでは、新たに福利厚生やイベントを表すアイコンイラストなどを制作しました。細めの線で細部まで描くことで、デザインのアクセントとなりながらも視覚的にわかりやすく伝わる仕上がりにしています。
実装
＜CMSを用いたコンテンツの更新＞
・WordPressの導入
WordPressを導入し、クライアント様が容易にコンテンツを更新し運用できるようにしました。
＜各ページの機能＞
多くのページで WordPressを導入し、今後クライアント様の社内体制などの変化によってタイムリーに更新できるような構成としました。
代表的なコンテンツは以下の通りです。
拠点一覧…営業所の追加や情報の更新を行える仕組みにしました。
スペシャルコンテンツ…クライアント様で作成した動画を随時埋め込みできる仕組みにしました。
最新の倉庫状況…倉庫の空き状況を○×△の視覚的にすぐわかるアイコンでの表示とし、随時更新できる構成としました。
社員インタビュー…社員様の追加/編集などの基本的な操作に加え、インタビュー項目の増減や写真なども容易に編集が行える仕組みとしました。
ヨコウン株式会社 コーポレートサイト
