大都のコーポレートサイトをリニューアル。

どうも・・
お久しぶりのボク・ブロキです。

前回「ブログ移転します」ブログから少し遅くなりましたが・・
ようやく移転が完了して、
昨日ジャーニーが書いてくれて再開できるようになりました。

2014年10月からオンラインショップにてはじめたこのブログ・・
今までいろんなスタッフが書いてくれたりしたその重みが
移転完了までの時間に現れてましたね・・　笑

加えて、
この大都のコーポレートサイトもリニューアルしました。

見た目のデザイン的な良し悪しなんて後からどうにでもなるんで
とりあえず公開日までにやらなければいけないこととしては

・他のスタッフが更新できるようにする
・コンテンツの出し分けができるようにする
・スマホ対応させる
・デバイス（PCやスマホ）に依存するようなことはしない

ということでしたかね。
それぞれの項目を簡単に説明しようかと思います。

他のスタッフが更新できるようにする

以前のサイトは2013年ごろに制作・公開していて
いろんな情報をリアルタイムに発信できないもどかしさなどがあって
まずそこを解消しようと・・

当時は情報の更新があったとして
簡単にすぐ更新できる構造にもなっておらず
ボクのほうで幾度時間とって更新業務をしていたのですがどうも無理があるなと・・

なので専門的な用語になりますが
全ページwordpressに切り替え、他のスタッフでも更新できるようにしました・・
といっても投稿や記事ページのみですけど。

▲ ズッキーが更新しているスタッフ紹介コンテンツ

スタッフによって更新の仕方が違ったりするので
こちらで決めたルールの中である程度の自由度は保つような・・
そのためにもキッチリとつくらないようにしました。
今となっては当たり前のサイト構造ですね。

コンテンツの出し分けができるようにする

サイトをwordpress化させたことで
投稿ページを出し分けすることができるようになります。

▲ TOPページに露出させたスタッフ紹介

例えば
TOPページ下部にある「スタッフ紹介」や「スタッフブログ」領域ですが
コンテンツが更新されると、自動的にここも情報が更新されるようにしました。

前までは出すこともできなかったですし
そうなるとサイト自体が更新されているように見えなくて
いわば「死んだサイト」でしたからね・・

日々最新情報が更新されるサイトとでは雲泥の差ですよね。
このようにしてTOPページは採用情報ページなど
あらゆるページにコンテンツを露出・自動更新できるようになりました。

スマホ対応させる

今や当たり前のスマホ対応サイトですが・・
ようやく今回のリニューアルでレスポンシブを採用しました。

自慢じゃないですけど
弊社のサイト、最近までスマホ対応されてませんでしたからね！

最近スタッフのズッキーが知り合いに旧サイト見せたところ
「スマホ対応されてないからダメだね！」と言われたとか・・
ホンマすいませんって感じで・・
いや、そんなもんわかっとんねんって感じですけど。

これからの時代スマホが～みたいな
そんなことはここでは言いません。

デバイス（PCやスマホ）に依存するようなことはしない

これも今のサイト制作ではすごく大事なことですね・・

PCでしか見れないとか
スマホで見ると画像が粗くなるとか
そういうものは極力排除しようと。

なので画像のほうがもちろん見映えもよくなるんですが
画像テキストをほぼほぼ使わないようにしました。
画像の上に乗っているテキストはほぼwebテキストです。

▲ ページタイトルはすべてwebテキスト

そのほうがPCでも見てもスマホで見ても
ストレスなくくっきりと表示されます。

ロゴなどのファイルはwebテキスト使うわけにはいかないですが
ここも少し専門的ですがsvgファイルに変換して使用することで
環境に依存することなく表示されるようになります。

▲ svgファイルを使用することでロゴもくっきり

もう以前みたいに
「画像としてガッチリデザイン！」みたいなことは
する必要まったくありません。

以上の点を踏まえつつ
新しいビジョンやビジョンに沿った画像選択、
働いている人をどう見せるかなど
各ページ様々な要素を考慮して制作したというサイトになりました。

最後に

せっかくなので今回は当サイトのリニューアルのことを書いてみました。

昨今のweb制作の技術面では当たり前のことを
当たり前にやったという、そんな感じです・・

当ブログはこれからもコーポレートサイトで更新していくと思うので
よろしくお願いします。

それではまた次回・・
ボク・ブロキでした。