동아일보

귀엽게, 친근하게, <히어로툰> 5월부터 6기 히어로콘텐츠 <표류>의 취재 뒷얘기를 담은 네 컷 만화 <히어로툰>을 인스타그램과 동아닷컴에 연재하기 시작했다. 화,금 오후 4시 반 동아일보 인스타그램 계정(@dongailbo)에 올라오며, 해…

표류 : 생사의 경계를 떠돌다 흔한 사건의 이면으로 독자를 초대하기 응급환자가 제대로 치료받지 못하고 떠도는 ‘표류’는 흔한 일이다. 기사도 자주 나왔다. 반면 그 뒤에 도사린 문제는 여러 이해로 복잡하게 얽혀있다. 어떻게 하면 흔한 사건의 깊숙한 곳으로 독자를 초대할까.영화 <시>(20…

표류 : 생사의 경계를 떠돌다 PC와 모바일에서의 동일한 경험을 위해 히어로콘텐츠 6기 인터랙티브 기사에는 독자가 직접 인터랙션을 할 수 있는 요소들을 많이 넣었다. <그들이 구급차를 탔던 날> 기사에서는 환자가 이송되는 데 걸린 시간을 독자들이 추측해보도록 시곗바늘을 돌려보게 한다든지, …

표류 : 생사의 경계를 떠돌다 panolens.js로 360° 공간을 보여주다 이번 히어로콘텐츠팀 6기에서는 현장을 생생하게 보여주는 사진, 영상, 음성 자료들이 많았다. 디지털 페이지에서는 이런 자료들을 최대한 활용하고자 했다. 360° 영상을 활용한 <'표류' 속으로> 기사도 그러한 취지에서 기…

서로 다른 직군 간 효율적인 협업을 위한 디자이너의 역할 히어로콘텐츠 6기에 디자이너로 참여해 <'표류' 속으로>, <그들이 구급차를 탔던 날>, <강남에 응급실이 없었다> 등 3건의 인터랙티브 기사를 디자인했다. 기사 제작과정에서 UXUI 디자이너는 화면…

표류 : 생사의 경계를 떠돌다 ‘독자 경험’을 고민하세요? 여기, 레퍼런스가 있습니다 독자를 다른 세상으로 데려가는 기사를 히어로콘텐츠팀에서 썼다. 기사를 어떻게 쓸지 한 달 넘게 논의했다. 기사를 어떻게 쓸지를 두고 이렇게 한 달 넘게 동료 기자들과 논할 기회는 없다. 왜 이번 기사를 ‘독자를 다른 세상으로 데려가…

표류 : 생사의 경계를 떠돌다 신경외과 전공의 111명을 추적하다 분명 의사가 부족한 건 맞긴 한데… 진부할 정도로 많이 나와서 모두가 아는 얘기. 문제의 근본적 원인이라 꼭 써야 하지만, ‘또 그 얘기구나’ 싶은 그런 주제를 써야 했다. 수술실 의사 부족 문제다.‌고민하다 결국 기존 기사들과는 …

표류 : 생사의 경계를 떠돌다 타인의 삶이 나의 일이 될 때 ‘안녕하세요. OOO 선생님 통해 연락드리게 된 동아일보 송혜미 기자입니다. 취재 동의해주셨다고 들었습니다. 감사드려요. 혹시 통화 편하신 때 언제실까요?’

표류 : 생사의 경계를 떠돌다 '표류' 인터랙티브 기사, 어떻게 기획했나 히어로콘텐츠팀에서 인터랙티브 기사 기획자라는 독특한 역할을 맡은 게 이번이 세 번째다. 세 번째쯤 되면 이제는 좀 쉽게 할 수 있지 않을까, 기대하기도 했다. 이번에도 절대 쉽지 않았다.히어로콘텐츠 6기 팀이 취재하기로 한 ‘응급의…

쓰레기 덫에 빠지다 멀티미디어 스토리텔링으로 ‘쓰레기산’에 오르다 신종 코로나바이러스 감염증(코로나19)을 전후로 내가 외식을 하던 횟수는 고스란히 배달주문 횟수로 바뀌었다. 그렇게 쌓인 플라스틱 용기를 세척 후 분리배출할 때마다 “어차피 다 재활용되는 것도 아니래”라고 말하던 친구의 말이 내내 …

당신이 119를 누르는 순간 Matter.js 사용법부터 성능 개선 팁까지 히어로콘텐츠 5기 디지털 기사인 “당신이 119를 누르는 순간” 중 part 1의 “목숨이 걸린 찰나”에서 2.6초에 한 번씩 소방서에 신고가 들어오는 것을 표현할 방법으로 Matter.js를 활용하기로 하였다. Matter…

그들은 가족이었습니다 인터랙티브 기사를 위한 UXUI 디자인은 목적에 따라 과정과 결과가 달라진다. 같은 분류에 속한 디자인이라도 메시지가 무엇인지, 보는 대상이 누구인지에 따라 제작 방향성이 천차만별로 나누어진다. 인터랙티브 기사를 위한 UXUI도 다른 때에는 경험하지 못했던 몇 가…

당신이 119를 누르는 순간 왜 지면기사와 완전히 다른 디지털 기사를 제작했나 ‘이번엔 정말로, 디지털 플랫폼에서만 가능한 기사를 제작하자.’ 다섯 번째 히어로콘텐츠팀이 출범하며 부여받은 가장 중요한 미션이었다.‌히어로콘텐츠팀의 목표는 크게 두 가지다. 1) 기존 출입처 취재 구조에서는 하기 어려웠던 아주 깊…

당신이 119를 누르는 순간 뻔한 기사가 디지털이라는 옷을 입다 “어려울 때 가장 먼저 생각나는 사람이 가족이 될 수도 있지만 위급할 때는 또 저희 소방관들을 가장 먼저, 가족보다 먼저 떠올리시잖아요. 이런 것들 때문에 하고 있는 것 같아요.” <당신이 119를 누르는 순간>을 취재…

그들은 가족이었습니다 '삶'을 시각화하기 의로운 죽음과 남겨진 사람들. 꽤 오래전부터 그들의 이야기가 궁금했다. 언젠가는 한 번 기록으로 남기고 싶은 이야기였다.2월 16일. 동아일보 편집국에서 모든 취재 기자를 대상으로 새로운 히어로콘텐츠팀의 주제를 공모 받는 마지막 날…

제임스웹 우주 망원경 제임스웹 3D 파트를 구현한 방법 제임스웹 우주망원경 프로젝트는 처음에는 단순한 계기로 시작되었다. 손이 비는 시간에 다양한 인터랙션 효과를 공부해보면서 개발해보자는 계기였다. 한 가지 주제로 개발해야 계속 흥미를 갖고 개발을 할 수 있기에, 평소 관심 있던 제임스…

제임스웹 우주 망원경 개발자가 기사를 기획하다 본격적인 히어로 콘텐츠 개발 작업이 들어가기 전까지 뉴스룸 디벨로퍼(ND)들은 기사에 활용할 수 있는 다양한 포맷들을 리서치하고 테스트한다. 올해 상반기엔 three.js를 활용한 3D 작업을 중점적으로 진행해오고 있었다. 하지만 …

공존 : 그들과 우리가 되려면 키보드 대신 공책과 펜을 잡았다 공존 시리즈 2화 <경기 안산도, 이주민의 섬> 인터랙티브 페이지 중반에는 다문화 반대 단체의 항의 피켓이 떨어지는 효과가 구현되어 있다. 스크롤에 따라 피켓이 떨어지게 해 계속해서 문자 폭탄을 맞는 느낌을 경험하도록 했…

공존 : 그들과 우리가 되려면 하나의 지도가 만들어지기까지 히어로콘텐츠를 통해 독자들에게 새로운 경험을 주기 위해 여러 시도를 했다. 특히 이번 히어로콘텐츠팀 4기 ‘공존’은 경기도 안산을 중심으로 이야기가 전개됐기 때문에 처음부터 지도를 활용한 그래픽을 쓰자는 논의가 나왔다. 앞서 ‘동행…

공존 : 그들과 우리가 되려면 취재 대신 ‘디지털 기사 기획’을 하다 “취재를 하는 건 아니라고? 그럼 기획자는 무슨 일을 하는 거야?” 히어로콘텐츠팀 4기에 ‘기획자’로 참여하고 있다고 하면 열 명 중 아홉 명은 되물었다. “디 오리지널에 올라가는 기사를 기획하고 있어요.” 보통 이렇게 답했다. 상…