1) 문제점
- 건물 내 입주사 정보가 층별로 분산되어 있어 방문객의 위치 탐색이 불편함
- 인쇄물이나 수동 관리 방식으로 인해 정보 수정 및 업데이트가 번거롭고 비효율적
- 층별 안내 시스템과 광고 사이니지가 별도 운영되어, 디스플레이 자원 낭비 및 운영 효율 저하

2) 프로젝트 목표
- 터치 기반 DID 층별안내 시스템 구축을 통해, 방문객이 직관적으로 원하는 정보를 탐색할 수 있는 환경 제공
- CMS 연동을 통한 실시간 입주사 정보 수정 반영
- 광고 콘텐츠와 안내 기능을 단일 디스플레이에서 전환하여 운영 효율성 및 활용도 극대화

3) 주안점
- 층별 도면과 팀 정보를 매핑하여 시각적으로 이해하기 쉬운 UI 제공
- 고객 요구에 따른 맞춤형 컨셉 디자인 및 터치 UI 구성으로, 실제 설치 공간과 브랜드 이미지에 부합
- CMS를 통해 비전문가도 입주사 정보 및 이미지 수정이 용이하도록 설계
- 일정 시간 무작동 시 자동 복귀되는 UX 설계를 통해 광고 콘텐츠와 안내 기능 간의 전환 흐름 최적화

1) 포트폴리오 소개
한국만화영상진흥원 건물 내 설치된 디지털 사이니지 기반 터치형 층별안내도 시스템 구축 프로젝트입니다.
기본 화면에는 CMS 기반 광고 콘텐츠가 재생되며, 터치 시 층별안내도로 전환되어 방문객이 층별 입주사 정보를 손쉽게 탐색할 수 있도록 구성하였습니다.

2) 작업 범위 : 개발에 참여한 범위 및 지원환경
- 참여 역할:
UI/UX 기획, Figma 기반 화면 설계, Front-end 개발, Socket.IO 실시간 연동, 콘텐츠 CMS 연계
- 지원 환경:
웹 기반 터치 DID (반응형), Node.js 기반 서버환경, PostgreSQL DB, AWS 배포환경

3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지
- 광고 콘텐츠 ↔ 층별안내도 전환 기능
: 기본 화면에서 사이니지 광고 재생 → 터치 시 층별안내도로 전환 → 일정 시간 무작동 시 광고로 복귀
- 층별 도면 이미지 연동
: 각 층별 도면과 입주사 정보를 연동하여 시각적으로 표현
- 터치 이벤트 구현
: 층 전환 및 입주사 클릭 시 팝업 호출 기능 개발
- CMS 연동
: 관리자가 등록한 입주사 정보를 실시간 반영
- 실시간 콘텐츠 동기화
: Socket.IO를 통한 다중 DID 화면 동기화 기능 구현
- 반응형 UX
: 디스플레이 해상도 대응을 위한 반응형 화면 구조 설계

4) 주안점 : 서비스 구축 시 중점이 되었던 사항
- 광고 및 안내 기능을 하나의 DID에 통합하여 운영 효율성 극대화
- CMS 연동 및 실시간 콘텐츠 제어를 통해 유지관리 편의성 확보
- 정해진 무작동 시간 이후 자동 복귀 로직 구현을 통한 UX 안정성 확보
- 건물 특성에 맞춘 층별 안내도면 커스터마이징 및 데이터 매핑 로직 구현
- 직관적인 사용자 경험을 위한 UI 구조 및 터치 인터페이스 설계
- DID 특화 해상도 대응 및 시스템 안정성 확보