コーポレートサイトをリニューアルしました。Vol.1

2024-05-28

レポート

デスクの引き出しの中にたくさんのお菓子を隠しているyuiです。会社の近くに駄菓子屋さんがあるので、なくなってきたらお店に行ってちょこちょこ買い足しています。ちなみに推しのお菓子はヤングドーナツです。

さてさて、あんどぷらすではなんと！6年ぶりにコーポレートサイトをリニューアルしました！

長い年月を越えてついに実現したリニューアル。ということで、サイトの紹介はもちろんのこと、サイトリニューアルに込めたあんどぷらすの想いや制作における秘話まで、こちらの記事を通じてみなさまにお届けできればと思っています。

Vol.1とVol.2のふたつの記事に分けて公開をしていますので、ぜひ併せてご覧いただけたら嬉しいです。

リニューアルのきっかけ

今までのコーポレートサイトは黄色とひよこがドーンと目にはいる超インパクトのあるサイトでした。印象的で記憶に残る…ゆれるひよこちゃんが可愛らしい…そんな嬉しいお声をいただくこともしばしば。

では、なぜ今回コーポレートサイトをリニューアルすることになったのでしょうか？

イメージのずれ

リニューアルのきっかけのひとつは、サイトのイメージとオフィスのイメージがずれてしまっていることでした。
あんどぷらすはオフィスを何度か移転しているのですが、なんと旧サイトを制作したのはかつての中央ビル時代よりさらに遡った芝田ビル時代。オフィスの内装も現在とはまったく違います。

工場をコンセプトにしたコンクリートが打ちっぱなしのスタイリッシュな現在のオフィスでは、ポップなサイトを見たうえで実際に足を運んでくださった方々から驚きの声をいただくこともよくありました。

また、あんどぷらすのメンバーが手掛けているのは、ポップで可愛らしいサイトだけではありません。だからこそ、オフィスのイメージに合わせてコーポレートサイトもよりスタイリッシュにしたい、そして私たちが手掛けてきたさまざまなサイトを見てほしい。そんな思いを胸に、サイトのリニューアル計画が進んでいきました。

いつの間にか複雑になっていたサイト

きっかけはひとつだけではありません。至るところにちらほらと。なかでも「情報整理」は旧サイトの大きな課題でした。長い期間、会社とともに歩んできたサイト。新たなサービスをはじめたり、新たに紹介したいことができたタイミングで、情報を継ぎ足してを何度も繰り返してきました。気づいたときにはサイトはたくさんの情報で溢れ、なんだか複雑に。

サイトマップを見てみると弊社が認定パートナーになっているZohoについて紹介する部分はさらに深い層にいくつものページが展開されています。どれもZohoのサービスを詳しく知ることができるページなのですが、ページ内のリンクをクリックするとさらに違うページが開いたり、サイトの中で迷子になってしまいそうなほど。

また、弊社が運営しているさまざまなサービスなど、外部サイトに遷移するコンテンツはフッター部分にまとめられていました。しかし、サイト内のあらゆるところにもアクセスするためのリンクが分散。いろんなページから弊社のサービスにアクセスしていただけるものの、気づいたら外部サイトに遷移しているということが起こるため、そのページで伝えたいことが届きにくいサイトになってしまっていました。（上の図では外部サイトをピンク色で示しています）

数年越しのサイトリニューアル計画

2024年ついに実現したコーポレートサイトのリニューアルですが、なんと実は…数年前から企画していたものでした。しかし、クライアントさんの案件を進めてくなかでなかなか自社のコンテンツまで手が回らなかったり、誰が進めていくのか問題から自然と企画が消えていってしまったり…と何度も頓挫。

中小企業にとって、大きな変革をはじめるためには大きな労力が必要になるので、変革自体がむずかしいのではないかと感じるかもしれません。しかし、1歩を頑張って踏み出せばその勢いにのって進んでいくことができるはず。そう、その1歩目が大切。

あんどぷらすでは「このままではあかん！」ということで、2023年の2月から定期的に会議を実施するという1歩を踏み出すことにしました。何から手をつけたらいいかわからないけれど、とにかくまずは話をする。そして少しずつでもいいから進めていく。

これにて、あんどぷらすのサイトリニューアル計画は本格的にリスタートしました。

ビジョンの更新

そのタイミングで本格的にリスタートしたのには、もうひとつ理由があります。それは、2023年の1月にあんどぷらすではビジョンを更新したということ。いつのまに…？と思われたかたもいらっしゃるかもしれません。どうやって公にしようか悩んでいたらいつの間にかお伝えするタイミングを見事に逃してしまいました。

あんどぷらすが新たに掲げたビジョンはこちら。

今までのビジョンは「Webクリエイターを憧れの職業に」でしたが、近年は “なりたい職業ランキング” でITエンジニアやプログラマー・イラストレーターが上位になるほど、Webクリエイターに憧れをもってくれている人は増えてきています。そこであんどぷらすでは、次なるステップとしてどんな場所に向かって進んでいきたいのかを見つめ直し、新たなビジョンを掲げました。

「本物」というのは、見せかけではなく実質を備えていること。ここには、自らの技術に満足をせずに常に自分自身と誠実に向き合って、人も技術もノウハウも磨いていこうという想いが込められています。

今回のリニューアルを機に、サイトにおいても自分たちが目指す先をきちんと伝えたい。クライアントの皆さんはもちろん、あんどぷらすにお仕事の依頼をしようか迷っている方やあんどぷらすで働きたいと思っている方にも私たちの在り方を知っていただきたい。そんな背景もあり、このタイミングでリニューアルへの大きな1歩を踏み出すことにしました。

いざ、リニューアルへ

ということで本格的にはじまったリニューアル。公開までのさまざまなできごとや打ち合わせの様子を事細かにお伝えしたい…けれど、きっとすべてを記事にしたらVol.10あっても足りないくらい。そのため今回は記事にしたい気持ちをグッとこらえて、特にお伝えしたい内容をピックアップして綴っていきたいと思います。

リニューアルの流れ

新しいサイトの公開までは、クライアント案件と同様の以下の流れで進んでいきます。ここでは分かりやすいように順序立てて記載しているのですが、実際はワイヤーがある程度決まった段階で「どんなサイトの構築方法で制作しようか」「どんな機能を追加しようか」などなど、エンジニアチームが調査を進めてくれています。それぞれの段階でオーバーラップしながら進めているイメージがわかりやすいかもしれません。

制作メンバー

今回のリニューアルのデザインと実装を担当したのは、こちらのふたり。

とはいえ社内のコンテンツということで、そのほかのあんどぷらすメンバーもあらゆるところで携わっています。在り方について見つめ直す段階ではあんどぷらすを長年支えてきてくれているメンバーから意見をもらったり、情報を整理する段階では社歴の浅いメンバーに旧サイトの印象を聞いてみたり。

社内全体としてサイトリニューアルという目標に向かって進んでいきました。

情報整理のむずかしさ

今回1番の肝となったのは、サイトの情報整理でした。旧サイトの膨大な情報から本当に必要なものは何かを見極めるために、何度も話し合いを重ねました。この情報は伝えたいけれど果たしてサイトの中で伝える必要はあるのか？サイトを訪れてくださった人に届けたい情報は何か？あんどぷらすのメンバーとしてはもちろん、ときにはサイトを訪れる人の気持ちになって考えたりもしました。

そして、今回のリニューアルで取り組んだのは情報の取捨選択だけではありません。「これからのあんどぷらすはどう見られたいのか」を軸に、情報の質についても見直しをしました。どう見られたいかについてイメージを固めるために、「今までのサイト」と「これからのサイト」についてブレインストーミングを実施。

今までのサイトのイメージ

これからのサイトのイメージ

今までのイメージは「黄色」「ポップ」「ひよこ」といった意見が多く挙がっているのに対して、これからのイメージで挙げられたのは「プロ」「かっこいい」「中の人が見える」という意見。時代の変化や会社の成長とともに、ただインパクトを与えるだけではなくてしっかりと自分たちが作ったものを見てもらいたいという気持ちが強くなっていることがわかります。

ブレストの結果をもとに、情報の量と質について相談をしていきます。想いをしっかり届けようと語るとなんだかものすごい量になってしまうし、端的に伝えようとすると伝えたいところが伝わらない。行き詰まって頭をフル回転するあまり、打ち合わせ中に無言の時間が生まれることもたくさんありました。

そんなときに思い出すのは「これからどう見られたいか」という軸。軸をもとにどの情報に重きを置くのか「情報の重みづけ」をすることで、メリハリのあるサイトを目指しました。

決して一路順風な道のりではありませんでしたが、この情報整理としっかり向き合ったからこそ、あんどぷらすの想いをサイトを訪れてくださった方々にしっかりと届けることができるサイトにすることができたのではないかと思います。

進んでいく制作

ようやく情報がまとまってきた段階で、tenさんが作成したワイヤーフレームについて社内でプレゼンをしてくれました。ワイヤーフレームとは設計図のようなもので、サイトのデザインの大枠になるものです。

実は、tenさんがこのタイミングで制作してくれたワイヤーフレームはひとつだけではありません。いくつかの案を提案してくださり、採用となった案はこちら。この時点でだいぶ形になっていることが分かると思います。

せっかくなので惜しくも採用とはならなかった案のワイヤーフレームもちょこっとお見せしたい。こちらは採用となったデザインと比べると、ひと味違う雰囲気を感じることができると思います。

採用とならなかった案。プレゼンの時点でこんなにもたくさんのページのワイヤーフレームを作成してくださっていました。

どの案もとっても素敵で魅力的なデザインだったのですが、あんどぷらすが目指す「本物」をより表現できるのはどのデザインか考え意見をまとめた結果、今回の選択に至りました。

公開に向けて

採用となったデザインをベースに「カンプ」と呼ばれるワイヤーフレームにさらにデザイン要素を加えたものを作成。さらにそのカンプをもとにデザインの実装をしていきます。同時にサイトで使用する写真の用意や掲載する今までの制作実績の準備も。着々と制作が進んでいきます。

迷ったときはみんなで相談。あらゆる場面で社内のさまざまな意見を聞くことができるのはこの規模だからこその強みかもしれません。

いろんなページの「見せ方」についての打ち合わせ。

いつのまにかスタッフみんな集合。手で隠してみたりしながらあれこれ話し合っている様子。

公開の目標までのスケジュールはギリギリ。社内のメンバーみんなで公開に向けてせっせと準備をしました。どうしようというタイミングも多々あったのですが、お互いに助けたり助けてもらったり。あんどぷらすは人数は決して多くはないけれど、それぞれの経験やノウハウを活かすとものすごい強さがあるんだと改めて実感することができた瞬間でした。（本当にたくさん助けてもらいました）

ちなみにこれは実装確認シート。デザインしたカンプが忠実に再現されているか確認したり、機能的に気になる部分がないかをチェックするためのものです。入念なチェックや今後の運用を見据えた意見から、すごい量に。みんなからのコメントすべてを丁寧にチェックしてしっかりと修正してくれたyoseiさんありがとう。

サイト公開

記念すべき2月16日（金）、ついに新たなサイトを公開しました！！！
あんどぷらすコーポレートサイト

何度も打ち合わせを重ね、たくさんの壁を超えて完成したあんどぷらすのニューコーポレートサイト。公開したときには嬉しさと感動で胸がいっぱいになりました。

サイトで表現しているのは「本物」であること。私たちが目指す本物とは、見せかけではなく実質を備えていることです。だからこそ、サイトはシンプルでスムーズに使えるように。本物ゆえの洗練されたサイトを目指しました。

まとめ

Vol.1では、リニューアルに至ったきっかけや公開までの制作の様子についてお届けをしてきました！

ずいぶんと長く後回しになってしまっていた自社のコンテンツ。制作の過程はもちろん、そこに至るまでの道のりも決して平坦ではありませんでした。たくさん遠回りはしたけれど、その道のりも会社の歴史として刻まれていくでしょうし、そこから学んだ多くのことはこれからあんどぷらすが進んでいく先できっと役に立ってくれるはず。

そして、今回のリニューアルについて赤裸々に綴ったこの記事が、同じような悩みを抱えるどこかの企業まで届いてくれたらもっともっと嬉しいなと思っています。私たちの挑戦が、誰かが1歩を踏み出すための背中を押すことができますように。

さてさて、次回の記事では、今回のサイトリニューアルで活躍したデザイナーのtenさんとエンジニアのyoseiさんへのインタビューから制作秘話に迫っていきます。あんどぷらすのメンバーも知らなかった貴重な秘話も出てくるかもしれません。 Vol.1では書ききれなかった新たなサイトのさまざまなこだわりポイントについても詳しくまとめていきますので、ぜひご覧ください！

公開をお楽しみに〜！