동아일보
AI와 함께 자란 알파 세대의 하루를 따라가는 신동아 인터랙티브 웹페이지
가상 인물 2012년생 김서연의 하루를 따라 AI 채팅과 알파 세대 타임라인, 교실 좌석표를 체험하며 AI가 일상이 된 아이들의 모습을 살펴보는 신동아 기획보도 인터랙티브 웹페이지
Interactive
AI Content
제작진
TS.Kim
기획 리드
Y.Byeon
아트 리드
GW.Park
아트
SH.Yoon
개발
JW.Jung
기획

Brief
「2012년생 김서연」은 신동아가 AI와 함께 자란 알파 세대의 학습과 정서, 창작을 다룬 5회 연재 기획보도입니다. 중학생 30여 명의 심층 인터뷰와 교사, 학부모, 전문가 인터뷰를 바탕으로 AI가 일상이 된 아이들의 모습을 취재했습니다.
동아일보는 기사로 전하는 데 그치지 않고, 독자가 알파 세대의 AI 이용 상황을 직접 따라가며 체감할 수 있는 인터랙티브 콘텐츠가 필요했습니다.
위에이알은 가상 인물 김서연의 하루를 따라 AI 채팅, 알파 세대 타임라인, 교실 좌석표, 인터뷰 영상까지 이어지는 모바일 중심의 인터랙티브 웹페이지를 기획하고 디자인과 영상, 개발까지 제작했습니다.
Challenge
방대한 취재 데이터를 독자가 끝까지 따라 읽는 하나의 이야기로 만들 수 있을까?
5회에 걸친 기사와 학생 인터뷰, 설문 데이터, 전문가 의견은 그 자체로 분량이 많아 텍스트로만 전하면 독자의 몰입이 쉽게 끊길 수 있었습니다.
또한 기사 연재 일정에 맞춰 페이지를 순차적으로 공개하면서, 모바일과 PC 어디서든 영상과 채팅, 인터랙션이 안정적으로 작동해야 했습니다.
Persona Storytelling
가상 인물 김서연의 하루로 알파 세대의 AI 이용 실태를 하나의 이야기로 구성
Data to Experience
학생 인터뷰와 설문 데이터를 좌석표와 타임라인 같은 탐색형 구조로 시각화
Serial Release
5회 연재 일정에 맞춰 페이지를 순차적으로 공개하는 운영 구조 설계
Solution
위에이알은 블랙 배경의 테크 무드 위에 김서연의 하루를 따라가는 스토리 흐름을 설계하고, 각 구간마다 독자가 직접 터치하고 선택하며 읽어가도록 구성했습니다.
오프닝에서는 AI로 제작한 시네마틱 영상과 휴대폰 화면 속 AI 채팅으로 서연의 일상에 들어가고, 이어지는 알파 세대 타임라인에서는 서연의 성장과 ChatGPT 등장까지 이어진 기술의 변화를 연도별로 함께 살펴볼 수 있습니다. 교실 좌석표에서는 실제 취재한 학생들의 AI 이용 프로필을 자리별로 열어보며 기사 속 사례로 연결되고, 기사 요약 구간에는 교사와 전문가 인터뷰 영상을 함께 담았습니다.
마지막 아웃트로에서는 서연과 직접 대화하는 AI 채팅과 불, 폭포, 숲, 우주 영상으로 잠시 쉬어 가는 멍때리기 콘텐츠를 더해, 기사를 읽은 독자가 AI와 함께하는 일상을 스스로 돌아보도록 마무리했습니다.
AI Cinematic Opening
AI로 제작한 인트로 영상과 휴대폰 채팅 화면으로 서연의 하루를 시작
Alpha Generation Timeline
서연의 성장과 디지털 기술의 연대기를 연도별로 탐색하는 타임라인
Classroom Seat Map
실제 취재 학생들의 AI 이용 프로필을 좌석표에서 열어보는 데이터 탐색 구조
Chat with Seoyeon
서연과 대화하는 AI 채팅과 멍때리기 콘텐츠로 구성한 참여형 아웃트로
Impact
「2012년생 김서연」 인터랙티브 웹페이지는 기사 연재 일정에 맞춰 순차적으로 공개되었고, 2026년 9월 16일 마지막 기사 송출과 함께 전체 페이지가 공개되었습니다.
독자는 기사를 읽는 데서 나아가 김서연의 하루를 따라 AI 채팅과 타임라인, 교실 좌석표를 직접 탐색하며 알파 세대의 AI 이용 실태를 체감할 수 있었습니다.
이 프로젝트는 언론사의 심층 취재 데이터를 스토리텔링과 인터랙션으로 재구성해, 읽는 기사를 체험하는 콘텐츠로 확장한 인터랙티브 저널리즘 사례입니다.









