Web TANETOMATO｜新しいコーポレートアイデンティティに合わせたサイトリニューアル

NOK株式会社様が運営するオウンドメディア「Web TANETOMATO」のデザインリニューアルとCMS実装を担当しました。新しく策定されたコーポレートアイデンティティ（CI）にサイト全体を寄せることが目的の案件です。2025年4月3日納品。公開日が先に決まっている案件でした。

プロジェクト概要

項目	内容
対象	NOK株式会社オウンドメディア「Web TANETOMATO」
atmeの担当	全体のデザインリニューアル／コーディング／CMS実装
期間	2025年1月〜 2025年4月3日納品
前提	掲載テキスト・ロゴは変更なし。デザインのみを作り替える
制約	4月の公開日が確定。逆算して実装完了日を設定

このリニューアルの出発点は「サイトが古くなったから」ではありません。会社のCIが新しくなったので、サイトの見た目をそこに合わせるという、ブランド起点の依頼でした。

こうした案件では、デザイナーの好みで作ると失敗します。守るべき条件がクライアントから明確に提示されるためです。本案件でいただいた条件は次のようなものでした。

CIの条件をデザインルールに翻訳した図

与えられた条件	実装での解釈
イラストは使用しない	写真のみで構成。素材は候補を選定し、クライアント側で購入・支給
メインカラーはCIパレットに準拠	主要な面・見出し・ボタンをCIカラーで統一
基本フォントの指定あり	指定フォントをベースに、Web表示で問題が出ないか検証したうえで採用
曲線より直線	角丸を抑え、区切りは直線で構成
パステル寄りの配色は避ける	彩度を上げすぎず、明るさは余白と写真で作る
既存の一部ページのトンマナが基準	そのページの「明るく親しみやすい／すっきり爽やか」を全体の基準に
テキスト・ロゴは変更なし	情報設計は据え置き、見せ方だけを作り替える

ブランドガイドラインをWebに落とす仕事は「翻訳」です。 紙で定義された色やフォントの規定を、画面のサイズ・可読性・読み込み速度という別の制約の中で成立させ直す必要があります。

写真素材は先にサンプルでデザインを組み、方向性が固まってから購入いただく進め方にしました。デザインが決まる前に素材を買うと、使わない素材に費用が発生します。

本案件は公開日が先に確定していました。こうした案件で当社が行うのは、次の2つです。

デザインの確定が遅れれば、コーディングとCMS実装がまとめて圧縮されます。公開日から逆算して一番守るべきなのは、実は「デザイン確定日」です。

Q. テキストはそのままで、デザインだけ作り替えることはできますか？
A. できます。本案件もテキストとロゴは変更せず、デザインとCMS実装のみを作り替えています。情報が固まっているぶん、工程はむしろ短くなります。

Q. CIやブランドガイドラインがあるのですが、対応できますか？
A. 対応します。ガイドラインは制約ではなく設計条件として扱います。Web特有の事情でそのまま適用できない箇所は、理由と代案をセットでご相談します。

Q. 写真素材はどちらが用意しますか？
A. 候補の選定は当社で行い、購入はクライアント側でお願いすることが多いです。素材の利用ライセンスがクライアント名義で残るためです。

Q. 公開日が決まっているのですが間に合いますか？
A. 公開日から逆算してスケジュールを引きます。その際、実装完了日は公開日より前に置き、デザイン確定日を最優先で守る組み方をします。

「CIを新しくしたので、サイトも合わせたい」「オウンドメディアの見た目だけ作り替えたい」——このようなご相談を承っています。ブランドガイドラインと現在のサイトを見せていただければ、作り替える範囲と、公開日から逆算したスケジュールをお出しします。