프로젝트 배경
2025년 K-EXPO UAE 한류 박람회의 QR 기반 공식 행사 안내 웹사이트를 구축한 프로젝트입니다.
두바이 현장을 찾은 관람객과 해외 파트너는 행사장 곳곳에 비치된 포스터·배너의 QR코드를 스캔해 모바일 웹에 접속하고, 행사 개요, 참가 기관·기업, 프로그램 구성, 행사장 지도, 일자별 타임테이블을 한 페이지에서 스크롤로 빠르게 확인할 수 있습니다. 전체 구조는 영문 기준의 원페이지 웹사이트로 설계·개발했으며, PC에서도 동일한 정보를 확인할 수 있도록 반응형으로 구현했습니다.
✅ 주안점
1. QR 스캔 → 모바일 안내까지 이어지는 관람 동선 설계
행사장 입구·안내 데스크·포토존 등 주요 지점에 QR이 배치되고 관람객은 이를 스캔해 웹사이트를 방문합니다.
웹 내 정보 구조는 “언제, 어디서, 무엇을 볼 수 있는지”에 집중해 상단 행사 개요 → 참가자/프로그램 → 행사장 지도 → DAY별 타임테이블 순으로 구성하여, 현장에서 처음 접속한 관람객도 빠르게 행사 전체를 이해할 수 있도록 했습니다.
2. 많은 정보를 압축해서 보여주는 시각 요약
4개 부처, 7개 기관, 103개 기업 등 핵심 숫자는 카드형 카운터로 요약하고,
상세 로고·명단은 하단에 정리해 QR로 접속한 모바일 화면에서도 한눈에 들어오도록 가독성을 확보했습니다.
3. 오프라인 안내물과의 정합성 & QR 연동
행사장 배치도와 부스 번호 체계를 웹과 동일하게 맞추고,
각 부스·존·포토존에 부착되는 안내물에도 같은 번호·명칭·컬러 시스템을 적용했습니다.
부스별 QR을 스캔해 해당 기업의 상세 랜딩 페이지로 이동할 수 있어, 동선과 온라인 정보 조회가 자연스럽게 연결됩니다.
4. 연례·타지역 행사로의 재사용 구조
텍스트와 로고, 참가 기업 데이터만 교체하면 재활용 가능한 컴포넌트 중심 레이아웃으로 구현했습니다.
향후 다른 도시·연도 행사에서도 동일한 QR 접속 구조와 정보 아키텍처를 유지하면서,
콘텐츠만 교체해 빠르게 사이트를 재오픈할 수 있습니다.
두바이 현장을 찾은 관람객과 해외 파트너는 행사장 곳곳에 비치된 포스터·배너의 QR코드를 스캔해 모바일 웹에 접속하고, 행사 개요, 참가 기관·기업, 프로그램 구성, 행사장 지도, 일자별 타임테이블을 한 페이지에서 스크롤로 빠르게 확인할 수 있습니다. 전체 구조는 영문 기준의 원페이지 웹사이트로 설계·개발했으며, PC에서도 동일한 정보를 확인할 수 있도록 반응형으로 구현했습니다.
✅ 주안점
1. QR 스캔 → 모바일 안내까지 이어지는 관람 동선 설계
행사장 입구·안내 데스크·포토존 등 주요 지점에 QR이 배치되고 관람객은 이를 스캔해 웹사이트를 방문합니다.
웹 내 정보 구조는 “언제, 어디서, 무엇을 볼 수 있는지”에 집중해 상단 행사 개요 → 참가자/프로그램 → 행사장 지도 → DAY별 타임테이블 순으로 구성하여, 현장에서 처음 접속한 관람객도 빠르게 행사 전체를 이해할 수 있도록 했습니다.
2. 많은 정보를 압축해서 보여주는 시각 요약
4개 부처, 7개 기관, 103개 기업 등 핵심 숫자는 카드형 카운터로 요약하고,
상세 로고·명단은 하단에 정리해 QR로 접속한 모바일 화면에서도 한눈에 들어오도록 가독성을 확보했습니다.
3. 오프라인 안내물과의 정합성 & QR 연동
행사장 배치도와 부스 번호 체계를 웹과 동일하게 맞추고,
각 부스·존·포토존에 부착되는 안내물에도 같은 번호·명칭·컬러 시스템을 적용했습니다.
부스별 QR을 스캔해 해당 기업의 상세 랜딩 페이지로 이동할 수 있어, 동선과 온라인 정보 조회가 자연스럽게 연결됩니다.
4. 연례·타지역 행사로의 재사용 구조
텍스트와 로고, 참가 기업 데이터만 교체하면 재활용 가능한 컴포넌트 중심 레이아웃으로 구현했습니다.
향후 다른 도시·연도 행사에서도 동일한 QR 접속 구조와 정보 아키텍처를 유지하면서,
콘텐츠만 교체해 빠르게 사이트를 재오픈할 수 있습니다.
핵심 기능

Event Overview
Date & Time, Venue, 타임존 정보를 카드로 정리해 행사 전·현장에서 모두 사용하기 쉬운 상단 안내 영역 구성

Participants & Program 요약
참여 부처·기관·기업 수를 숫자 카드로 시각화하고, Stage / Event 프로그램을 카테고리별 리스트로 제공해 프로그램 구성을 한눈에 파악 가능

Venue Map & Booth List
행사장 배치도와 함께 Zone·부스별 명칭을 정리한 리스트를 제공해, 관람객이 특정 기업 부스를 빠르게 찾을 수 있도록 지원

행사 Timetable
시간축 기반의 타임라인 UI로, 상설 프로그램·기관 프로그램·공연·이벤트 등을 색상/레이블로 구분해 시간대별 진행 내용을 직관적으로 확인.
진행 단계
기획 및 UX 설계
2025.10.
행사 시나리오 및 구조 파악 / 웹 구현 방향 정의
디자인 및 개발
2025.11.
전체 가이드 웹사이트 및 QR코드 제작 / 관람객 대상 이벤트 컨텐츠 구현
리허설 및 본 행사
2025.12.
테스트 및 본 행사 정상 진행
프로젝트 상세
[핵심 기능]
a. Event Overview
행사 Date & Time, Venue, 타임존 정보를 카드 형태로 정리해,
QR을 스캔하고 처음 진입한 관람객이 가장 먼저 “언제·어디서 열리는지”를 파악할 수 있는 상단 안내 영역으로 구성했습니다.
b. Participants & Program 요약
참여 부처·기관·기업 수를 숫자 카드로 시각화하고,
Stage / Event 프로그램을 카테고리별 리스트로 제공해 프로그램 구성을 한눈에 파악 가능하도록 했습니다.
모바일 화면에서 스크롤만으로도 참가 규모와 프로그램 스펙트럼을 직관적으로 인지할 수 있습니다.
c. Venue Map & Booth List
행사장 배치도와 함께 Zone·부스별 명칭을 정리한 리스트를 제공해,
관람객이 특정 기업 부스를 빠르게 찾을 수 있도록 지원합니다.
현장 안내 지도와 동일한 구조를 사용해, 실제 배치도와 웹 정보를 오가며 확인해도 혼란이 없도록 설계했습니다.
d. Timetable
시간축 기반의 타임라인 UI로, 상설 프로그램·기관 프로그램·공연·이벤트 등을
색상/레이블로 구분해 시간대별 진행 내용을 직관적으로 확인할 수 있습니다.
QR로 접속한 관람객이 “지금 이 시각에 어디서 어떤 프로그램이 열리는지”를 바로 확인하도록 최적화했습니다.
[역할 및 작업 범위]
1) 행사 브랜딩을 반영한 메인 비주얼 및 원페이지 레이아웃 설계
2) QR 접속을 고려한 모바일 퍼스트 반응형 UI/UX 디자인 및 프론트엔드 퍼블리싱
3) 참가 부처·기관·기업, 프로그램, 타임테이블 등 텍스트·데이터 정리 및 화면 반영
4) 행사장 배치도를 기반으로 한 웹용 Venue Map 및 부스 리스트 디자인
5) 39개 참여기업별 부스 전용 QR 랜딩 페이지 제작 및 QR 코드 생성·배포(포스터·배너 인쇄용 파일 포함)
6) 행사 일정에 맞춘 최종 콘텐츠 업데이트 및 기본 QA 지원
a. Event Overview
행사 Date & Time, Venue, 타임존 정보를 카드 형태로 정리해,
QR을 스캔하고 처음 진입한 관람객이 가장 먼저 “언제·어디서 열리는지”를 파악할 수 있는 상단 안내 영역으로 구성했습니다.
b. Participants & Program 요약
참여 부처·기관·기업 수를 숫자 카드로 시각화하고,
Stage / Event 프로그램을 카테고리별 리스트로 제공해 프로그램 구성을 한눈에 파악 가능하도록 했습니다.
모바일 화면에서 스크롤만으로도 참가 규모와 프로그램 스펙트럼을 직관적으로 인지할 수 있습니다.
c. Venue Map & Booth List
행사장 배치도와 함께 Zone·부스별 명칭을 정리한 리스트를 제공해,
관람객이 특정 기업 부스를 빠르게 찾을 수 있도록 지원합니다.
현장 안내 지도와 동일한 구조를 사용해, 실제 배치도와 웹 정보를 오가며 확인해도 혼란이 없도록 설계했습니다.
d. Timetable
시간축 기반의 타임라인 UI로, 상설 프로그램·기관 프로그램·공연·이벤트 등을
색상/레이블로 구분해 시간대별 진행 내용을 직관적으로 확인할 수 있습니다.
QR로 접속한 관람객이 “지금 이 시각에 어디서 어떤 프로그램이 열리는지”를 바로 확인하도록 최적화했습니다.
[역할 및 작업 범위]
1) 행사 브랜딩을 반영한 메인 비주얼 및 원페이지 레이아웃 설계
2) QR 접속을 고려한 모바일 퍼스트 반응형 UI/UX 디자인 및 프론트엔드 퍼블리싱
3) 참가 부처·기관·기업, 프로그램, 타임테이블 등 텍스트·데이터 정리 및 화면 반영
4) 행사장 배치도를 기반으로 한 웹용 Venue Map 및 부스 리스트 디자인
5) 39개 참여기업별 부스 전용 QR 랜딩 페이지 제작 및 QR 코드 생성·배포(포스터·배너 인쇄용 파일 포함)
6) 행사 일정에 맞춘 최종 콘텐츠 업데이트 및 기본 QA 지원




