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

デザイナー：ten ）入社して1.2ヶ月くらいのときに、サイトリニューアルのデザインを担当する流れになりました。あんどぷらすは情報それぞれの方向性みたいなものは同じだけれど、情報量がとにかく多い。だからこそ、ひとつにまとめる必要がありました。デザイナーとして、ひとつの何かを軸にそこから発展していくようなサイトを目標にして制作しようと思いました。

エンジニア：yosei ）多少のプレッシャーは感じました。Web制作会社が作る自分たちのサイトだからより一層。
自分自身、他のWeb制作会社のサイトを見るときに「どんなものを作っているのかな」と判断する場でもあるので、細かいところまでしっかり作ろうと思いました。

デザイナー：ten ）今回は、ビジョンにもある「本物」をテーマに制作しています。そのうえで「本物＝見せかけではなく実質を備えているもの。本格的なもの。」であることを確認しました。そのため、ごちゃごちゃしたアニメーションや構成ではなくて、シンプルでユーザーがスムーズを感じられることを大切にしました。トップページをスクロールなしにしたのもここからきています。

デザイナー：ten ）実は、もともとサイトリニューアルを担当していたデザイナーさんのデザインや今までのサイトをもとに、もうひとつデザインを作っていました。しかし、情報整理の打ち合わせにてだいぶ情報を削っていったので、そこから今のサイトのデザインをしていきました。はじめに作ったデザインは現在のサイトのベースになっている部分もたくさんあります。

エンジニア：yosei ）第一印象は「しっかりリボーンしてる！」でした（笑）作り替えたのではなく、今のあんどぷらすの中で押さえなければいけないところを押さえていて、すごいなと思いました。制作当初から今のコンセプトの軸が明確になっていたところが、今回のリニューアルをするうえでかなり大きかったです。
実装を考えるうえでは、どのサイトを手掛けるときも実装しにくそうなところはあってもやればできると思っています。なので、カンプをもらったときにはワクワクしましたし、やるぞ〜という気合いが出てきましたね。

エンジニア：yosei ）tenさんのデザインを受けて、グリッドを意識しました。tenさんはどのページもグリッドで分けてデザインしてくれていて、ここまで厳格にデザインをもらったのは初めてでした。Webは幅が変わるからこそ、幅に応じてコンテンツをどのように変化させようか、結構考えます。バラバラとコンテンツがあるデザインについてはその都度調整することが多いけれど、グリッドはルールが決まっているので徹底的に実装することができました。

エンジニア：yosei ）ここでは、文字のサイズもこだわっています。サイトの幅が変わっても文字サイズが固定されているサイトもあるのですが、今回はグリッドの比率に合わせてコンテンツも変化することから、文字のサイズも比率と一緒に変わらなければいけないと考えました。すべてがグリッドの比率をベースにして実装しています。どのサイズになっても変に余白が崩れたりがなくなるので、グリッドいいなと思いました。

エンジニア：yosei ）早い段階から構築するための構成は考えていました。みんなと相談して自分たちにとってより良いものを選べるので、クライアントさんの案件よりも何で作るかは考えやすかったです。やっぱりクライアントさんの案件ではよく知らないものを提案できないし、今回のリニューアルで挑戦してその実用性を確かめることができてよかったなあと思っています。
ただ、エンジニアとしてWordPressのいいところも悪いところも分かるからこそ、ただのWordPressよりも良くするためにはどうしようかなという部分は悩みました。

デザイナー：ten ）ひよこちゃんについて、たくさん悩みましたし社内でもたくさん議論をしました。シンボルだけど、新しいサイトでは少し浮いてしまう。完全に無くすというのは考えてはいなかったのですが、サイトデザインに干渉しないためにはどういう感じでどこに入れようか悩みました。
結果的に「あ、ここいけそう！」という感じでCOMAPNYのページにうっすらと登場させることにしました。実は、エラーページにもサプライズで登場させているんですよ。

デザイナー：ten ）本当にいろんなところで悩みました。まず1番修正をしているのはフッターです。住所などの情報や外部サイト・プライバシーポリシーなど、それぞれ関連がない情報をどうやってまとめようか、やっぱりさまざまな場所に分散させるよりもフッターに全てを集約したい…と試行錯誤を重ねました。
SNSのアイコンも実は悩んだ部分です。最初はアイコンを表示しようとデザインしていましたが、アルファベット表示のほうが落ち着いて見えるのではないか、と変更をしました。TwitterからXに変わったことで、配置のバランスも良くなった気がします（笑）

デザイナー：ten ）実績のレイアウトもかなり相談を重ねています。今回サイト自体をグリッドベースでデザインしているのですが、2つのブロックと1つのブロックに分けてサムネイルを表示できるか、エンジニアのかたにも相談した上でデザインを決めました。

デザイナー：ten ）実績ひとつひとつを紹介する詳細ページでは、PCやスマートフォンなどのさまざまなサイズのスクリーンショットをどのようにまとめるかを悩みました。

デザイナー：ten ）そこで、複数のスクリーンショットを1枚の画像にまとめることに。それぞれの画像の左右の余白を揃えることで、統一感のある実績ページにすることができました。ちなみに、こちらもグリッドをベースにデザインをしています。

エンジニア：yosei ）デザイン的にOKかどうか、自分の解像度ではなくてデザイナーさんの解像度でチェックしてもらえるのは本当にありがたいです。
特に大変だったところはフッター周りで、同時にこだわりもたくさん詰まっています。背景も変わるしロゴも動く。サイドのメニューも動く。アニメーションが意外とたくさん動くんですよね。シンプルなのがおもしろいこのサイドのメニュー、ありそうだけれどあまりみたことない気がします。やっぱりサイトは見た目がカッコ良くても使いやすくないといけないので、よくできてるなあと思いました。tenさんの意図通り動かすことができるように頑張りました。

エンジニア：yosei ）わからない部分はその都度相談しながら実装をしていきました。アニメーションはニュアンスが大切で、数秒ちょっとずれるだけでも印象が変わってしまいます。なので、デザイナーさんにみてもらうのが、1番だと考えています。

エンジニア：yosei ）やっぱり「便利になった！」って思ってもらったら嬉しいですよね。だからこそ、エンジニアの視点を捨てて、運営する側が使いやすいことを基準にして制作をしました。これは説明書がなくても分かるUIを作るようなもので、とてもやりがいがありました。

デザイナー：ten ）どこというよりは、実績ページであんどぷらすがどんなものを制作しているかをみていただけることが1番嬉しいです（笑）ただ、個人的にお気に入りはフッターのCONTACT部分のアニメーション。バリアブルフォントの太さの変化がとってもスムーズで気持ちがいいです。まさに今回の制作で目指していたユーザーを困惑させない快適な体験なのではないでしょうか。

エンジニア：yosei ）今までよりもサイトを通してあんどぷらすのことを知ってもらうことができるようになったと思うので、ぜひそこを見ていただきたいです。今回のリニューアルでやるべきだった「あんどぷらすの中を見通せるようなサイトにする」を実現できたなあと思っています。あんどぷらすのことをちょっとしか知らなかった人にも、こんなことをやっているよと伝わったら嬉しいです。

代表：mmochi ）今回のリニューアルは実はかれこれ4年くらい前（2020年春くらい）から内容の検討をしていました。同時にビジョンブックの作成プロジェクトも立ち上がっていて2021年11月を目標にすすめていたんですよね。「誰が担当」と明確に役割分担をせずに全員でプロジェクトを進めようとしていたのです。全員と言っても10人程度。この間、経営陣の中では新たなビジョンを再構築し、ミッション、ビジョン、バリューを固めていました。（バリューは後にKOKOROE:心得となります）ただ、誰かが主体的に動いてリーダーシップを発揮するということもなくゾンビプロジェクト化することに。。
これではいかんと、イチから仕切り直し「REBORNプロジェクト」と命名、推進するメンバーを募りグイグイすすめていくことにしたのが2023年3月のことです。経営陣主導ではないカタチ、推進するメンバーが主導するという理想的なカタチでやっとサイトリニューアルができました。肥大化したサイトの情報を削ぎ落とし必要十分な量に留め「カルチャー」と「制作実績」を伝えることに重点をおいたデザインや構成になりました。技術的にもヘッドレス構成としクライアントワークに展開できるノウハウも蓄積できたと思います。
ビジョンブックも一般的なそれとは一風変わったものになりますがそろそろ完成します。これにてREBORNプロジェクトの第一弾が完了となります。そう。サイトリニューアルは第一弾の最初のアウトプットです。次もその次も控えています。
法人化から12年の会社で4年越し（完結まではまだかかる）のプロジェクトを遂行するなんてかなりの大プロジェクトです。通常業務と並行してこんなプロジェクトをすすめていることにスタッフは自信を持ってほしいし、あんどぷらすの立ち位置をしっかり意識してクライアント企業と向き合ってほしいです。

常務：saya ）私たちにとって自社サイトは大切な販促ツールであり営業マンです。営業職の居ないあんどぷらすでは自社サイトがお仕事を運んでくれると言っても過言ではありません。
Web制作会社なのだからリニューアルなんて簡単だろうと思われるかもしれませんが、技術の問題では無く意識の問題として道のりは過酷でした。通常業務の合間に進めなければならないので、やり遂げた先のイメージができていないと単に仕事が増えて嫌だなぁと感じることもあると思います。
リニューアルの検討が始まってから4年もかかってしまったのは、途中つまづきながら「私たちがどう在りたいか」を見つめ直し、目指す方向の再確認をしていたからでした。とは言え、サイトリニューアルは完了ではなく通過点です。今後も育てて進化させる必要があります。サイト以外のプロジェクトも進行中です。
これからもスタッフと一緒に「自分たちの在り方」を見つめていきたいと思っています。