경제·인문사회연구회NRC · HOMEPAGE RENEWAL · 2026
스물여섯 개 국책연구기관의 연구가 정책과 국민에게 닿는 길목, 경제·인문사회연구회 홈페이지를 세 차례에 걸쳐 다시 그린 기록입니다.
운영 개선 화면 6종 · 연구회 소개 필름 · 리뉴얼 시안 2종
01 · TWO HALVES연구회의 심벌은 두 개의 반원입니다
왼쪽 위는 경제를, 오른쪽 아래는 인문사회를 뜻합니다
02 · 26 INSTITUTES그 둘레에 스물여섯 개의 국책연구기관이 있습니다
경제 · 산업부터 행정 · 법 · 통일까지 다섯 갈래로 묶었습니다
03 · 4,581 RESULTS기관들의 연구는 4,581건의 성과로 쌓였습니다
보고서와 브리프, 영상과 카드뉴스가 한곳에 모입니다
경제·인문사회연구회(NRC)는 국무총리 산하 공공기관입니다. 한국개발연구원부터 육아정책연구소까지 경제 · 인문사회 분야의 정부출연연구기관 스물여섯 곳을 지원하고 평가하며, 기관 사이의 협동연구를 꾸리고 그 성과를 알립니다. 홈페이지는 그 성과가 정책 담당자와 국민에게 닿는 첫 길목입니다. 국문과 영문 홈페이지, 한 해에 두 번 펴내는 웹진 「미래정책 FOCUS」, 매주 약 3,000명이 받는 뉴스레터가 모두 이곳을 거쳐 나갑니다.
우리는 이 홈페이지를 세 번 다시 그렸습니다. 10월 중순에는 지금의 틀 위에서 운영의 문제를 푸는 화면 여섯 장을, 10월 말에는 연구회를 소개하는 한 편의 스크롤 필름을, 11월에는 처음부터 다시 리뉴얼한다는 생각으로 두 갈래의 메인 시안을 만들었습니다. 이 페이지는 그 과정에서 읽은 심벌과 색, 직접 센 숫자, 그리고 고르고 버린 화면을 순서대로 정리한 기록입니다.
국문 · 영문 · 웹진의 첫 화면을 세 번씩 열어 표시 시간과 전송량을 기록했습니다.
팝업이 가리던 첫 화면, 웹진 기사, 배너 관리, 만족도 조사, 뉴스레터 수신자 관리를 화면으로 풀었습니다.
심벌의 두 반원과 스물여섯 기관을 입자로 그리는 스크롤 랜딩을 만들었습니다.
연구성과 게시판을 유형 · 주제별로 세어 정보 구조를 다시 짰습니다.
심벌의 형태에서 출발한 TWO HALVES와 이용자의 질문에서 출발한 QUESTION FIRST를 만들었습니다.
연구회의 심벌은 회색 돔 하나와 반원 두 개로 되어 있습니다. 공식 시그니처 이미지에서 비율을 재어 보니 돔은 너비 4에 높이 1.6인 반타원이고, 두 반원의 지름은 돔 너비의 꼭 절반이었습니다. 이 단순한 비율을 이해해야 도형을 움직이고 늘이고 나눠도 연구회의 심벌로 남습니다.
모든 도형은 가로선 하나에서 시작합니다. 회색 돔과 코럴 반원은 선 위에, 시그린 반원은 선 아래에 놓입니다.
공식 시그니처에서 재어 보면 돔의 너비와 높이는 4 대 1.6입니다. 같은 너비의 반원보다 낮아서, 위로 솟기보다 넓게 감싸는 인상을 줍니다.
돔 안 왼쪽의 반원입니다. 지름은 돔 너비의 꼭 절반인 2입니다. 연구회는 이 반원이 행복과 번영을 추구하는 경제성을 나타낸다고 설명합니다.
오른쪽의 반원은 기준선 아래로 내려옵니다. 인본주의와 복지사회를 뜻합니다. 돔 밖으로 나온 도형은 이 반원 하나뿐입니다.
두 반원의 둘레를 이으면 태극의 S자 곡선이 됩니다. 원을 점선으로 마저 그려 보면, 심벌은 태극의 위쪽 절반을 조금 눌러 놓은 모양입니다. 연구회는 이것을 융합적 이념이라고 부릅니다.
연구회는 처음부터 하나가 아니었습니다. 1999년 3월 경제사회연구회와 인문사회연구회가 따로 세워졌습니다.
2005년 7월 두 연구회가 통합해 경제·인문사회연구회가 됐습니다. 심벌의 두 반원은 연구회의 역사와도 겹칩니다. 우리는 이 겹침을 모든 시안의 출발점으로 삼았습니다.
경제ㆍ인문사회연구회의 심볼마크는 우주와 대한민국의 상징인 태극이미지를 기본적으로 표현하고 있다. 좌측의 반원은 행복과 번영을 추구하는 경제성을 나타내며, 우측 하단의 반원은 인본주의와 복지사회를 상징함으로 연구회의 융합적 이념을 상징하고 있다.
연구회의 공식 색은 코럴, 시그린, 그레이 세 가지입니다. 셋 다 채도를 낮춘 부드러운 색이라 심벌 안에서는 차분하게 어울리지만, 흰 바탕 위에 글자로 쓰면 명도 대비가 1.9:1, 2.3:1, 3.4:1에 그칩니다. 공공 누리집 본문의 기준인 4.5:1에 셋 모두 미치지 못합니다. 반대로 어두운 바탕에서는 11.0:1, 8.9:1, 6.1:1로 충분합니다.
그래서 색을 두 겹으로 나눴습니다. 공식 색은 넓은 영역과 큰 도형, 어두운 바탕의 글자에 그대로 쓰고, 흰 바탕의 글자와 얇은 선에는 같은 색상을 유지한 채 밝기만 낮춘 단계를 따로 만들었습니다.
#DCB496#88B29F#8C8A88#212121#555555400이 공식 색입니다. 흰 바탕에서 500은 큰 글자(3:1), 600은 본문(4.5:1), 700은 작은 글자(7:1)의 기준을 처음 넘는 밝기입니다. 색을 누르면 오른쪽에서 실제 글자로 확인할 수 있습니다.
정책 현장으로 이어지는 연구를 찾습니다.
4.5:1본문 가능정책 현장으로 이어지는 연구를 찾습니다.
3.5:1큰 글자만고른 색 #917058 코럴 600
2026년 10월 22일 · 연구회
2026년 10월 22일 · 연구회
2026년 10월 22일 · 연구회
2026년 10월의 국문 홈페이지는 이용자 만족도 조사를 알리는 팝업 두 장이 첫 화면을 덮고 있었습니다. 휴대폰에서는 팝업이 화면을 거의 다 가렸습니다. 공지는 알려야 하고 첫 화면은 가리지 않아야 하므로, 1차 화면 시안은 팝업을 맨 위의 띠배너와 본문 안의 팝업존으로 옮기는 데서 시작했습니다.
첫 화면의 주요 콘텐츠는 1초 남짓이면 뜹니다. 그러나 국문 메인을 다 받기까지는 4초가 넘고, 전송량은 약 64MB에 이릅니다. 메인 영상을 정지 화면으로 시작하고 화면 밖의 이미지를 늦게 불러오면 줄일 수 있는 무게입니다.
사무실 회선에서 Chromium으로 화면마다 세 번 열어 잰 중앙값입니다. PC는 1,440px, 모바일은 390px 화면이고, 측정 시점의 팝업과 영상 노출 상태에 따라 값은 달라집니다.
연구성과 게시판은 연구회와 스물여섯 기관의 보고서, 브리프, 멀티콘텐츠, 자료를 한곳에 모읍니다. 2026년 11월 1일, 목록 화면에서 유형과 주제마다 건수를 세었습니다. 아래 점 하나가 게시물 하나입니다.
네 가지 유형 가운데 멀티콘텐츠가 1,960건으로 가장 많습니다. 그중 동영상이 1,366건이라, 게시판은 이미 「긴 보고서를 올려 두는 곳」에서 「짧게 보고 넘기는 곳」으로 바뀌고 있었습니다.
16개 주제로 나눠 보면 2,230건, 약 49%가 「종합일반」 한 분류에 모입니다. 주제 메뉴로 찾아 들어간 사람은 절반 가까운 연구를 만나지 못합니다.
같은 4,581건을 읽는 데 드는 시간으로 다시 묶었습니다. 3분이면 보는 카드뉴스, 10분짜리 브리프와 영상, 한 시간 넘게 읽는 보고서로 나누면 방문자가 지금 가진 시간으로 고를 수 있습니다.
출처: 경제·인문사회연구회 홈페이지 연구성과 게시판 목록(2026년 11월 1일). 유형은 게시판의 분류 그대로이고, 주제는 16개 분류마다 따로 걸러 센 값이라 어느 분류에도 걸리지 않는 180건을 따로 두었습니다. 읽는 시간은 형식에 따라 어림한 묶음입니다.
첫 번째 제안은 사이트를 갈아엎지 않는 것이었습니다. 메뉴와 화면 구성은 그대로 두고, 담당자가 매주 부딪히는 일을 화면 여섯 장으로 풀었습니다. 국문 메인은 하루 저녁에 네 번 그렸고, 마지막 두 가지를 A안과 B안으로 냈습니다.
첫 번째 메인은 저울 그림이 떠 있는 어두운 비주얼 위에 검색창을 두고, 오른쪽에 팝업존을 붙였습니다.
두 번째 메인은 제목을 명조로, 바탕을 크림색으로 바꾸고 연구성과를 큰 표지 하나와 목록으로 나눴습니다.
B안은 제목과 검색창을 화면 가운데에 세우고, 팝업존과 행사일정을 그 아래 한 줄에 놓았습니다.
A안은 검색창을 품은 큰 비주얼과 팝업존을 나란히 두고, 행사일정과 바로가기 세 개를 그 아래 한 줄에 붙였습니다.
두 안의 차이는 검색창의 자리입니다. A안은 비주얼 안에, B안은 화면 가운데에 둡니다. 스크롤하면 A안, B안, 두 안 나란히 순서로 화면이 위에서 아래로 내려갑니다. 버튼으로 직접 고를 수도 있습니다.
운영 담당자의 한 해를 따라 화면 여섯 장을 그렸습니다. 화면을 누르면 크게 볼 수 있습니다.
팝업창이 첫 화면을 가리지 않도록, 만족도 조사 같은 공지는 맨 위의 띠배너로, 웹진 발간 같은 홍보물은 본문 안의 팝업존으로 옮겼습니다.
담당자가 띠배너와 팝업존 배너를 직접 등록하고 시작과 끝을 예약합니다. 대체텍스트가 비었거나 명도 대비가 4.5:1에 못 미치면 등록하기 전에 알려 줍니다.
책자가 나온 뒤 2주 안에 웹으로 여는 기사 화면입니다. 목차와 이번 호의 다른 기사, 구독 신청을 기사 옆에 둡니다.
같은 기사와 메인이 휴대폰 화면에서 넘치지 않고 읽힙니다. 넓은 표는 좌우로 밀어서 봅니다.
1,500명 안팎의 참여를 목표로 한 12문항 조사입니다. 개인정보에 동의하지 않아도 참여할 수 있고, 선물 추첨에만 동의를 받습니다.
매주 약 3,000명에게 가는 뉴스레터의 수신 동의 만료를 관리합니다. 만료 30일 전에 재동의 안내를 자동으로 보내고, 이메일은 앞 두 글자만 보여 줍니다.
화면에 적힌 자료명 · 날짜 · 수치는 구조를 설명하기 위한 표본입니다.
두 번째 제안은 화면 안의 문제보다 연구회를 처음 만나는 사람이 받는 인상에서 출발했습니다. 스크롤을 내리면 입자들이 NRC 글자에서 심벌로, 스물여섯 기관의 궤도로, 핵심가치의 물결로 모양을 바꿉니다.
첫 화면의 NRC 글자를 이루던 입자가 스크롤을 따라 회색 돔과 두 반원으로 옮겨 갑니다.
분야 버튼을 누르면 그 분야 기관의 입자 무리만 밝아지고, 이름표가 궤도를 따라 돕니다.
신뢰성 · 창의성 · 전문성 세 낱말이 바뀌는 동안 입자는 바닥의 물결이 되어 흐릅니다.
1999년의 두 연구회부터 2024년의 25주년까지 세로 스크롤로 가로 연혁을 넘깁니다.
지금 메뉴는 연구회라는 기관을 설명하는 순서로 짜여 있습니다. NRC 소개, NRC 소식, 연구성과, 홍보관, 정보공개 순입니다. 그런데 방문자 대부분은 메뉴가 아니라 검색으로, 기관의 이름이 아니라 질문을 들고 들어옵니다. 리뉴얼 B안은 익숙한 메뉴 여섯 개는 그대로 두고, 메인 화면 안에서 연구성과로 들어가는 길을 다섯 갈래로 늘렸습니다. 왼쪽 메뉴에 마우스를 올리면 이어지는 길이 보입니다.
11월의 세 번째 제안은 지금 사이트의 틀을 내려놓고 처음부터 리뉴얼한다고 생각하고 만들었습니다. 같은 사실과 같은 연구성과를 쓰되, 하나는 심벌의 형태에서, 다른 하나는 이용자의 질문에서 출발했습니다.
TWO HALVES
「두 개의 반원이 만나, 하나의 정책이 됩니다」
A안 녹화 보기
QUESTION FIRST
「질문 하나에, 스물여섯 개의 연구기관이 답합니다」
B안 녹화 보기
심벌의 세 도형을 사이트 전체의 형태 문법으로 삼은 시안입니다. 기준선 하나에서 돔이 솟고, 코럴 반원이 굴러 들어오고, 시그린 반원이 기준선 아래로 내려앉은 뒤, 세 도형이 화면을 나누는 색 영역이 됩니다.
기준선 위로 돔이 솟고 두 반원이 자리를 잡은 뒤, 심벌이 화면보다 커지며 세 도형이 제목과 통합검색을 감싸는 색 영역이 됩니다.
1999년에 떨어져 있던 두 반원이 2005년 7월 S자로 맞물리고, 점이 호를 따라 2024년의 혁신전략까지 갑니다.
연구성과 4,581건의 유형 비율을 반원 게이지 네 개로 보여 주고, 카드는 윗변이 반원으로 파인 틀에 담았습니다.
기관마다 작은 반원 하나를 큰 돔의 호를 따라 늘어놓고, 분야를 고르면 해당 기관의 반원이 바깥으로 솟아오릅니다.
방문자가 들고 오는 질문에서 출발한 시안입니다. 검색창에 질문이 한 글자씩 써지면 그 연구를 펴낸 기관의 점이 밝아지고, 심벌의 S자를 닮은 선이 모여 실제 연구성과 카드가 열립니다.
「청년은 왜 ‘쉬었음’에 머무를까?」가 써지면 한국직업능력연구원의 점이 밝아지고, 선이 검색창 아래로 모여 실제 이슈브리프 카드가 열립니다.
절반을 덮던 「종합일반」 블록이 여섯 조각으로 갈라져 질문 묶음 아래로 들어가고, 나머지 주제도 묶음마다 다시 놓입니다.
읽는 데 드는 시간으로 자료를 고르면 돔 모양 다이얼이 그 비율만큼 차오르고, 실제 자료가 아래에 나옵니다.
가운데 심벌에서 스물여섯 기관으로 S자 선을 잇고, 분야를 고르면 그 분야의 선만 코럴로 다시 그려집니다.
홈페이지는 여는 날보다 운영하는 날이 훨씬 깁니다. 제안에는 2027년 한 해의 운영 일정도 달력으로 담았습니다. 웹 접근성 인증마크는 5월 27일에 만료되기 전에 갱신하고, 웹진은 책자가 나온 뒤 2주 안에 웹으로 열고, 뉴스레터는 매주 보냅니다. 아래 돔은 심벌의 회색 돔을 1년의 달력으로 펼친 것입니다.
1월인수 · 안정화
여러 갈래를 제안했고, 최종 선택으로 이어지지는 않았습니다. 그래도 세 번의 제안은 같은 질문을 서로 다른 깊이에서 다뤘습니다. 첫 번째는 지금의 화면을 지키면서 운영의 불편을 덜었고, 두 번째는 연구회를 처음 만나는 사람의 인상을 그렸고, 세 번째는 심벌과 질문이라는 두 출발점에서 사이트를 다시 세웠습니다.
국문 메인 네 가지와 운영 화면 여섯 장
입자로 그린 연구회 소개 필름
TWO HALVES · QUESTION FIRST
공식 색이 흰 바탕에서 글자가 되지 못한다는 것을 숫자로 먼저 확인했기 때문에, 두 리뉴얼 시안은 처음부터 색을 넓은 영역과 글자로 나눠 쓸 수 있었습니다.
4,581건을 유형과 주제로 세어 보지 않았다면, 「종합일반」이 절반이라는 것도 영상이 보고서보다 많다는 것도 몰랐을 것입니다.
인증 갱신과 웹진 발행, 매주의 뉴스레터처럼 날짜가 정해진 일을 화면과 함께 설계했습니다.
NRC HOMEPAGE RENEWAL
경제·인문사회연구회 · 운영 화면 6종 · 소개 필름 · 리뉴얼 시안 2종
| Item | Detail |
|---|---|
| Client | 경제·인문사회연구회(NRC) · 국무총리 산하 공공기관 |
| Scope | 국문 메인 · 미래정책 FOCUS · 관리자 화면 · 연구회 소개 · 리뉴얼 메인 |
| Period | 2026년 10월 ~ 11월 |
| Round 1 | 운영 개선 화면 6종(국문 메인 네 가지 · 배너 관리 · 웹진 기사 · 반응형 · 만족도 조사 · 뉴스레터 수신자 관리) |
| Round 2 | 연구회 소개 스크롤 필름 · 입자 형태 다섯 가지 · 장면 11개 |
| Round 3 | TWO HALVES · QUESTION FIRST 리뉴얼 메인 시안 |
| Identity | 두 반원 · NRC Coral #DCB496 · Seagreen #88B29F · Gray #8C8A88 |
| Data | 연구성과 4,581건 · 행사일정 1,764건(2026년 11월 1일 기준) |
| Typeface | Pretendard · Outfit |
| Studio | 블루캔버스 |
Goal스물여섯 기관의 연구가 질문을 가진 사람에게 닿는다
기관의 심벌과 직접 세어 본 숫자에서 출발해,
여는 날의 화면과 운영하는 1년을 함께 그리겠습니다.
공공기관
국가신약개발재단
이용자 분석과 CI 해석, 아홉 개의 메인 시안, 파이프라인 시각화까지 담은 공공기관 홈페이지 구축·리뉴얼 과정
공공기관
국가아동권리보장원 365일 아동의 날
다섯 기념일의 캐릭터가 점(눈과 볼) · 선(먹색 팔과 손글씨) · 면(색 도형)으로 그려져 있다는 데서 출발한 브랜드 해석, 캠페인 그림에서 잰 다섯 쌍의 색과 글자용 색, 날마다 다르던 메뉴 35개를 다섯 날 × 다섯 갈래로 다시 묶은 구조, 1년 365일을 점으로 찍은 365 CALENDAR와 한 줄의 선으로 다섯 날을 잇는 HAND IN HAND 두 가지 시안까지 담은 국가아동권리보장원 기념일 홈페이지 리뉴얼 제안 과정
금융
하나은행 하나더넥스트 웹진
로고의 E가 인생의 1 · 2 · 3막을 뜻하는 세 줄이고 X 안에 「⟩」가 숨어 있다는 데서 출발한 브랜드 해석, 50~64세 (New)시니어의 시간표와 가장 작은 글자부터 다시 세운 읽기 기준, 날짜순 목록을 인생의 막 세 개와 주제 다섯 개로 다시 엮은 구조, 매주 표지를 넘기는 THE NEXT PAGE와 출생연도로 나의 막을 찾는 MY NEXT ACT 두 가지 시안까지 담은 하나은행 시니어 웹진 리뉴얼 제안 과정
Contact
현재 상황과 목표를 남겨 주시면 가능한 작업 범위와 진행 방식, 예상 견적을 정리해 안내드립니다.
DIRECT
문의가 접수되었습니다. 영업일 1일 안에 작업 범위와 예상 견적을 정리해 회신드립니다.