Blog

【2026年】サイトをリニューアルしました。

2026年07月08日

Web

センチメートルのサイトをリニューアルしました。

今回のリニューアルでは、見た目を新しくするだけでなく、サイト全体の役割を見直しました。ホームページ制作、ロゴ・グラフィック制作、WordPress、公開後の更新など、これまで少しずつ増えてきた相談内容を整理し、「誰が、何を相談できるサイトなのか」が伝わる構成に整えています。

制作の中で大事にした軸は、考える × つくる です。

目的や伝えたいことを整理するところから、実際のホームページやロゴ、チラシ、更新の仕組みへ落とし込むところまで。センチメートルが普段の制作で大切にしていることを、サイト全体でも伝えられるようにしました。

リニューアルの目的

以前のサイトは、制作実績やプロフィールを見てもらうポートフォリオとしての役割が中心でした。

もちろん実績を見てもらうことは大切ですが、実際の相談内容はもう少し幅があります。

  • ホームページを新しく作りたい
  • 今あるサイトを見直したい
  • WordPress やフォームまわりを相談したい
  • ロゴ、名刺、チラシなどもまとめて整えたい
  • 制作会社の案件で、実装部分を相談したい

こうした相談をひとつの入口で受け止めようとすると、何でもできるようで、逆に何を相談すればよいのか分かりにくくなります。

そこで今回は、相談する人の立場と、制作内容の種類を分けて整理しました。

入口を分けて、相談しやすくする

サイト全体では、主な入口を次のように整理しています。

  • できること
  • ホームページを作りたい方へ
  • ロゴ・グラフィック制作
  • 制作会社・デザイン事務所の方へ
  • 制作ノート

個人や小規模事業者の方には、まず「できること」を見てもらう構成にしています。ホームページだけでなく、ロゴ、名刺、チラシ、SNS素材、更新の仕組みなど、事業に必要な制作物を横断して相談できることを伝えるためです。

一方で、ホームページ制作やグラフィック制作について詳しく見たい人のために、それぞれの詳細ページも残しました。

制作会社・デザイン事務所の方に向けては、別の入口を用意しています。ここでは、コーディングや WordPress 構築だけでなく、技術選定や実装方針から相談できる外部パートナーとしての役割を伝える構成にしました。

「考える × つくる」を中心にする

今回のリニューアルで、サイト全体の中核に置いた言葉が 考える × つくる です。

制作では、見た目を作る前に考えることがあります。

  • 誰に向けたものか
  • 何を一番伝えたいのか
  • どの順番で見せると伝わりやすいか
  • 公開後に誰が更新するのか
  • ホームページ以外の制作物とどうつながるのか

こうした整理がないまま作り始めると、見た目は整っていても、伝えたいことが届きにくくなることがあります。

センチメートルでは、目的や情報の整理から関わり、必要な形へ落とし込むことを大切にしています。その姿勢を、トップページや各サービスページでも伝わるようにしました。

制作メニューを、相手の悩みから見直す

ページの文言も、技術名や制作メニューを並べるだけにならないように見直しました。

たとえば「ホームページ制作」のページでは、新規制作だけでなく、リニューアル、WordPress、フォーム、公開後の更新まで相談できることを伝えています。

「ロゴ・グラフィック制作」のページでは、ロゴ、名刺、チラシ、DM、SNS素材などを単体で並べるだけでなく、事業の印象や使う場面を整理しながら必要な制作物を考える流れにしています。

制作会社向けページでは、対応技術を見せるだけでなく、「デザインはあるが実装できる人が足りない」「WordPress まわりを安心して任せたい」「実装方針から相談したい」といった状況から読めるようにしました。

自分ができることをそのまま並べるのではなく、相談する人がどんな状態でサイトを見るのかを意識して構成しています。

制作ノートの位置づけ

ブログも「制作ノート」として位置づけ直しました。

制作ノートは、大量の検索流入を狙うためのメディアではなく、考え方や判断を残しておく場所として考えています。

実績ページでは、完成した制作物を見せることができます。一方で、なぜその構成にしたのか、実装前に何を考えたのか、どういう選択肢があったのかまでは書ききれないことがあります。

制作ノートでは、そうした制作中の考え方を一般化して残していく予定です。

  • 小規模サイトの構成を考えるときのこと
  • WordPress と静的サイトの使い分け
  • フォームや外部サービス連携の考え方
  • ロゴやチラシ制作で整理していること
  • AI や制作ツールとの付き合い方

実案件をそのまま紹介するのではなく、制作時に考えたことを、あとから読めるメモとして残していきます。

技術面では Next.js へ移行

今回のリニューアルでは、サイトの実装も見直しました。

以前の構成から、Next.js を使った構成へ移行しています。ページ構成、共通コンポーネント、制作実績や制作ノートの一覧・詳細ページなどを整理しながら、今後の更新や改修がしやすい形にしています。

制作実績や制作ノートは microCMS との連携を前提にし、一覧、詳細、カテゴリ、ページネーションなどの表示も Next.js 側で組み直しました。

技術を変えること自体が目的ではなく、今後ページを増やしたり、制作ノートを運用したり、必要な改善をしやすくするための土台づくりとして進めています。

これから育てていくサイトとして

今回のリニューアルで、サイト全体の骨格はかなり整理できました。

ただ、サイトは公開して終わりではなく、実際に使いながら少しずつ育てていくものだと考えています。

制作実績の見せ方、制作ノートの記事、サービスページの説明、問い合わせまでの導線などは、今後も必要に応じて見直していく予定です。

センチメートルが何を大切にしているのか。どんな相談ができるのか。どんな考え方で制作しているのか。

そうしたことが、サイトを通して少しずつ伝わるように、引き続き整えていきます。


ホームページ制作、ロゴ・グラフィック制作、WordPress やフォームまわりの相談などは、できること にまとめています。

制作会社・デザイン事務所の方は、制作会社・デザイン事務所の方へ もご覧ください。