申请项目咨询 跳至项目介绍

InPR & OUTCOM徽标中的进出是
两家公司的名称

IN · 阅读从广告商的角度
阅读内部内容

OUT·MOVE转移世界的注意力
转移

in&outPR · WEBSITE RENEWAL PROPOSAL

阅读内部移动外部

INPR·OUTCOM网站改版提案
IN&OUT·SIGNAL TO IMPACT两个方向

阅读案例
IN·01 / 概述项目概述

两家公司
作为一个团队工作
的公关咨询团队

INPR和OUTCOM是公关咨询集团,提供企业公关、政府和机构公关、品牌公关、IR以及问题和危机管理等全面公关服务。 INPR有限公司成立于2010年,与OUTCOM以in&outPR的名义合作。 2012年,他获得了杰出政策推动总统奖,2014年,他获得了科学、信息通信技术和未来规划部长奖。

BlueCanvas 提出了重新设计该团体网站的两个方向。 IN & OUT,其中标志的 & 是用光粒子绘制的,而 SIGNAL TO IMPACT 则是用铬丝带和荧光笔石灰绘制的。本页总结了导致这两个提案的初稿、品牌解释、结构、颜色和运动。

CLIENT
in&outPR
INPR株式会社·OUTCOM株式会社
SECTOR
企业·政府·品牌公关
IR·议题·危机管理
OUR ROLE
研究、品牌解读、信息结构、
UI设计、动态图形、动态电影
DELIVERABLE
5种主屏幕导航,2种主要建议,
动态电影,手机屏幕,颜色和字体指南
  • 2010年INPR株式会社成立
  • 44按组合组织的案例
  • 6总公关服务区域
  • 2政府奖项·2012年总统奖、2014年部长奖
IN·02 / 挑战起点

当前网站的主屏幕
  1. 1短语“公关解决方案组”位于幻灯片横幅上方。
  2. 2这三项核心能力显示在编号框中。
  3. 3案例很长,“最新新闻”卡中包含问题、解决方案和结果要点。

FOUR QUESTIONS

续订从
四个问题开始

  1. Q1
    你能在第一个屏幕上看出这是一家什么样的公关公司吗?

    在这两个提案中,第一个屏幕都以公司名称开头。它显示了 in 和 out 以及它们之间的 & 的含义。

  2. Q2
    这四十四起案件是否会被视为一个结果而不是一个清单?

    在每种情况下,我都在长长的项目符号列表中找到一行结果,并将其与数字和照片一起放在最前面。

  3. Q3
    我们如何使危机管理等看不见的事情变得可见?

    方案A是将错综复杂的线路组织成单个信号的场景,方案B是从问题诊断到情境响应的服务列表。

  4. Q4
    是否会传达出两家公司是一支球队的意思?

    &,连接了两家公司的名字,被用作整个网站的符号。

西部网络

营销公关、媒体公关

  • 期间:2022年~至今
  • Issue:
  • – 与不断增长的童装市场相比,媒体兴趣不明确
  • – 与行业内的高认知度和消费者购买力相比,媒体宣传力度不够。
  • Solution & Outcome:
  • – 通过积极推广我们的自有品牌以及第一童装公司的称号,提高了在童装市场上的行业认知度。
  • – 强化概念并打造适合每个品牌形象的优质形象
  • – 引发对童装市场的兴趣,振兴整个市场并增加兴趣,从而提高企业知名度
  • – 通过宣传符合时尚行业趋势的各种季节性问题,保持对童装的持续兴趣。
  • – 自媒体推广开始22年来文章覆盖率较上年同期增加405%

READ THE RECORD

结果在第七个
子弹中

当前网站上的西部网络案例卡上有七个要点。最大的成就,405%,写在最后一行的末尾。在每种情况下,两个提案都找到了这一行并将其拉到屏幕中间。

0%西部网·2022年文章覆盖率
同比增长率

方案A 将这些数字显示为示例之间的数字卡,方案B 将这些数字显示为淡紫色的数字表。

IN·03 / 第一稿第一份手稿

第一份手稿
从未经过办公桌

前五个屏幕是在 2026 年 2 月绘制的。计划是在同一个办公室的照片上贴上“向世界传达品牌价值”之类的句子,仅更改布局和字体。我重新阅读了这五章,就像编辑部正在修改一篇文章一样,这是一个在任何公关公司都不会显得格格不入的屏幕。

  1. 2026 年 2 月初稿第一屏:办公室照片上方贴有红色标题和按钮。
    计划一2026.02办公室照片上方贴有红色标题和按钮。
  2. 2026 年 2 月第 1 稿、第 2 稿的第一个屏幕:吉娜·明乔 (Gina Myeongjo) 的标题旁边放置了三个数字。
    第二计划2026.02三个数字放置在明州标题旁边。
  3. 2026年2月前三稿第一屏:英文衬线标题在屏幕中央放大。
    3 An2026.02英文衬线标题在屏幕中央放大。
  4. 2026 年 2 月初稿的第一个屏幕,有明亮的办公室照片和石灰绿色下划线。
    4 Eyes2026.02我使用了一张明亮办公室的照片和柠檬绿下划线。
  5. 2026 年 2 月前五稿的第一个屏幕:屏幕被分成两半,数字堆放在右侧。
    5 Eyes2026.02屏幕被分成两半,数字堆叠在右侧。
  1. DESK NOTE 01 · PHOTO办公室照片不显示公关

    他们五个人都使用了同一张办公室照片。公关公司的工作是在文章、广播和危机现场而不是在董事会中揭露的。在第二份手稿中,我们从公司名称而不是照片开始。

  2. DESK NOTE 02 · COPY我不会写适合任何公司的句子。

    “向世界传递品牌价值”是任何公关公司都会说的一句话。我重新阅读了徽标,找到了只有 INPR 和 OUTCOM 可以使用的句子。

  3. DESK NOTE 03 · FACT只剩下确认的号码了

    第一份手稿包含“Since 1990”和“200+”等数字。 CEO有30年的经验,公司成立于2010年。第二稿中只留下了公开数据确认的数字。

IN·04 / BRAND品牌诠释

徽标中有
两家公司和两个方向。

在创建新标志之前,我们重新阅读了当前标志。网站的整个故事是由细细的灰色字母 in&out、粗体绿松石色的 PR 以及中间的小 & 组成的。

01 · TWO NAMES

INPR 和 OUTCOM

in和out来自两家合作公司的名字。 INPR 的输入(InPR)和 OUTCOM 的输出(OUTCOM)。该标志包含并排在一行的两家公司。

02 · AMPERSAND

连接两个 &

两个名称之间的 & 是将两家公司联合为一个团队的象征。徽标中唯一用绿松石色着色的字母是 & 和 PR。这两个提案都将这个小东西作为网站的主角。

03 · TWO DIRECTIONS

读内在,动外在

进和出也是PR发挥作用的两个方向。从广告商的角度解读内情成为战略咨询,通过广播、报纸、网络等方式走向外部成为强大的执行力。

04 · ONE SURFACE

不间断的一面

如果沿着内表面移动,就会有一条条带到达外表面。它是莫比乌斯带。 B 内部的镀铬丝带体现了内部故事在外部不间断地延续的理念。

05 · TWO COLORS

灰色和绿松石色

标志使用两种颜色:灰色#53585E和绿松石色#3A90A9。 方案A延续了这种青色,方案B选择了石灰荧光笔而不是青色。

IN·05 / MOODBOARD情绪板

我首先选择了单词
并收集了场景

从品牌解读中浮现出来的词是阅读、传输、进入、信号和城市。我们选择了适合每个词的场景,并将它们用作两个提案的材料。这是为了传达公关网站的氛围,而不必借用客户的广告照片。

  1. 这是一张桌子,上面散布着文章剪报和报告。它演示了从广告商的角度解读情况。
    01阅读阅读方案A·战略咨询
  2. 这是全屏的转播分控室。这是该消息通过广播和报纸传播的时刻。
    02ON AIR传播方案A·强力执行
  3. 这是新闻发布会的讲台,周围聚集着麦克风。这是一个展示公司在危机面前的立场的机会。
    03声明立场方案A·问题·危机管理
  4. 这是在火山岩之间流动的济州山谷水。
    04来源来源方案A·组合
  5. 它是一条仅在内部涂有石灰绿色的铬丝带。内外相连,不间断。
    05信号信号B·主屏幕
  6. 首尔的夜间十字路口,空荡荡的石灰色电子招牌。我们为品牌故事留下了空白。
    06CITY城市方案B·城市风光
  7. 这些是黎明时分沿着河边奔跑的人们。
    07移动移动方案A·投资组合
  8. 一位身穿红色夹克的徒步旅行者站在雾气弥漫的山脊上。这是户外品牌案例的第一个场景。
    08SUMMITRidge方案B·代表性示例
  9. 世博会参观者在灯光装置之间行走。
    09人群访客方案A·组合
  10. 10下一个下一个故事方案A·询问
IN·06 / 结构访客和信息结构

打开公关公司网站的人
有四种

访问公关公司网站的不仅有寻求委托工作的公关人员,还有公共机构官员和记者。有些人在危机时刻紧急寻找联系方式。由于每个来访的人想要检查的信息不同,我们首先决定每个人将到达哪个场景。

  • 01企业/品牌公关经理

    了解他们与哪些品牌合作以及结果如何。

    代表性示例和性能数据
  • 02事业单位代表

    我们正在寻找政府/机构公关经验和获奖历史。

    历史·奖项
  • 03一家陷入危机的公司

    首先了解如何回复以及如何立即联系他们。

    危机管理/查询
  • 04记者及业内人士

    了解该公司以及他们的合作伙伴。

    简介·人员

网站的设计
就像新闻稿。

新闻稿遵循倒金字塔结构,首先是最重要的内容。这是为了让记者只需阅读第一段就可以了解发生了什么。两个提案的主屏幕也按相同的顺序组织。越往下看,内容越详细,最后给您留下了联系我们的方式。

  1. 进出第一个场景 01 · 标题一句话介绍公司是做什么的。 产生影响。
  2. 创造结果的三种力量 02 · 领先产生结果的力量减少到三个。 洞察力·故事·影响
  3. 总公关服务轮 03·身体呈现六大服务。 六服务手风琴
  4. 作品集·历史 04·证据通过示例、数字、历史和奖项证明。 代表性示例·405%
  5. 汉江景观查询卡 05·联系方式最后留下联系方式 用于选择字段的查询电子邮件

目前,网站菜单“关于”、“专业知识”、“作品集”、“联系方式”在一个主屏幕上按此顺序读取。

输出现在,是时候导出
了。

您在 IN 中读到的内容

OUT·01 / COLOR色卡

一颗绿松石
一支荧光笔

Eye A 继承了徽标的绿松石色 #3A90A9,仅向上或向下移动亮度。在深色背景上,浅青色看起来像光,在浅色背景上,深青色支撑字母。

对于 方案B,我选择了石灰,而不是青色,这是一种用于文章剪报的荧光笔。颜色只应用在一条重要的线条上,这一事实类似于公关的工作,即从大量信息中选择要传达的信息。

CI 青色#3A90A9徽标中的&和PR
  1. 向光增亮青色嗨#62C5D7深色背景上的强调和光粒子 · 方案A
  2. 向下朝阴影Teal Lo#1B6880明亮背景上的小字母 · A
  3. 更改为荧光笔荧光笔石灰#D7FB48仅在一条重要线上绘制的颜色 · 方案B
  4. Lime's Pair珊瑚色#FF785A询问场景温馨背景·方案B

A · IN & OUT

屋内黑暗,屋外光明
  • 背景·48%这是一种深墨水颜色,为纸张内部着色。光粒子和青色字母最为清晰可见。

  • 外部·32%这是经过 OUT 字母后展开的明场背景。我只掺入了一点点青色能量。

  • 徽标·9%徽标中的 & 和 PR 中使用的绿松石色按原样移动。用于明亮背景上的强调和按钮。

  • 浅色·7%是一种使青色向光变亮的颜色。在深色背景上写下突出显示的字母和浅色粒子。

  • 色调·4%这是一种降低绿松石色调的颜色。在浅色背景上写下年份数字和小写字母。

B · SIGNAL TO IMPACT

镀铬和荧光笔
  • 背景·40%黑色,上面放置铬丝带。它接近中性,没有任何蓝色的氛围。

  • 论文·30%这是引言和流程章节的基础。它让我想起新闻纸的灰白色。

  • 荧光笔 · 17%这是用于在文章剪报中绘制重要线条的荧光笔颜色。在标题和服务章节中写一个词。

  • 对话·8%这是询问场景的基础。我们邀请与石灰不冲突的暖色进行对话。

  • 基础·5%这是绩效表的基础,显示了405%的数字和获奖历史。

单击色样将复制十六进制值。示例中的数字是其上方文本颜色的亮度对比度。

OUT·02 / 版式字体

仔细听,
大胆说话

标志中的in&out为细体字母,PR为粗体字母。方案A 将此对比移至 Plus Jakarta Sans 的两种厚度:300 和 800。当您滚动时,下面的示例的厚度从 200 变为 800。

对于 方案B,我选择了 Barlow Condensed,它包含许多宽度较窄的字母,就像报纸标题一样。 Hangul 为这两项提案选择了 Pretendard。

加上 Jakarta Sans · Plan A 徽标和标题wght 200

in&outPR

巴洛浓缩版·方案B标题600

MAKE
AN IMPACT.

GOOD IDEAS. REAL IMPACT. · WORK THAT WORKS.

Archivo · 方案A 过渡信宽度 112 · 800

OUT

写下黑暗与光明章节之间的过渡。

假装·韩文400·600·800

阅读内部,
移动外部。

从广告商的角度解读,转移全世界的注意力。

OUT·03 / MOTION运动原理

收集散落的东西
传播你收集的东西

两项提案的变动都遵循一条规则。当你向下滚动时,分散的东西会被收集起来,而聚集的东西会再次向外扩散。读内动外的公关顺序已转化为行动。下面的四张牌实际上是沿着卷轴移动的。

方案A第一幕画面:光粒子聚集再扩散的过程
01 · SCROLL = PLAYHEAD

滚动播放头

A方案第一个场景中的光粒子是按照160帧的滚动位置绘制的。当您传递这张卡时,帧也会以相同的方式传递。

02 · NOISE → SIGNAL

从噪声到信号

在方案A的危机管理场景中,纠缠的线条沿着卷轴被组织成一个单一的信号。这张卡上也组织了相同的行。

03 · THROUGH THE WORD

通过字母过渡

方案A进入“OUT”一词,从黑暗章节移动到光明章节。此页面上的 & 场景是以相同方式创建的。

04 · VIDEO SCRUB

来回倒带的视频

B内部的镀铬带根据滚动位置来回播放5秒的视频。当降低时,丝带旋转,当升高时,它倒带。

方案A

IN & OUT从广告主的角度解读,感动世界的目光

该方向使用标志中的&作为门。在第一个屏幕中,散射的光粒子聚集成一个,然后以波的形式散开。黑暗的IN章节谈论公司的想法和危机管理,当你传递OUT这个词时,明亮的OUT章节展示例子和历史。

  • 160 帧第一个场景,光粒子聚集并用 & 传播
  • 包含六项服务的整体公关服务轮
  • 危机管理场景,其中纠缠的线路被组织成一个信号。
  • 通过字母 OUT 过渡到明场
Plus Jakarta Sans · Archivo · Pretendard
DIRECTION NOTES

在方案A的场景中,我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。

  1. IN·光与&聚集

    分散的光粒子沿着卷轴聚集成一个。 IN 位于左侧,OUT 位于右侧。

  2. OUT·如波浪般蔓延

    & 爆炸并变成圆形波浪,扩散到屏幕之外。第一个场景到这里就结束了。

  3. 创造成果的三种力量

    战略咨询、强大的执行能力、问题/危机管理三张牌重叠。

  4. 全面公关服务轮

    当你向下滚动时,轮子转动,六项服务相继开启。

  5. 从噪声到信号

    纠缠的线条沿着卷轴被组织成一个信号,危机应对的五个阶段随之而来。

  6. 传出

    OUT这个词越来越大,当你进入它时,黑暗的篇章结束,光明的篇章开启。

  7. 故事被带出来

    混合照片和号码卡的组合水平流动。

  8. 2010年以来的历史

    年份数字像仪表板一样滚动,显示每年与我们合作的客户。

方案B

影响力信号品牌内部的潜力,对世界之外的影响力。

这是一个将公关结果放在最前沿的方向,用铬丝带和荧光笔石灰将内部和外部连接为一体。当您向下滚动时,一段 5 秒的丝带视频会以该速度播放,石灰绿色的服务表水平流动,后面是代表性示例和数字 405%。

  • 来回滚动的 Chrome 功能区视频
  • 洞察·故事·影响 三张石灰色服务表水平流动
  • 可按字段过滤的代表性示例和详细窗口
  • 当您选择感兴趣的领域时,会收到包含内容的询问电子邮件
Barlow Condensed · Pretendard
DIRECTION NOTES

在方案B的场景中,我选择了一个我花了很大力气导演的时刻。单击照片可查看每个场景的大图。

  1. MAKE AN IMPACT.

    镀铬丝带上方放置了一个大标题。右下角的一个小窗户通向城市景观。

  2. IT STARTS WITH YOU.

    当您向下滚动时,功能区视频会向前播放并出现第二句话。

  3. IN. ↗ OUT.

    将品牌内部的潜力与外部世界的影响联系起来的一句话可以概括为两个词:IN和OUT。

  4. 城市之夜

    一个消息面板漂浮在一个十字路口上方,上面排列着空白的石灰绿色标志。

  5. 石灰绿服务柜

    洞察力、故事性、影响力 这三张纸沿着卷轴水平流动。

  6. WORK THAT WORKS.

    代表性的例子是用照片填满屏幕并按字段过滤它们。

  7. 405%

    淡紫色的床单上显示了 405% 的西部网络和两项政府奖项。

  8. LET’S MAKE SOME IMPACT.

    如果您选择感兴趣的领域,则会打开包含该信息的查询电子邮件。

OUT·06 / 电影电影

& 用一部
8秒影片制作

方案A第一个场景中使用的光粒子场景也被制作成8秒的电影。水平视频以两种比例准备,以便可以在网站和演示材料上使用,垂直视频可以在社交媒体上使用。有一段视频,B 中的铬带旋转一次,持续 5 秒。

A · IN & OUT · 16:9 · 0:08

这是一段视频,光线像灰尘一样分散,聚集在一起,爆炸成圆形波浪,然后返回黑暗。

A · 9:16 · 0:08

同一场景被重新排列以适合垂直屏幕。

B · SIGNAL TO IMPACT · 0:05

这是一段内部涂有石灰绿色的铬丝带缓慢转动的视频。它无声地重复着。

OUT·07 / 手机手机

即使在手中
相同的信号

记者和公关人员经常在旅途中用手机打开网站。将水平流动的案例和服务改为垂直流动,并重新定义固定场景的长度和字体大小以适应垂直屏幕。

方案A·聚光+移动屏
A·光聚&
方案B·主屏手机屏
B · 主屏幕
方案A·服务轮移动屏
A·服务轮
方案B·石灰绿服务柜移动屏
B·石灰绿服务柜
方案A·号码卡手机屏
A·号码卡
方案B 405%手机屏幕
B · 405%
方案A·历史手机屏
一·历史
方案B·查询手机屏
B· 询价
比较两个方向有何不同

两种声音
介绍同一家公司

两个提案内容相同,但第一屏的内容不同。 方案A首先陈述公司的名称和想法,方案B首先陈述结果和数字。我们对差异进行了整理,以便公司可以根据他们首先想在主屏幕上说的内容进行选择。

分离A·进和出B·冲击信号
第一个屏幕光粒子聚集并扩散的 160 帧场景Chrome 丝带视频并产生影响。
颜色深蓝色·徽标青色·亮纸黑色·新闻纸·荧光笔·石灰·珊瑚色
字体加上 Jakarta Sans · ArchivoBarlow Condensed
如何展示服务全面公关服务轮转动六个区域洞察·故事·影响轨道和六个服务手风琴
如何展示示例带有水平流动的照片和号码卡的作品集带有字段过滤器和详细信息窗口的代表性示例
危机管理用信号整理线的场景和实际响应的三个案例从问题诊断到情境响应的服务列表中引入
场景更改通过 OUT 字母从暗到亮将每张纸的背景颜色更改为石灰、纸、薰衣草、珊瑚
查询俯瞰汉江的窗户照片上方的查询卡选择感兴趣的区域后会收到包含内容的电子邮件
重点公司名称和危机管理知识结果、数字和首次查询
新闻稿·新闻稿分发后立即可用

蓝画布·作品

BlueCanvas,in&outPR网站更新的两个建议

IN & OUT 从徽标中的 & 开始,SIGNAL TO IMPACT,结果在聚光灯下荧光笔

首尔,2026年10月23日。 BlueCanvas为公关咨询集团INPR·OUTCOM(in&outPR)提出了两个网站更新方向。这两个想法是从将标志中的in和out解释为两家公司的名称和公关工作的两个方向开始的。

第一个计划《IN & OUT》从一个场景开始,其中散射的光粒子聚集成一个,然后像波浪一样扩散。第二个计划“信号影响”通过铬丝带视频和荧光笔石灰将示例和成就放在最前面。两个计划都只使用了从公开数据中确认的数字,甚至连手机屏幕也是一起设计的。

Client
in&outPR·INPR株式会社·OUTCOM株式会社
Project
网站改版提案 2026 年 10 月
Research
公司介绍 · 服务范围 · 44个案例汇总
First Draft
2026 年 2 月首映五场
Brand Reading
标志、关键词和情绪板的进出解读
Structure
访客定义、倒金字塔信息结构
Direction A
IN & OUT·UI设计,160帧第一场,动作片
Direction B
影响信号 · UI 设计、滚动视频、询问电子邮件
Mobile
竖屏场景重构与检查
Typefaces
Plus Jakarta Sans · Archivo · Barlow Condensed · Pretendard
Studio
BlueCanvas

    Contact

    即使想法还不成熟也没关系。
    让我们一起 梳理您的项目

    请告诉我们您的现状与目标。 我们将为您梳理可行范围、推进方式及预估费用。

    4个问题 · 约2分钟

    项目范围

    希望我们一起做哪些工作?

    可以多选。如果还没确定,请选择“其他”。

    预算

    您考虑的预算范围是多少?

    只提供大致范围,也能帮助我们制定方案。

    项目说明

    请告诉我们目前的情况。

    不用写得很完整。点击下面的项目会自动填入框架。

    0

    最多可上传 2 份 RFP 或参考文件。支持:PDF、PPT、Word、Excel、JPG、PNG、ZIP

    联系方式

    我们回复到哪里?

    请填写工作范围、预算、项目说明与联系方式。