InPR＆OUTCOMロゴのinとoutは
両方の会社の名前です
IN · READ広告主の視点で
中を読んで
OUT · MOVE世界の視線を
外に移動
in&outPR · WEBSITE RENEWAL PROPOSAL
INPR・OUTCOMWebサイトリニューアル提案
IN&OUT・SIGNAL TO IMPACT 2つの方向
INPRとOUTCOMは、企業PR、政府および機関PR、ブランドPR、IR、問題および危機管理までTotal PRサービスを提供する広報コンサルティンググループです。株式会社INPRは2010年に設立され、OUTCOMとともにin&outPRという名前で働きます。 2012年には政策広報優秀事例大統領賞を、2014年には未来創造科学部長官賞を受けました。
BlueCanvasは、このグループのホームページを新しく設計する2つの方向を提案しました。ロゴの&を光粒子で描いたIN&OUT、クロムリボンと蛍光ペンライムで結果を前面にしたSIGNAL TO IMPACTです。このページでは、2つの提案が出てくるまでの最初の原稿とブランドの解釈、構造と色、動きを順番にまとめました。
FOUR QUESTIONS
どちらの提案も、最初の画面を会社名から始めました。 inとout、そしてその間の＆が何を意味するのかを示します。
ケースごとに長くつながった箇条書きで、結果の一行を見つけて数字と写真に前進しました。
A案はもつれた線が一つの信号で整理される場面で、B案は問題診断から状況対応まで続くサービスのリストで解決しました。
両社の名前をつなぐ＆をホームページ全体の象徴としました。
西洋ネットワークス
READ THE RECORD
今ホームページの西洋ネットワークの事例カードには箇条書きが七つあります。最大の成果である405％は、そのうち最後の行末に書かれています。両方の提案は、ケースごとにこれらの行を見つけて画面の真ん中に取り出しました。
Aの中はケースの間の数字カードで、Bの中はラベンダー色のパフォーマンスシートでこの数字を示しています。
2026年2月に最初の5つの画面を描きました。同じ事務所の写真の上に「ブランドの価値を世界に伝える」のような文章を載せ、配置と書体だけを変えた中でした。編集局デスクが記事を直すように5枚を読み直してみると、どのPR会社に貼ってもぎこちない画面でした。
5つの内側がすべて同じオフィスの写真を書きました。 PR会社の仕事は、会議室よりも記事や放送、そして危機の現場で明らかになります。 2枚目の原稿では、写真ではなく会社名から出発しました。
「ブランドの価値を世界に伝える」というすべてのPR会社が使える文章です。 INPRとOUTCOMだけが書くことができる文章を見つけるためにロゴを読み直しました。
最初の原稿には Since 1990, 200+ のような数字が入っていました。 30年は代表取締役のキャリアであり、会社は2010年に設立されました。 2枚目の原稿には公開資料で確認した数字だけを残しました。
新しいシンボルを作成する前に、今のロゴをもう一度読みました。細い灰色の文字in&outと太いターコイズPR、そしてその間の小さな＆からホームページ全体の話を引き出しました。
in と out は、一緒に働く 2 つの会社の名前から来ました。 INPR(InPR)のinとOUTCOM(OUTCOM)のoutです。ロゴ1行に2つの会社が並んでいます。
2 つの名前の間の & は、2 つの会社を 1 つのチームにまとめる記号です。ロゴでターコイズで塗られた文字は＆とPRだけです。両方の提案は、この小さな＆をホームページの主人公にしました。
inとoutはPRが働く2方向でもあります。広告主の視点で中を読むことは戦略的コンサルティングになり、放送と新聞、オンラインで外を動かすことは強い実行力になります。
内面に沿っていくといつのまにか外面に当たる帯があります。メビウスの帯です。中で見つけた話が途切れることなく外につながるという考えをBの中のクロムリボンに込めました。
ロゴに書かれた色はグレー＃53585Eとターコイズ＃3A90A9の2つです。 A案はこのターコイズ色をそのまま引き継ぎ、B案はターコイズの代わりに蛍光ペンのライムを選びました。
ブランドの解釈からの言葉は、読書、送出、立場、信号、都市でした。言葉ごとに似合うシーンを選んで、二つの提案の中の材料とした。お客様の広告写真を借りずにPR現場の雰囲気が伝わるようにするためです。
PR会社のホームページには、仕事を任せようとする広報担当者だけでなく、公共機関の担当者や記者も訪れます。危機を迎えて急いで連絡先を探す人もいます。訪れる人ごとに確認したい情報が異なり、それぞれが到着する場面を先に決めました。
どのブランドとどのようなことをして、結果がどうでしたかを確認します。
代表事例・成果数政府・機関PRの経験と受賞歴を探します。
沿革・受賞対応方法と直接連絡する方法から探します。
危機管理・お問い合わせ会社紹介で働く人を確認してください。
はじめに・人プレスリリースは、最も重要な内容を一番前に書く逆ピラミッド構造に従います。記者が最初の段落だけを読んでも何が起こったのかを知ることができるようにするためです。両方の提案のメイン画面も同じ順序でまとめました。下に下がるほど内容は詳細になり、最後にはお問い合わせする方法が残ります。
今ホームページのメニュー About・Expertise・Portfolio・Contactを一枚のメイン画面の中でこの順で読み上げました。
OUTこれで、
エクスポートする番です。
INで読んだこと
A案はロゴのターコイズ#3A90A9をそのまま引き継ぎ、明るさだけ上下に移しました。暗い背景には明るいターコイズが光のように見え、明るい背景には深いターコイズが文字を受け取ります。
B案はターコイズの代わりに騎士スクラップに引く蛍光ペンのライムを選びました。重要な一行にのみ塗る色という点が、数多くの情報の中で伝えるメッセージを選ぶPRの仕事に似ていたからです。
#3A90A9ロゴの&とPR#62C5D7暗い背景の上の強調と光の粒子 · A#1B6880明るい背景の上の小さな文字・A案#D7FB48重要な行だけを描く色・B案#FF785Aお問い合わせシーンの暖かい背景・B案忙しい・48％ INの章を塗る深い色合いです。光の粒子とターコイズの文字が最も鮮明に見えます。
外・32％ OUT文字を通過した後に広がる明るい章の背景です。ターコイズのオーラを少し混ぜました。
ロゴ・9％ロゴの＆とPRに使われたターコイズ色をそのまま移しました。明るい背景の強調とボタンに書き込みます。
光・7％ターコイズ色を光の方に照らした色です。暗い背景上のハイライトの文字と光の粒子に書き込みます。
シェード・4％ターコイズ色をシェード側に下げた色です。明るい背景の年数と小さな文字に書き込みます。
忙しい・40％クロムリボンが置かれる黒です。青いオーラなしで中立に近づけました。
紙・30％紹介と進行過程章の基礎です。新聞紙のオフホワイトを思い出しました。
蛍光ペン・17％記事スクラップで重要な一列にする蛍光ペンの色です。タイトルの単語とサービスの章に書き込みます。
会話・8％お問い合わせシーンの背景です。ライムとぶつからない暖かい色で会話を聞きます。
根拠・5%405%という数字と受賞履歴を示す成果章の基礎です。
色見本を押すと、HEX値がコピーされます。スウォッチ内の数字は、その上に上げる文字色との明度対比です。
ロゴのin&outは細い文字で、PRは太字です。 A案はこのコントラストをPlus Jakarta Sansの300と800の二つの太さに移しました。下のサンプルはスクロールに合わせて太さが200から800に変わります。
Bは、新聞のタイトルのように狭い幅に多くの文字を含むBarlow Condensedを選びました。ハングルは両方の提案でPretendardに合った。
wght 200in&outPR
600MAKE
AN IMPACT.
GOOD IDEAS. REAL IMPACT. · WORK THAT WORKS.
wdth 112 · 800OUT
暗い章と明るい章の切り替えに書き込みます。
400 · 600 · 800中を読んで、
外を動かします。
広告主の視点で読み、世界の視線を動かします。
両方の提案の動きは1つの規則に従います。スクロールを下げると散らばったものが集まり、集まったものは再び外に広がります。中を読んで外を動かすPRの順番を動きに移したのです。下の4枚のカードは実際にスクロールに沿って移動します。
A内の最初のシーンの光粒子は、160枚のフレームをスクロール位置に合わせて描きます。このカードを通り過ぎると、同じようにフレームが移動します。
A内の危機管理シーンでは、絡んでいた線がスクロールに沿って1つの信号で整理されます。このカードでも同じ線が整理されます。
A案はOUTという文字の中に入り、暗い場から明るい場に進みます。このページの＆シーンも同じ方法で作成しました。
B内のクロムリボンは、5秒の映像をスクロール位置に合わせて前後に再生します。下げるとリボンが回り、上げると巻き戻します。
ロゴの＆をドアにした方向です。最初の画面で散らばった光粒子が一つの＆に集まって波長になって広がります。暗いINの章で会社の考えと危機管理を話し、OUTという文字を通過すると明るいOUTの章で事例と歴史を見せてくれます。
提案Ａのシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。
散乱光粒子がスクロールに沿って1つに集まります。左側にはIN、右側にはOUTがあります。
＆がぽんと鳴り、丸い波長になり、画面の外に広がります。最初のシーンはここで終わります。
戦略的コンサルティング、強い実行力、問題・危機管理をカード3枚に重ねます。
スクロールすると、ホイールが回転し、6つのサービスが順番にオンになります。
絡み合っていた線がスクロールに沿って一つの信号で整理され、危機対応五段階が続く。
OUTという文字が大きくなり、その中に入ると暗い章が終わり、明るい章が開きます。
写真カードと数字カードが混在したポートフォリオが水平に流れます。
年の数字がインストルメントパネルのように移動し、毎年一緒に顧客を示しています。
眼科外がひとつにつながったクロムリボンと蛍光ペンライムでPRの結果を前面にした方向です。スクロールすると、5秒のリボン映像がその速度に合わせて再生され、ライム色のサービス場が水平に流れた後、代表事例と405％という数字が続きます。
B案のシーンの中で演出にボールを入れた瞬間を選びました。写真をタップすると、シーン別画面を大きく見ることができます。
クロムリボンの上に大きなタイトルがあります。右下の小さなウィンドウは都市のシーンにつながります。
スクロールすると、リボン画像が前方に再生され、2番目の文が表示されます。
ブランド内の可能性を世界外の影響力につなげるという文章をINとOUTの2つの単語にまとめます。
空のライム色の電光板が線の交差点の上にメッセージパネルが浮かんでいます。
INSIGHT、STORY、IMPACT 3 つのシートがスクロールに沿って水平に流れます。
代表事例は写真を画面いっぱいに広げ、分野別にろ過できるようにしました。
ラベンダー色の章では、西洋ネットワークの405％と2つの政府賞を示しています。
関心領域を選ぶと、その内容が入った問い合わせメールが開きます。
A中の最初のシーンに書いた光粒子シーンを8秒のフィルムにもしました。横映像はホームページと発表資料に、縦映像はSNSに使えるように2つの比率で用意しました。 Bの中のクロムリボンは5秒間一輪を回す映像です。
ほこりのように散らばった光が＆で集まり、丸みを帯びた波長になった後、再び暗闇に戻る映像です。
同じシーンを縦画面に合わせて再配置しました。
内側にライム色を塗ったクロムリボンがゆっくり回る映像です。音なしで繰り返されます。
記者や広報担当者は、移動中に携帯電話でホームページを開くことが多いです。水平に流れるケースやサービスは縦につながり、固定シーンは縦画面に合わせて長さと文字サイズを再設定しました。
両方の提案は同じ内容を含んでいますが、最初の画面で最初に言うことが異なります。 A案は会社の名前と考えを、B案は結果と数字を先に言います。会社が最初の画面で最初に伝えたい言葉に応じて選ぶことができるように違いをまとめました。
BlueCanvas · WORKS
ロゴの&から出発したIN&OUT、蛍光ペンライムで結果を前面にしたSIGNAL TO IMPACT
ソウル、2026年10月23日。 BlueCanvasがPRコンサルティンググループINPR・OUTCOM(in&outPR)のホームページリニューアル方向2つを提案した。両眼は、ロゴの中 in と out を両会社の名前で PR が働く二方向に読んだ解釈から出発した。
最初の内部IN＆OUTは、散乱した光粒子が1つの＆に集まり、波長のように広がるシーンから始まります。 2番目の眼SIGNAL TO IMPACTはクロムリボンイメージングと蛍光ペンライムでケースと成果を前面に出した。どちらも公開資料で確認した数字だけを書き、モバイル画面まで一緒に設計した。
ホームページは会社が世に出した最初のプレスリリースです。
ヘッドハンティング・コンサルティング
YNK Associates
ヘッドハンティング企業のWebサイトリニューアル提案です。代表あいさつの「Next Key」と元のサイトのオレンジから出発しました。企業と候補者という二種類の訪問者のための情報構成、一つのオレンジから分かれた2つのパレット、THE RIGHT CONNECTIONとYOUR NEXT KEYの2案、3Dリボンと鍵のモーションまで収めています。
メディア・制作会社
DOREMI ENTERTAINMENT
ドラマ・OST制作会社のWebサイトリニューアル提案です。ロゴの中の青緑の台形を映写機の光として、社名をド・レ・ミの三つの音として読みました。一つの青緑から分かれた2つのパレット、シーンリストとして書いた情報構成、SCENE & SCOREとSTORIES THAT STAYの2案、ブランドフィルム2本まで収めています。
公共・教育
Korean Education Center in Malaysia
韓国教育部の在外教育機関のWebサイトリニューアル提案です。ハングルを生んだ三つの画「天・地・人」から出発しました。夜空のゴールドと両国の花のコーラルで決めたカラー、18秒のモーションフィルム、天地人とコーラルジャーニーの2案、ハングル学校の地図と4,600kmの留学の旅まで収めています。
Contact
現在の状況と目標をお聞かせください。 実現可能な範囲、進め方、概算費用をご案内します。
DIRECT
お問い合わせを受け付けました。営業日1日以内に作業範囲とお見積りをまとめてご返信します。