デザイン

サイトリニューアルしました!-デザイン部がやったことパート①-

アイキャッチ

こんにちは、デザイン部のUです。

あっという間に1年が終わろうとしていますね?

今年はありがたいことに色々なお仕事にチャレンジさせていただきました。

自社サイトの改修はもちろん、新規サイトオープンや他社サイトの作成などなど、多岐に渡る案件があり、かなり目まぐるしい毎日が続いたように思います。

そんな中でも、今見ているこちらのページに関わるお仕事が2つありました!

まずはジオログの新規オープン!

弊社に興味を持っていただいた皆様に、もっと弊社を知ってほしい・社員の様子を見ていただいて、親しみを持ってほしいという思いから今夏に稼働し始めたジオログも、既に30件を超える投稿がされました!

過去の記事もぜひ読んでみてくださいね!

そして2つ目は、ジオンコーポレートサイトのサイトリニューアルです!

以前のサイトは情報量が少なく、何をやっている会社なのかわかりにくい…という声が社内で挙げられていました。

そこで今回、もっと弊社を知ってもらうため、ボリュームアップをしてリニューアルしよう!ということになりました。

案件スタートが11月初めで、完成が12月中旬なので、1か月半かかりました!

(合間に通常業務や急ぎの案件が来たので、実際はそこまでかかっていません。自社案件はどうしても後回しにしがち・されがちですね…?)

今回のリニューアルで一番大変だったのはメインビジュアルの動画作成です…。

動画に関しては知識ゼロ経験ゼロのずぶの素人だったので、動画に2週間くらいかけたのではないでしょうか…。

しかし今回は、カンプの前に提出するサイトの骨組み・ワイヤーフレームのお話です!

こちらが最初に提出した初稿のワイヤーフレームです。

置くものを並べただけで、今回は自社案件の初稿ということでマージンや大きさは適当です…!

ワイヤーフレーム初稿

こちらには以下の指摘がきました!

・インタビューを入れたい

・ジオログの最新記事もっと多く

・ニュースは下でOK

・ジオログの人気記事を入れたい

細かいことはもう少しあるのですが、大まかな修正指示はこのような感じです。

ワイヤーフレーム2稿

上記修正指示をもとに修正したワイヤーフレームがこちらです。

だいぶ内容が多くなりました!

これが色々こねくり回してこうなります。

完成~

まだできていない画像は突貫で作ってああなりました!

コーディングはレスポンシブ対応含めて全8ページで、4日間くらいです。

割と急ぎましたね…!なのでちょっとカンプどおりではないところもあるかもしれません…(笑)

ピクセルパーフェクトできるようになりたいですね。

カンプとの差異が気になる方は、ぜひトップページで確認してみてください。

わたしたちと一緒にこんな仕事をしたい!と思ったら求人ページへ!?

文:デザイン部U