MROD ㈜엠아르오디펜스Homepage Renewal · 시안 제안
Designed by BOOSTPAGE · 위시켓
Proposal · 3 Live Concepts

MROD 홈페이지 리뉴얼 — 시안 제안 위시켓 지원 / Boostpage · 코드로 돌아가는 라이브 시안 3종

DEEP NAVY · TECH-LIGHT · EDITORIAL DARK — 하나를 고르세요.

지정하신 6개 레퍼런스(한화에어로스페이스·LIG넥스원·HD현대·HD한국조선해양·아비커스·한화오션)의 하이엔드 문법을 그대로 해부해, MROD의 ‘세계 최초 함정 MRO AI’ 권위를 같은 급 화면으로 — 자사 미디어가 0개여도 코드 기반 모션으로 구현합니다.

3 Concepts, 1 Authority

각 카드의 ‘라이브로 보기’를 누르면 실제 모션이 돌아가는 풀 랜딩으로 이동합니다.

01
Deep Navy Cinematic
Deep Navy Cinematic
정통 방산 하이엔드 — 딥네이비 도미넌트 90%

무드 레퍼런스 · 한화에어로스페이스 · 한화오션 · LIG넥스원

딥네이비 90% 도미넌트 + 화이트 하이콘트라스트. 6사 공통 ‘네이비·역할선언’ 코드를 정공법으로 — 가장 안전한 정통 방산 권위.

Signature Live Demo

Three.js WebGL 해양·데이터 파티클 히어로 — 사인파 해수면 웨이브 + 시안 부유 신호입자 + 마우스 패럴럭스 카메라. 자산 0 · 실무기 형상 0(방산 리스크 0), 미지원 환경엔 그라데이션 폴백.

WebGL 해양 웨이브신호 파티클마우스 패럴럭스
라이브로 보기
02
Tech-Light Data Visual
Tech-Light Data Visual
해양 AI 데이터드리븐 — 라이트 도미넌트 70%

무드 레퍼런스 · 아비커스 · HD현대

라이트 70% + 일렉트릭블루/시안 데이터 액센트. ‘데이터로 증명하는 AI’ — 방산을 무겁지 않게, 가장 현대적·테크 스타트업 톤.

Signature Live Demo

히어로 우측 예지정비 실시간 대시보드 — SVG 건전성 라인차트 스크롤 드로잉 + 신뢰도 게이지 카운트업 94% + 센서노드 4종 펄스 + 라이브 dot 진동. 전부 코드생성, 자산 0.

SVG 라인차트 드로잉신뢰도 게이지센서 펄스
라이브로 보기
03
Editorial Dark + Gold
Editorial Dark + Scroll Cinema
미니멀 모노톤 블랙 + 단일 메탈릭 골드

무드 레퍼런스 · LIG 프리미엄 · 한화오션 스토리텔링

#0D0D0F 블랙 + 골드 #C9A24B 단일 액센트, 세리프 디스플레이. ‘읽히는 권위’ — 좌우 비대칭 에디토리얼로 가장 프리미엄·차별적.

Signature Live Demo

GSAP ScrollTrigger Pin 4챕터 시네마 시퀀스 + Three.js 디지털트윈 와이어프레임(추상 함정 + 7 골드 센서 펄스 + Nexus 두뇌로 흐르는 데이터 입자, 마우스 오빗·스크롤 회전). 자산 0.

ScrollTrigger 시네마디지털트윈 와이어센서 펄스 링
라이브로 보기

이 시안들은 코드 기반 라이브 모션입니다 — 영상·이미지 자산 0개로 제작했습니다. 실제 무기 형상·함정명 노출 0(방산 보안 가드레일 준수). 실제 프로젝트에선 스톡·AI영상·모션그래픽 소싱까지 저희가 책임집니다.

Why Boostpage

경쟁 43명과의 차이는 ‘말로 하는 디자인’이 아니라 ‘돌아가는 화면’입니다.
지금 바로 세 시안의 모션을 직접 눌러보세요.

위 카드의 라이브로 보기 → 또는 카드 어디든 클릭