クリエイトアコードのウェブサイトリニューアル作業しました

ホームページをリニューアルした経緯

事業用サイトとして公開してからも試行錯誤しながらフリーランス活動を続けていました。
そうすると情報量が多くなってきて分かりにくくなってしまって……。

また、イラストや素材の作成ができないからと、自分で作成した素材のみで作っていたので、文章のみになって正直読んだり見たりするのには支障があるなと感じていたのです。
クライアントのサイトは、提供写真をいただいたり商用利用できるフリー素材を使用しているので問題ないのに、どうして自分のサイトは使ってないのかという葛藤もありました。

事業用サイトでもあり、ポートフォリオサイトでもあるので、他者の作成した要素を入れると良くないのでは？と考えていたからなのですが、今から思うと「非デザイナーである」と言っているのだから気にせず使って良かったと思うのです。

「テーマがバラけてしまっている」「運用に合わせた構造になっていない」状況は良いと思っていないため、いつか時間を取って対応しなければと思っていたところに時間的な余裕が生まれたのが4月中旬以降。タイミング的にちょうど良いと思い、情報整理も兼ねて本格的にリニューアルしようと思いました。

素材を使おうと方針を変更した理由

これからフリーランス仲間になる人と話す機会があり。
夜空きりがプログラマーだとすると相手はデザイナーなのですが、（お互いに職業は若干違う部分もありますが、分かりやすく表現しました）
素材の使用について「パッと見て素材だと分かるじゃない」と言ってみたところ、「一般の人は素材だって分からんよ（要約）」と言われまして。

確かにそうだな？

と思ったので、読むのに辛くならないよう、ある程度視覚的にイメージしやすい素材を使用することに。

今回は「フリーイラスト素材集 ちょうどいいイラスト」のみを使用しました。写真だと海外の人メインだったりして違和感があったので……。ぱくたそもありますが、「や、だって、本人じゃないよね？」と思ったので、今回、写真素材は使わないことにしました。

将来的にモデルに依頼できるくらいに大きくなったら考えます！

統一感を出すために、イラスト素材は1つのサイトのみにしましたが、『同じもの使いまわしになりがち問題』は若干苦労しました。

商用可・フリーイラスト素材集｜ち…

商用可・フリーイラスト素材集｜ちょうどいいイラスト 大体どんなシーンにも使える、シンプルでかわいいフリーイラスト素材をeps・pngで配布中。商用利用可、クレジット表記不要。

Q.どうしたのか？

A.複数のイラスト素材を組み合わせる。（下記画像参照）

パッと見では「この素材もあるのか？」って見えますが、ないです。ご注意ください。
夜空きりが複数の素材を組み合わせて、それっぽく加工しただけです。

夜空きりが作ったイラストは一個も含まれていません。全部、提供されているイラスト素材のみで作っています。

今回のリニューアルのポイント

「情報量の整理」と「画像素材を文章の組み合わせで見やすく・分かりやすく・読みやすく」です。

文章が長くなりがちなのと、情報量が同じところに詰まりがちなのを解消することを最優先にしました。
タイプ的にも長くなりやすいこと、所有スキルと提供サービスが「関連性の低いものが複数ある」状態なので、どうしても、分かりにくくなってしまう傾向にあります。

本当はそれぞれランディングページを作るくらいでも良いのですが、残念ながらサブサービスにそこまでの情報量はありません。
メインサービスに絞ってしまうと、せっかく持っているスキルが死にスキルになってしまう。

このあたりの優先順位が、客観的に見ることでつけることができても、主観的に見ると中々難しいものです。
特に、左脳タイプと右脳タイプで言うところの、左脳タイプだと特に。両方のタイプをいい感じに持っている人、右脳タイプは問題ないと思います。見た目で分かりやすくは対応しやすいので。

SEO対策は左脳タイプでも右脳タイプでも、知識があれば問題なく対応できると思います。
左脳タイプでも見た目で分かりやすくを心がけていれば、ある程度問題なく対応できるはずですが、どうしてもビジュアルに意識が向きづらい……。

ここは、左脳タイプが一人で対応する点でのデメリットと言えると思います。

一人で煮詰まってしまっていて、右脳を動かすきっかけもなく…と行き詰まってしまっていたので、「ざっくりと改善案（ワイヤーフレーム）を送ってもいいですか？」と有り難い申し出に甘えてお願いしてみました。
結果としては、「目立たせるポイントは大きな文字にすること」をはじめとする、ビジュアルや「コンパクトにまとめる」ものはとても参考になりました。そのまま採用した方が使い勝手も良さそうな感じでもありました。

正直に言うと、悔しかったです。

夜空きりには欠けているものなので。

とはいえ、完敗ではありません（勝負ではない）
このあたりは、こちらが持っているノウハウやスキルの話になります。お礼と共に、こちらからも見解については伝えていますが、いただいた改善案はとても良かったので、こちらから伝えた見解を具体的に書くのは控えます。

一緒に組んで仕事をしてみたいなって思ったので、本格的に活動を開始するのを楽しみに待っていようと思います。
クリエイトアコードで仕事を獲得できないと意味がないけど……。お互いに頑張っていけたら良いな。

「お前はプロだろ？」という感想・意見は御尤もなんです。
が、主観的と客観的では異なるし、自分のものを100%客観視することは本当に難しいことだと思います。
可能であれば、「自分のものでも、同じプロの意見を聞いた方が良い」と個人的には思う次第。

ポートフォリオサイトなら、「自己紹介」「スキル」「経験」「ポートフォリオ」「料金表」の順で並べればいいのですが、これは、事業用サイトのため、ポートフォリオサイトと同じ構成にはできませんでした。

情報量の整理（1）参考にしたもの

今回は情報量を削れば良いというものではないので、過不足なく対応するために参考にしたサイトは株式会社ベイジのサイトです。
こちらも2022年11月にホームページをリニューアルしています。

ウェブ制作会社ベイジ

ウェブ制作会社ベイジ 顧客の成功を共に考えるウェブ制作会社です。ウェブサイト・コーポレートサイト・採用サイト制作、業務システム・アプリUI/UXデザイン、オウンドメディア支援、コンテンツ…

時間に余裕のある方は、リニューアルの解説記事（外部サイト）があるので、ぜひ御覧ください。

サービス内容がクリエイトアコードと少しだけ似ているので、参考にするのには最適なサイトといえます。
改めて見ると、ファーストビューと背景を交互に色を変えているところ、お問い合わせ等のレイアウトの仕方は、参考にしただけあって似てしまっていますね…（汗）
お問い合わせと資料DL、資料DLを優先にしたのはこちらのサービス構成とサイト構成の見直しの結果、結果的にそうなったのですが、同じ構成になる時点で意識はしたので、それも似てしまっています……。

このあたり、判断が難しいところなのですが、同じように「BtoBがメインターゲット（夜空きりの場合はBtoC寄り）」である以上、最適解に似てきてしまうという部分は否定できません。ストーリー構成もですが、ノウハウやスキルのアピールをするためには明確な根拠や裏付けが必要になることで結果的に文章量が多くなりがちなところとか……。

文章量が多いサイトを線で区切っても読むのって疲れるというか、境界線が分かりにくいというか……ページで分けると遷移数が増えるから作り手も読み手も面倒というか……。

メインカラーは異なっていることやサービスならびにサイト構成が同じではないことから、同じデザインだと判定されるようなことはなさそうで良かったです。
（大丈夫だよね？問題になってないよね？と、今回の記事を書くときに改めて見比べたくらいには小心者です……）

ホームページリニューアルはまだ続きます。

リニューアル作業とは関係なく、気になるところや増えた・減ったものを反映するための改修作業は随時行っております。
今回のリニューアルは優先順位が高いものを先に対応し終えることが目的だったため、優先順位が高くない細かい作業や急ぎではないページ制作については後回しとなっております。

これからも順次対応していきますので、たまには覗いていただけたら嬉しく思います。