공공기관·협회/단체

10.29 이태원 참사 2주기

참사 현장 사진을 화면 가득 채워 추모의 마음을 먼저 전하는 10.29 이태원 참사 2주기 기억 사이트입니다.

CLIENT
십이지
PERIOD
2024.10. ~ .
TYPE
홈페이지 제작 (반응형/디자인)
십이지 화면

OVERVIEW

10.29 이태원 참사 2주기를 맞아 만든 기억·추모 사이트입니다. 추모는 설명보다 먼저 마음이 닿아야 하는 일이라, 첫 화면을 설명글이나 메뉴로 채우지 않고 참사 현장에 놓인 국화와 손편지 사진을 화면 가득 펼쳤습니다. 그 위에 "10.29 참사 2주기를 잊지 않기 위한 우리의 노력"이라는 작은 문장과 "미안해, 잊지 않고 기억할게"라는 손글씨를 얹어, 사이트에 들어선 순간 무엇을 위한 자리인지 바로 알게 했습니다. 색은 어두운 밤 현장 그대로 두고 글씨만 밝게 띄워 시선이 메시지에 머물도록 했으며, 화면을 내리면 2주기를 준비한 기록과 참여 방법으로 이어집니다. 짧은 기간에 집중적으로 알려야 하는 사이트라 구조를 단순하게 잡고 한 화면 한 메시지 원칙으로 만들었습니다.

  • CLIENT 십이지
  • SERVICE 퍼블리싱
  • TYPE 홈페이지 제작 (반응형/디자인)
  • INDUSTRY 공공·시민사회 / 사회적 참사 추모·기록
  • DEVICE PC 전용
  • SCALE main 1 page sub 5 page

GOALS & SOLUTIONS

GOALS

  • 설명보다 추모의 마음이 먼저 닿게 하기
  • 2주기를 준비한 기록과 참여 방법을 전하기
  • 짧은 기간에 집중적으로 알리기
  • 메시지가 흐려지지 않게 구조를 단순하게 두기

SOLUTION

  • 참사 현장 사진을 풀스크린 키비주얼로 사용
  • 손글씨 문구를 얹어 메시지를 시각적으로 전달
  • 어두운 현장 톤을 유지하고 글씨만 밝게 처리
  • 한 화면 한 메시지 원칙의 단순한 스크롤 구조

KEY INSIGHTS

추모 사이트는 정보량을 늘릴수록 마음이 흩어집니다. 한 장의 사진과 한 문장이 어떤 설명보다 오래 남습니다.
기간이 정해진 기억 사업은 화면 수를 줄이고 메시지를 반복하는 편이 더 널리 닿습니다.

KEY FEATURES

  • 반응형 디자인
  • SNS 연동
  • 보안/SSL 적용
  • 이미지 갤러리/슬라이드

TECH STACK

#Front-end

  • HTML5
  • CSS3
  • JavaScript
  • jQuery

#Back-end

  • PHP

#Design

  • Photoshop
  • Illustrator