개요
핵심 요약
- 트리니티항공은 2026년 9월 첫 비행을 예고한 신생 항공사로, brand.trinityairways.com/kr/ 에 브랜드 소개 전용 사이트를 운영한다.
- 사이트는 스스로를 완전서비스(FSC)와 저비용(LCC) 사이의 ‘Selective Service Carrier(SSC)’로 정의한다.
- 히어로 영상부터 항공기 꼬리날개, 좌석 클로즈업까지 이어지는 풀스크린 스크롤 구조이며 GSAP·ScrollTrigger·Observer가 적용돼 있다.
- Relaxed·Reliable·Selective·Hospitality 네 개의 ‘Experience’ 챕터를 각각 루프 영상과 함께 배치했다.
- 페이지 우측 상단에는 사운드 켜기 버튼이 있고, 하단 푸터에는 AI 생성 이미지 사용을 밝히는 고지문이 있다.
트리니티항공은 아직 취항하지 않은 신생 항공사로, brand.trinityairways.com/kr/ 를 브랜드 소개 전용 사이트로 운영한다. 첫 화면은 구름 위를 나는 항공 영상과 함께 ‘2026년 9월, 트리니티항공이 첫 비행을 시작합니다’라는 문장 하나로 열린다. 예약, 노선, 요금 같은 실무 정보는 없고, 오직 브랜드가 왜 존재하는지를 설명하는 데 화면 전체를 쓴다.
스크롤을 내리면 FSC(완전서비스)와 LCC(저비용) 두 갈래로 갈라지는 항공기 그래픽이 나오고, 트리니티는 그 둘 중 하나가 아니라고 말한다. 이어서 Our Story 세 화면, Experience 네 챕터, OUR Promise, 그리고 Brand Identity·공식 홈페이지로 가는 링크가 순서대로 이어진다. 이번 리뷰에서는 예약 기능이 없는 브랜드 티저 사이트가 어떻게 포지셔닝 하나로 화면을 설계하는지를 살펴본다.
브랜드 & 메시지
브랜드 메시지의 축은 ‘Selective Service Carrier’다. ‘더 많은 서비스를 제공하거나, 더 낮은 가격을 제시하거나’ 라는 문장으로 기존 항공사 구도를 요약한 뒤, ‘하지만 고객이 원하는 것은 언제나 그 둘 중 하나만은 아니었다’고 반박한다. 이어 ‘무엇을 더할지보다 무엇을 남길지 고민하는 것’이라는 문장으로 SSC 개념을 정리한다. 신규 항공사가 흔히 내세우는 저가·신규 노선 강조 대신, 서비스 설계 철학을 먼저 제시하는 접근이다.
시각 톤은 항공사 특유의 하늘·구름·기체 사진을 살리되 색을 과하게 쓰지 않는다. 좌석 클로즈업, 공항 출국장, 활주로 이착륙 영상을 Relaxed·Reliable·Selective·Hospitality 네 키워드에 각각 배치해 추상적인 가치어를 구체 장면으로 번역한다. 푸터에는 ‘페이지 내 일부 시각 요소는 AI 이미지 생성 도구로 제작됐으며 실제 인물·장소·사건을 묘사한 것이 아니다’라는 고지문이 있어, 생성 이미지 사용을 스스로 밝히고 있다.
UX/UI 관점
강점은 다섯 가지다. 첫째, 도입부의 FSC/LCC 분기 그래픽이다. 텍스트로 개념을 설명하는 대신 항공기가 두 갈래 궤적 중 어느 쪽도 아닌 길을 그리는 인터랙션으로 포지셔닝을 시각화했다. 둘째, Relaxed·Reliable·Selective·Hospitality 네 챕터마다 프리뷰 이미지에서 풀스크린 루프 영상으로 확장되는 2단 전환 구조를 반복 배치해, 같은 리듬으로 네 가치를 학습시킨다.
셋째, 우측 상단 사운드 켜기 버튼이다. 자동재생 영상에 소리를 강제하지 않고 방문자가 선택하게 했다. 넷째, KR/EN 두 언어와 모바일 전용 인터랙션(mobile.js)을 별도로 준비해 반응형이 아니라 모바일 전용 연출을 갖췄다. 다섯째, 하단에 Brand Identity 서브페이지와 공식 서비스 홈페이지(twayair 앱 연결)로 가는 두 개의 링크만 남겨, 티저 사이트에서 다음 행동을 두 가지로 제한했다. 여섯째, 스크롤 진행률을 우측 ‘OPENING’ 인디케이터로 표시해 몇 번째 장면인지 인지시킨다.
IA·SEO 전략
검색 설계는 티저 사이트 수준에 머물러 있다. title은 ‘트리니티항공 | 새로운 여정의 시작’, description은 한 문장뿐이고, 구조화 데이터(JSON-LD)는 원본 HTML 어디에도 없다. Organization이나 Airline 스키마가 없어 검색엔진과 AI 답변 엔진이 이 사이트를 항공사 공식 채널로 명확히 인식할 근거가 부족하다. canonical은 ‘https://brand.trinityairways.com/’로 루트 도메인을 가리키는데, 실제 접속 경로는 ‘/kr/’ 하위이므로 언어별 URL과 canonical이 정확히 일치하지 않는다.
반대로 초기 HTML 자체에는 본문 카피가 이미 텍스트로 들어 있어, 스크롤 애니메이션에 의존하는 구조치고는 크롤러가 읽을 내용이 적지 않다. 다만 예약·노선·고객센터 같은 실무 페이지가 아직 없는 단계이므로, 정식 서비스 오픈 시점에는 Airline·Organization 구조화 데이터와 함께 KR/EN 외 언어, hreflang 선언을 갖추는 편이 국제선 검색 대응에 유리하다.
성능·접근성
풀스크린 영상을 다섯 개 이상의 섹션에서 각각 자동재생·반복시켜, 첫 화면 로딩 이후에도 스크롤에 따라 지속적으로 영상 요청이 발생하는 구조다. 저사양 기기나 느린 네트워크에서는 각 챕터 진입 시 로딩 지연이 체감될 수 있으므로, 저해상도 포스터 이미지를 먼저 보여주고 영상을 지연 로드하는 방식을 점검할 필요가 있다.
사운드 버튼의 aria-label(‘사운드 켜기’)과 aria-pressed 속성은 갖춰져 있어 접근성 기본기는 지켰다. 다만 텍스트가 영상 위에 겹쳐 배치되는 구간이 많아, 영상 밝기에 따라 카피 대비가 흔들릴 수 있는 구간이 있다. 모바일 br 분기(mo_br)를 세밀하게 걸어둔 점은 좋지만, 그만큼 카피 줄바꿈이 코드에 하드코딩돼 있어 실제 폰트나 언어가 바뀔 경우 줄바꿈 유지보수 비용이 늘어날 수 있다.
자주 묻는 질문
트리니티항공은 어떤 항공사인가요?
2026년 9월 첫 비행을 예고한 신생 항공사로, 브랜드 사이트에서 스스로를 ‘Selective Service Carrier(SSC)’로 소개합니다. 완전서비스 항공사와 저비용 항공사 사이에서 고객에게 필요한 가치만 선택적으로 제공하겠다는 포지셔닝입니다.
항공사가 취항 전에 브랜드 티저 사이트부터 여는 이유는 무엇인가요?
예약·노선 정보가 준비되기 전에 브랜드 철학과 정체성을 먼저 각인시키기 위해서입니다. 트리니티항공처럼 영상 중심의 롱스크롤 사이트로 가치를 전달하면, 실제 서비스 오픈 시점의 신뢰도를 미리 쌓을 수 있습니다.
스크롤 애니메이션이 많은 사이트는 검색엔진 최적화에 불리한가요?
반드시 그렇지는 않습니다. 이 사이트처럼 애니메이션 여부와 무관하게 카피가 초기 HTML에 텍스트로 포함돼 있으면 크롤러가 읽을 수 있습니다. 다만 Organization 같은 구조화 데이터와 canonical URL 일치는 별도로 챙겨야 합니다.
신생 브랜드 홈페이지 제작 비용과 기간은 어떻게 되나요?
페이지 수, 영상·인터랙션 분량, 다국어 지원 범위에 따라 크게 달라집니다. 정확한 견적은 요구사항 범위를 정한 뒤 상담을 통해 산정하는 것이 일반적입니다.
디지털 파트너 더블루캔버스
취항 전 브랜드 사이트는 예약 전환을 노리는 페이지가 아니라, ‘이 항공사를 믿어도 되는가’라는 질문에 먼저 답해야 하는 페이지다. 포지셔닝 문장 하나를 영상과 인터랙션으로 반복 각인시키는 동시에, 서비스가 열렸을 때를 대비한 구조화 데이터와 다국어 체계를 미리 설계해두지 않으면 브랜드 인지와 검색 노출이 따로 놀게 된다.
The Blue Canvas(더블루캔버스)는 브랜드 티저 단계의 스토리텔링 사이트를 만들 때도, 정식 오픈 이후 필요한 Organization·서비스 스키마와 다국어 URL 구조를 함께 설계한다. 지금 보여줄 화면과 나중에 검색에서 발견돼야 할 구조를 동시에 잡아두는 순서로 작업이 진행된다.
마무리와 다음 스텝
트리니티항공의 사이트는 예약 기능이 없는 티저 단계임을 감안하면 완성도가 높다. FSC/LCC 이분법을 반박하는 도입부 인터랙션, 네 개 경험 챕터의 반복 리듬, 사운드 선택권을 준 세심함이 눈에 띈다. 다만 검색 관점에서는 아직 비어 있는 부분이 많고, canonical URL도 실제 경로와 어긋나 있다.
실행 제안은 셋이다. 첫째, Organization과 향후 Airline 구조화 데이터를 추가해 검색·AI 답변 엔진이 브랜드를 명확히 인식하게 한다. 둘째, canonical과 hreflang을 언어별 실제 경로에 맞춰 정리한다. 셋째, 영상 다수 구간에 저해상도 포스터와 지연 로드를 적용해 저사양 환경에서의 체감 속도를 개선한다.
