개요
NDC는 넥슨(NEXON Korea Corp.)이 여는 게임 개발자 컨퍼런스, Nexon Developers Conference의 약자다. 이번 리뷰의 대상은 2026년 행사인 NDC26의 공식 사이트로, 첫 화면부터 마지막 푸터까지 검정 바탕에 형광에 가까운 네온 틸(teal) 컬러를 얹어 개발자·게이머 정서를 정면으로 겨냥한 이벤트 페이지다. 세션 정보, 프로그램 안내, 오시는 길, FAQ가 한 장의 세로 스크롤에 응축돼 있어, 방문자가 "행사가 언제, 어디서, 무엇을 다루는가"를 빠르게 파악하도록 설계됐다.
컨퍼런스 마이크로사이트는 개막이라는 마감 시한이 존재하는 특수한 웹사이트다. 그래서 이번 리뷰는 일반 기업 홈페이지 제작 기준을 그대로 대입하지 않고, 카운트다운이 만드는 긴장감, DAY별 세션을 훑게 만드는 탐색 동선, 그리고 행사 종료 이후에도 콘텐츠가 자산으로 남는가라는 세 축을 중심으로 이 웹디자인을 살펴본다.
브랜드 & 메시지
히어로는 푸른 톤으로 물들인 사옥 사진 위에 NEXON 워드마크를 크게 얹고, 검정과 형광 그린의 사선 도형으로 화면을 가른다. 게임 회사다운 속도감과 각진 그래픽 언어가 첫 3초 안에 브랜드 성격을 각인시킨다. 곧바로 이어지는 카운트다운 블록은 "개막 일시 2026년 6월 16일(화) 오전 10시"를 못 박고, NDC26 개막까지라는 문구 아래 DAYS·HOURS·MINUTES·SECONDS를 플립시계 형태로 실시간 표시한다. 남은 시간을 초 단위로 흐르게 만든 이 장치가 사실상 이 사이트의 핵심 CTA다.
메인 카피는 NDC 26 / Nexon Developers Conference로 간결하고, 그 아래 짧은 소개문과 틸 그라데이션 버튼 NDC 알아보기가 다음 행동을 유도한다. 상단 글로벌 네비게이션은 NDC 소개·세션·FAQ·오시는 길처럼 방문 목적에 그대로 대응하는 항목으로 짜여 군더더기가 없다. 다만 히어로의 CTA(알아보기)와 카운트다운(개막까지)이 서로 다른 목표를 가리켜, "지금 무엇을 눌러야 하는가"라는 우선순위가 한 박자 흐려지는 지점은 눈에 띈다.
UX/UI 관점
이벤트 페이지로서 이 사이트가 잘한 지점을 화면에 근거해 정리한다.
1. 다크 테마의 일관성. 히어로부터 푸터의 대형 NDC 워드마크까지 검정 배경과 틸 포인트가 흔들림 없이 유지돼, 스크롤 내내 하나의 무대를 보는 듯한 몰입을 만든다. 컬러 절제가 강점이다.
2. 카운트다운의 정보 위계. 숫자를 키우고 DAYS/HOURS/MINUTES/SECONDS 라벨을 작게 배치해, 흘깃 봐도 "며칠 남았는지"가 먼저 읽힌다. 시급성을 시각적으로 번역한 좋은 사례다.
3. 프로그램의 3분할 카드. SESSION·ART EXHIBITION·EVENT ZONE을 삼각형·사선·부채꼴 도형으로 아이콘화해, 텍스트를 읽기 전에 행사 구성을 형태로 먼저 이해시킨다.
4. DAY별 세션 캐러셀. DAY 1~3을 세로로 쌓고 좌우 화살표로 연사 카드를 넘기게 해, 방대한 세션을 부담 없이 훑도록 했다. 연사 사진과 세션 제목을 한 카드에 묶은 구성이 스캔성을 높인다.
5. 탭형 FAQ와 지도. "자주 묻는 질문"을 행사 일반·신청·공간 등 탭으로 나눈 아코디언과, "오시는 길"의 지도·교통 안내가 방문 직전 궁금증을 한 화면에서 해소한다. 실무 정보가 하단에 잘 정돈돼 있다.
보완점도 있다. 세션 캐러셀은 카드가 화면 밖으로 잘려 보여 조작 가능함을 암시하지만, 좌우 화살표의 대비가 낮아 터치·클릭 어포던스가 약하다. 카운트다운·캐러셀 같은 동적 요소가 많은 만큼, 애니메이션을 줄이는 사용자 설정(prefers-reduced-motion)을 존중하는 UX/UI 배려가 더해지면 완성도가 올라간다.
IA·SEO 전략
단일 세로 스크롤 구조는 방문자에게는 친절하지만, 검색엔진 입장에서는 세션 하나하나가 색인 가능한 페이지로 존재하지 않는다는 약점이 있다. NDC의 진짜 자산은 매년 쌓이는 강연 콘텐츠다. 각 세션에 고유 URL과 개별 <title>·meta description을 부여하고, 연사·트랙·연도를 필드로 갖는 상세 페이지로 분리하면 "게임 AI 강연", "라이브서비스 세션"처럼 롱테일 검색으로 유입되는 문을 크게 넓힐 수 있다.
행사 정보에는 schema.org의 Event 구조화 데이터를, 세션에는 강연 일정·연사를 담은 마크업을 적용하면 구글 검색 결과에 날짜·장소가 리치 스니펫으로 노출된다. 아울러 개막 전에는 신청·카운트다운을, 종료 후에는 다시보기·발표 자료로 히어로 CTA가 전환되도록 설계해, 한 번 만든 사이트가 1년 내내 검색 유입을 받는 상시 채널이 되게 하는 것이 이 유형 웹사이트 제작의 핵심 IA 전략이다.
성능·접근성
히어로 사옥 이미지, 프로그램 카드, DAY별 연사 사진까지 무거운 비주얼이 촘촘하다. 첫 화면 이미지는 LCP에 직결되므로 폭·높이를 명시해 레이아웃 이동(CLS)을 막고, 접히는 아래 영역의 세션 사진은 지연 로딩과 WebP/AVIF 병행으로 초기 로드를 가볍게 하는 것이 우선이다. 플립시계 카운트다운은 매 초 DOM을 갱신하는 만큼, 리페인트 범위를 숫자 영역으로 좁혀 배터리·프레임 부담을 줄일 여지가 있다.
접근성 측면에서 네온 틸과 검정의 조합은 강렬하지만, 본문 회색 텍스트와 어두운 배경의 명도 대비가 기준(WCAG AA)에 근접하는지 점검이 필요하다. 카운트다운 숫자는 스크린리더가 매 초 읽지 않도록 aria-live 처리를 다듬고, 세션 캐러셀은 키보드 화살표 조작과 포커스 표시를 함께 제공해야 한다. 화려한 인터랙션과 안정적인 기본기를 동시에 잡는 것이 이 웹디자인의 남은 과제다.
디지털 파트너 더블루캔버스
NDC 같은 컨퍼런스·전시·브랜드 행사 사이트는 개막이라는 마감 시한 안에 강한 첫인상과 정확한 정보를 동시에 잡아야 한다. The Blue Canvas(더블루캔버스)는 이런 이벤트형 웹사이트 제작에서, 카운트다운과 세션 캐러셀 같은 몰입 장치를 성능·접근성 기준 위에서 구현하는 홈페이지 제작 역량을 갖추고 있다.
단발성 랜딩으로 끝내지 않는 것이 차별점이다. 세션마다 색인 가능한 상세 페이지와 구조화 데이터를 얹어 SEO 검색엔진최적화로 상시 유입을 만들고, 신청·다시보기 전환을 퍼포먼스 마케팅과 연결해 행사 전후의 트래픽을 성과로 바꾼다. 게임·IT 브랜드 행사, 제품 론칭, 전시 마이크로사이트의 웹사이트 제작을 고민한다면 기획부터 웹디자인, 배포, 운영까지 한 흐름으로 맡길 수 있다.
마무리와 다음 스텝
NDC26 사이트는 네온 틸과 블랙, NEXON 히어로, 플립시계 카운트다운으로 게임 컨퍼런스의 톤을 확실히 세운 강한 이벤트 페이지다. 몰입은 충분하니, 이제 이 몰입을 자산과 유입으로 전환할 차례다.
제안은 세 가지다. 첫째, 세션에 개별 URL과 Event 구조화 데이터를 부여해 검색 자산화한다. 둘째, 히어로 이미지·카운트다운·캐러셀의 로딩과 명도 대비를 손봐 Core Web Vitals와 접근성을 끌어올린다. 셋째, 개막 전 신청과 종료 후 다시보기로 CTA를 자동 전환해 1년 내내 살아 있는 웹사이트로 운영한다.