ImagineAX랜딩페이지단독개발
IMAGINE AX 2026 — 행사 다가오면서 계속 바뀌는 스피커와 아젠다
2026. 6. 12.1분 읽기
단독 개발 프로젝트
IMAGINE AX 2026 랜딩페이지는 내가 혼자 맡아서 진행하는 프로젝트다. CongKong이 주최하는 행사인데 나는 개발만 담당한다.
4월 말에 Figma 시안 기반으로 처음 만들었고, 이후로는 행사 기획팀에서 내용이 바뀔 때마다 반영하는 방식으로 계속 이어지고 있다.
5월 18일 — 아젠다 섹션 전면 재작성
기존 아젠다 섹션을 완전히 갈아엎었다. 새 세션 구성을 받아서 데스크톱 3열 테이블 레이아웃으로 재구성하고, 모바일도 새 내용으로 업데이트했다.
5월 18일 이후 — 반복 수정
행사가 가까워질수록 수정 요청이 잦아졌다. 아젠다, 스피커, 파트너십 섹션이 주로 바뀌었다.
- 5/20: SK Hy → SK Hynix 표기 수정
- 5/29: 아젠다 Opening, Master Plan, 스피커 교체
- 6/2: 스피커 대거 추가 및 수정, Partnerships / APAC 섹션 변경, 모바일 스피커 경력 레이아웃 수정
- 6/4: 지도 이미지(모바일) 교체, 전체 오타 수정
- 6/5: 스피커 이미지 교체, 세션명 변경
- 6/8~9: 스피커 hover 효과 수정, 스피커 이미지 추가 교체
- 6/12: 최종 스피커 이미지 일부 교체
이런 작업에서 배운 것
컨텐츠 주도형 랜딩페이지는 초반 구조 설계가 수정 비용을 결정한다. 스피커 카드 하나를 추가·수정·숨김·교체할 때 코드 변경이 최소화되도록 데이터 배열로 관리한 덕분에 매 수정이 단순했다.
다만 speaker-5.png, speaker-9.png 같은 이미지 파일명이 고정되어 있어서, 파일을 교체할 때 캐시 문제가 간혹 생겼다. 버전 쿼리스트링(?v=2)을 붙이는 것으로 처리했다.