InPR & OUTCOM로고 속 in과 out은
두 회사의 이름입니다
IN · READ광고주의 시각으로
안을 읽고
OUT · MOVE세상의 시선을
밖으로 움직입니다
in&outPR · WEBSITE RENEWAL PROPOSAL
인피알 · 아웃컴 홈페이지 리뉴얼 제안
IN & OUT · SIGNAL TO IMPACT 두 가지 방향
인피알과 아웃컴은 기업 PR, 정부 및 기관 PR, 브랜드 PR, IR, 이슈와 위기관리까지 Total PR Service를 제공하는 홍보 컨설팅 그룹입니다. 주식회사 인피알은 2010년에 설립되었고, 아웃컴과 함께 in&outPR이라는 이름으로 일합니다. 2012년에는 정책홍보 우수사례 대통령상을, 2014년에는 미래창조과학부 장관상을 받았습니다.
블루캔버스는 이 그룹의 홈페이지를 새로 설계하는 두 가지 방향을 제안했습니다. 로고의 &를 빛 입자로 그린 IN & OUT, 크롬 리본과 형광펜 라임으로 결과를 앞세운 SIGNAL TO IMPACT입니다. 이 페이지에는 두 시안이 나오기까지 거친 첫 원고와 브랜드 해석, 구조와 색, 움직임을 차례로 정리했습니다.
FOUR QUESTIONS
두 시안 모두 첫 화면을 회사 이름에서 시작했습니다. in과 out, 그리고 그 사이의 &가 무엇을 뜻하는지부터 보여 줍니다.
사례마다 길게 이어지던 글머리표에서 결과 한 줄을 찾아 숫자와 사진으로 앞세웠습니다.
A안은 엉킨 선이 하나의 신호로 정리되는 장면으로, B안은 이슈 진단부터 상황 대응까지 이어지는 서비스 목록으로 풀었습니다.
두 회사의 이름을 잇는 &를 홈페이지 전체의 상징으로 삼았습니다.
서양네트웍스
READ THE RECORD
지금 홈페이지의 서양네트웍스 사례 카드에는 글머리표가 일곱 개 있습니다. 가장 큰 성과인 405%는 그중 마지막 줄 끝에 적혀 있습니다. 두 시안은 사례마다 이런 한 줄을 찾아 화면 한가운데로 꺼냈습니다.
A안은 사례 사이에 숫자 카드로, B안은 라벤더색 성과 장으로 이 숫자를 보여 줍니다.
2026년 2월에 먼저 첫 화면 다섯 가지를 그렸습니다. 같은 사무실 사진 위에 「브랜드의 가치를 세상에 전하다」 같은 문장을 올리고 배치와 서체만 바꾼 안이었습니다. 편집국 데스크가 기사를 고치듯 다섯 장을 다시 읽어 보니, 어느 PR 회사에 붙여도 어색하지 않은 화면이었습니다.
다섯 안이 모두 같은 사무실 사진을 썼습니다. PR 회사의 일은 회의실보다 기사와 방송, 그리고 위기의 현장에서 드러납니다. 두 번째 원고에서는 사진 대신 회사 이름에서 출발했습니다.
「브랜드의 가치를 세상에 전하다」는 모든 PR 회사가 쓸 수 있는 문장입니다. 인피알과 아웃컴만 쓸 수 있는 문장을 찾기 위해 로고를 다시 읽었습니다.
첫 원고에는 Since 1990, 200+ 같은 숫자가 들어가 있었습니다. 30년은 대표이사의 경력이고, 회사는 2010년에 설립되었습니다. 두 번째 원고에는 공개 자료로 확인한 숫자만 남겼습니다.
새 상징을 만들기 전에 지금의 로고를 다시 읽었습니다. 가는 회색 글자 in&out과 굵은 청록색 PR, 그리고 그 사이의 작은 &에서 홈페이지 전체의 이야기를 끌어냈습니다.
in과 out은 함께 일하는 두 회사의 이름에서 왔습니다. 인피알(InPR)의 in과 아웃컴(OUTCOM)의 out입니다. 로고 한 줄에 두 회사가 나란히 들어 있습니다.
두 이름 사이의 &는 두 회사를 한 팀으로 묶는 기호입니다. 로고에서 청록색으로 칠한 글자는 &와 PR뿐입니다. 두 시안은 이 작은 &를 홈페이지의 주인공으로 삼았습니다.
in과 out은 PR이 일하는 두 방향이기도 합니다. 광고주의 시각으로 안을 읽는 일은 전략적 컨설팅이 되고, 방송과 신문, 온라인으로 밖을 움직이는 일은 강한 실행력이 됩니다.
안쪽 면을 따라가면 어느새 바깥 면에 닿는 띠가 있습니다. 뫼비우스의 띠입니다. 안에서 찾은 이야기가 끊기지 않고 밖으로 이어진다는 생각을 B안의 크롬 리본에 담았습니다.
로고에 쓰인 색은 회색 #53585E와 청록색 #3A90A9 두 가지입니다. 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안을 읽고,
밖을 움직입니다.
광고주의 시각으로 읽고, 세상의 시선을 움직입니다.
두 시안의 움직임은 하나의 규칙을 따릅니다. 스크롤을 내리면 흩어진 것이 모이고, 모인 것은 다시 바깥으로 퍼집니다. 안을 읽고 밖을 움직이는 PR의 순서를 움직임으로 옮긴 것입니다. 아래 네 장의 카드는 스크롤을 따라 실제로 움직입니다.
A안 첫 장면의 빛 입자는 160장의 프레임을 스크롤 위치에 맞춰 그립니다. 이 카드를 지나가는 동안 같은 방식으로 프레임이 넘어갑니다.
A안의 위기관리 장면에서는 엉켜 있던 선들이 스크롤을 따라 하나의 신호로 정리됩니다. 이 카드에서도 같은 선이 정리됩니다.
A안은 OUT이라는 글자 속으로 들어가며 어두운 장에서 밝은 장으로 넘어갑니다. 이 페이지의 & 장면도 같은 방식으로 만들었습니다.
B안의 크롬 리본은 5초짜리 영상을 스크롤 위치에 맞춰 앞뒤로 재생합니다. 내리면 리본이 돌고, 올리면 되감깁니다.
로고의 &를 문으로 삼은 방향입니다. 첫 화면에서 흩어진 빛 입자가 하나의 &로 모였다가 파장이 되어 퍼집니다. 어두운 IN의 장에서 회사의 생각과 위기관리를 이야기하고, OUT이라는 글자를 통과하면 밝은 OUT의 장에서 사례와 연혁을 보여 줍니다.
시안 A의 장면 가운데 연출에 공을 들인 순간을 골랐습니다. 사진을 누르면 장면별 화면을 크게 볼 수 있습니다.
흩어진 빛 입자가 스크롤을 따라 하나의 &로 모입니다. 왼쪽에는 IN, 오른쪽에는 OUT이 놓입니다.
&가 터지며 둥근 파장이 되어 화면 밖으로 퍼집니다. 첫 장면은 여기서 끝납니다.
전략적 컨설팅, 강한 실행력, 이슈 · 위기관리를 카드 세 장으로 겹쳐 넘깁니다.
스크롤을 내리면 휠이 돌며 여섯 서비스가 차례로 켜집니다.
엉켜 있던 선이 스크롤을 따라 하나의 신호로 정리되고, 위기 대응 다섯 단계가 이어집니다.
OUT이라는 글자가 커지며 그 안으로 들어가면 어두운 장이 끝나고 밝은 장이 열립니다.
사진 카드와 숫자 카드가 섞인 포트폴리오가 가로로 흐릅니다.
연도 숫자가 계기판처럼 넘어가며 해마다 함께한 고객을 보여 줍니다.
안과 밖이 하나로 이어진 크롬 리본과 형광펜 라임으로 PR의 결과를 앞세운 방향입니다. 스크롤을 내리면 5초짜리 리본 영상이 그 속도에 맞춰 재생되고, 라임색 서비스 장이 가로로 흐른 뒤 대표 사례와 405%라는 숫자가 이어집니다.
시안 B의 장면 가운데 연출에 공을 들인 순간을 골랐습니다. 사진을 누르면 장면별 화면을 크게 볼 수 있습니다.
크롬 리본 위로 큰 제목이 놓입니다. 오른쪽 아래의 작은 창은 도시 장면으로 이어집니다.
스크롤을 내리면 리본 영상이 앞으로 재생되고 두 번째 문장이 나타납니다.
브랜드 안의 가능성을 세상 밖의 영향력으로 잇는다는 문장을 IN과 OUT 두 단어로 정리합니다.
빈 라임색 전광판이 선 교차로 위로 메시지 패널이 떠다닙니다.
INSIGHT, STORY, IMPACT 세 장이 스크롤을 따라 가로로 흐릅니다.
대표 사례는 사진을 화면 가득 펼치고, 분야별로 거를 수 있게 했습니다.
라벤더색 장에서 서양네트웍스의 405%와 두 번의 정부 포상을 보여 줍니다.
관심 분야를 고르면 그 내용이 담긴 문의 메일이 열립니다.
A안의 첫 장면에 쓴 빛 입자 장면을 8초짜리 필름으로도 만들었습니다. 가로 영상은 홈페이지와 발표 자료에, 세로 영상은 SNS에 쓸 수 있도록 두 가지 비율로 준비했습니다. B안의 크롬 리본은 5초 동안 한 바퀴를 도는 영상입니다.
먼지처럼 흩어진 빛이 &로 모이고, 둥근 파장이 되어 터진 뒤 다시 어둠으로 돌아가는 영상입니다.
같은 장면을 세로 화면에 맞춰 다시 배치했습니다.
안쪽 면에 라임색을 칠한 크롬 리본이 천천히 도는 영상입니다. 소리 없이 반복됩니다.
기자와 홍보 담당자는 이동 중에 휴대폰으로 홈페이지를 여는 일이 많습니다. 가로로 흐르던 사례와 서비스는 세로로 이어지게 바꾸고, 고정 장면은 세로 화면에 맞춰 길이와 글자 크기를 다시 정했습니다.
두 시안은 같은 내용을 담고 있지만 첫 화면에서 먼저 하는 말이 다릅니다. A안은 회사의 이름과 생각을, B안은 결과와 숫자를 먼저 말합니다. 회사가 첫 화면에서 가장 먼저 전하고 싶은 말에 따라 고를 수 있도록 차이를 정리했습니다.
블루캔버스 · WORKS
로고의 &에서 출발한 IN & OUT, 형광펜 라임으로 결과를 앞세운 SIGNAL TO IMPACT
서울, 2026년 10월 23일. 블루캔버스가 PR 컨설팅 그룹 인피알 · 아웃컴(in&outPR)의 홈페이지 리뉴얼 방향 두 가지를 제안했다. 두 안은 로고 속 in과 out을 두 회사의 이름이자 PR이 일하는 두 방향으로 읽은 해석에서 출발했다.
첫 번째 안 IN & OUT은 흩어진 빛 입자가 하나의 &로 모였다가 파장처럼 퍼지는 장면으로 시작한다. 두 번째 안 SIGNAL TO IMPACT는 크롬 리본 영상과 형광펜 라임으로 사례와 성과를 앞세웠다. 두 안 모두 공개 자료로 확인한 숫자만 썼고, 모바일 화면까지 함께 설계했다.
홈페이지는 회사가 세상에 내놓는 첫 번째 보도자료입니다.
회사의 이름과 기록부터 함께 다시 읽겠습니다.
헤드헌팅·컨설팅
YNK Associates
대표 인사말의 「Next Key」와 원 사이트의 주황색에서 출발한 브랜드 해석, 기업과 후보자 두 방문자를 위한 정보 구조, 주황 하나에서 갈라진 두 팔레트와 THE RIGHT CONNECTION · YOUR NEXT KEY 두 가지 시안, 3D 리본과 열쇠 모션까지 담은 헤드헌팅 기업 홈페이지 리뉴얼 제안 과정
미디어·제작사
도레미엔터테인먼트
로고 속 청록색 사다리꼴을 영사기의 빛으로, 이름을 도·레·미 세 음으로 읽은 브랜드 해석, 청록색 하나에서 갈라진 두 팔레트, 씬 리스트로 쓴 정보 구조와 SCENE & SCORE · STORIES THAT STAY 두 가지 시안, 브랜드 필름 두 편까지 담은 드라마 · OST 제작사 홈페이지 리뉴얼 제안 과정
공공·교육
말레이시아 한국교육원
한글을 만든 세 획(천지인)에서 출발한 브랜드 해석, 밤하늘의 골드와 두 나라 꽃의 코럴로 정한 컬러, 18초 모션 필름과 천지인 · 코럴 저니 두 가지 시안, 한글학교 지도와 4,600km 유학 여정까지 담은 교육부 재외교육기관 홈페이지 리뉴얼 제안 과정
Contact
현재 상황과 목표를 남겨 주시면 가능한 작업 범위와 진행 방식, 예상 견적을 정리해 안내드립니다.
DIRECT
문의가 접수되었습니다. 영업일 1일 안에 작업 범위와 예상 견적을 정리해 회신드립니다.