개요
한 줄 요약 — 전주국제영화제(Jeonju International Film Festival)는 매년 봄 전주에서 열리는 국내 대표 독립·예술영화 축제다. 로고에 박힌 'JEONJU 27'과 '2026.4.29–5.8'이 말해주듯, 공식 홈페이지는 제27회 개막을 앞두고 선정작 발표, 배지 사전등록, 상영·예매, 전주프로젝트까지 축제 운영의 모든 길목을 한곳에 모은 허브다. 흥미로운 지점은 '축제'라는 딱 열흘짜리 이벤트를 1년 내내 살아 있는 웹사이트가 어떻게 담아내느냐는 것이다. 이번 리뷰는 첫 화면의 3분할 슬라이더, NOTICE와 NEWS로 갈라놓은 소식 영역, 아코디언으로 접힌 문의, 방대한 후원사·패밀리사이트 링크, 그리고 점을 쌓아 만든 'J' 심벌까지, 이 홈페이지 제작에 깔린 정보 설계와 웹디자인 의사결정을 차례로 살핀다.
브랜드 & 메시지
헤드라인이 없다. 대신 이미지가 말한다. 히어로는 문장 대신 세 장의 비주얼을 나란히 세워 승부한다. 붉은 반원 안에 얹힌 '한국경쟁 선정작 발표', '한국단편경쟁 및…', 그리고 코발트블루 배경 위 제18회 전주프로젝트 '선정작 발표'(2026.05.03→05.05)가 번갈아 흐른다. 브랜드 컬러는 선명한 버밀리언 레드가 화면을 지배하고, 그 위로 오렌지·그린·블루·핑크 점이 톡톡 튀는 액센트로 얹힌다. 이 점들이 푸터에서 모여 거대한 'J'를 이루는데, 축제의 시각 아이덴티티를 한 번에 각인시키는 영리한 장치다. 상단 네비게이션은 프로그램·이벤트·상영/예매·페스티벌 가이드·소식·전주프로젝트로 정돈됐고, 우측엔 검색·회원·Kr/En 토글을 뒀다. 다만 CTA라 부를 만한 요소가 붉은 원형 'NOTICE' 배지 하나로 수렴한다는 점은 아쉽다. 배지는 '이건 공지다'라는 성격만 알릴 뿐, 누르면 선정작을 보는지 예매로 넘어가는지 등록을 하는지를 라벨만으로는 짐작하기 어렵다. 관객·업체·창작자라는 서로 다른 방문자에게 각각의 다음 행동을 지정해주는 문구가 더 필요하다.
UX/UI 관점
화면에서 확인되는 UX/UI 강점은 뚜렷하다. 첫째, 흰 바탕 위 버밀리언 레드와 오렌지 배지의 고대비 색 운용이 정보를 빠르게 스캔하게 만든다. 둘째, 3분할 히어로 슬라이더는 본선 경쟁·단편 경쟁·전주프로젝트라는 성격이 다른 프로그램을 한 화면에서 병렬로 노출해, 방문자가 관심 트랙을 즉시 고르게 한다. 셋째, 소식 영역을 좌측 NOTICE(공모·행정 공고)와 우측 NEWS(보도자료)로 이원화해 성격이 다른 소식을 섞지 않은 편집 감각이 좋다. 넷째, 문의를 '자주 묻는 질문·1:1 문의·카카오톡 문의' 아코디언으로 접어 페이지 길이를 아끼면서도 채널 선택권은 그대로 남겼다. 다섯째, 뉴스레터 구독 필드를 푸터 직전 회색 밴드로 따로 떼어내 구독 전환에 시선을 몰아준다. 여섯째, 점 'J' 모티프와 반원 배지가 히어로부터 푸터까지 반복되며 시각적 일관성을 지킨다. 배지가 색뿐 아니라 'NOTICE'·'NEWS' 텍스트 라벨을 함께 달고 있는 점도 색각 이상 사용자를 배려한 좋은 기본기다.
IA·SEO 전략
축제 사이트의 정보구조에는 남다른 난제가 하나 있다. 회차가 매년 쌓인다는 점이다. 실제로 이 화면에서도 네비게이션 첫 항목은 '제26회 전주국제영화제'로 남아 있는 반면, 히어로와 소식은 온통 '제27회'를 안내한다. 회차 표기가 어긋나는 순간 방문자와 검색 크롤러 모두 어느 페이지가 '지금 열리는 축제'인지 헷갈린다. 현재 회차는 표기를 단일화하고, 지난 회차는 삭제하는 대신 아카이브 허브로 정합성 있게 연결하는 편이 낫다. 상영/예매 아래 개별 상영작 페이지에는 Event·Movie 구조화 데이터(상영 일시·상영관·러닝타임)를 부여해 검색 리치 결과로 노출될 여지를 살려야 한다. 또 아카이브·전주프로젝트·출품·배지·지프지기·전주디지털독립영화관으로 갈라지는 패밀리사이트가 여러 도메인에 흩어져 있는데, 이들 사이의 canonical과 내부 링크 앵커 텍스트를 정리해 축제 브랜드의 검색 신호가 한 방향으로 모이도록 관리하는 것이 좋다. 웹사이트 제작 초기부터 회차 구조를 URL 설계에 반영해 두면 매년 반복되는 이 문제를 근본적으로 줄일 수 있다.
성능·접근성
첫 화면을 지배하는 건 세 장의 고해상 히어로 이미지다. 붉은 카펫 위 관객, 붉은 화살표가 반복되는 배너, 코발트블루 전주프로젝트 키비주얼 — 축제의 분위기를 살리려면 화질을 포기할 수 없지만, 그만큼 초기 로딩을 무겁게 만든다. 첫 슬라이드만 즉시 로드하고 나머지 두 장은 지연 로딩으로 돌리며, 원본은 WebP/AVIF 병행 제공으로 용량을 낮추는 접근이 필요하다. 푸터의 'J' 심벌처럼 수십 개 원으로 이뤄진 그래픽은 개별 이미지보다 단일 SVG로 통합하면 요청 수와 용량을 동시에 줄인다. Kr/En 이중 언어를 지원하므로 한글·영문 폰트는 서브셋과 display=swap으로 첫 텍스트 표시를 앞당기는 게 유리하다. 접근성 측면에서 자동 전환되는 히어로 슬라이더에는 정지 컨트롤과 좌우 화살표의 명확한 포커스 링을 보장해야 하고, 뉴스레터·문의 입력 필드에는 시각적 라벨과 연결된 label 요소를 붙여 스크린리더 사용자가 무엇을 입력하는지 알 수 있게 해야 한다. FUJIFILM·현대·기아·대한항공 등 다수의 후원사 로고 띠 역시 각 브랜드명을 대체 텍스트로 제공하는 것이 기본이다.
디지털 파트너 더블루캔버스
축제·전시·공공 문화행사처럼 '기간이 정해진 이벤트'를 1년 내내 살아 있는 웹으로 운영하는 일은 생각보다 까다롭다. 회차마다 콘텐츠가 갈아엎이고, 예매·등록·공모가 동시에 돌아가며, 관객과 창작자와 협력업체라는 성격이 다른 방문자가 같은 화면을 본다. The Blue Canvas(더블루캔버스)는 이런 구조를 홈페이지 제작 첫 단계부터 설계에 반영한다. 회차 아카이브를 전제로 한 정보구조, 예매·구조화 데이터 연동, 다국어 대응까지 웹사이트 제작과 웹디자인을 한 팀에서 묶어 다루고, 검색엔진최적화(SEO)와 퍼포먼스 마케팅으로 만들어 둔 페이지에 실제 관객을 실어 나른다. 문화행사든 병원·제조·브랜드몰이든, 한 번 만들고 끝나는 사이트가 아니라 매년 성장하는 디지털 자산을 고민한다면 지금이 대화를 시작할 때다.
마무리와 다음 스텝
전주국제영화제 홈페이지는 강렬한 컬러와 점 'J' 아이덴티티, NOTICE/NEWS의 명료한 이원 편집으로 축제의 에너지를 잘 담아냈다. 다음 세 가지를 손보면 완성도가 한 단계 오른다. 첫째, 네비게이션의 회차 표기를 제27회로 통일하고 지난 회차는 아카이브로 연결해 '지금 열리는 축제'를 분명히 한다. 둘째, 붉은 NOTICE 배지에 '선정작 보기·예매하기·사전등록' 같은 행동 중심 라벨을 얹어 방문자별 다음 걸음을 지정한다. 셋째, 히어로 이미지와 J 심벌을 최적화하고 슬라이더 정지·폼 라벨 등 접근성 기본기를 채워 체감 속도와 사용성을 함께 끌어올린다. 축제가 끝나도 웹사이트는 남는다. 그 사이트를 매년 다시 쓰는 자산으로 키우는 것이 핵심이다.