- CLIENT
- 엔케이에더먼트 (NK ADAMANT Co., Ltd.)
- INDUSTRY
- 해양 방위산업 · 잠수함/수상함 핵심장비
- PROJECT
- 기업 홈페이지 신규 구축
- PERIOD
- 2026. 01 ~ 2026. 05
프릭스 수행범위
IA 설계부터 스토리보드, GUI, 웹표준 마크업, CMS·다국어 개발, 반응형 대응까지 단일 팀이 수행했습니다.
BACKGROUND
신규 구축이 필요했던 세 가지 이유
-
01
회사의 존재를 증명해야 했다
엔케이에더먼트는 2025년 5월 설립된 NK그룹의 방산 전문 자회사입니다. 그러나 통합양강마스트·유압공급장치 등 잠수함 핵심장비는 2012년부터 실제 함정에 탑재되어 온 실적이 있었습니다. 법인은 새롭지만 기술은 새롭지 않다는 사실을 증명할 채널이 없었습니다.
-
02
방문자의 목적이 서로 달랐다
조선소 발주처(한화오션·HD현대중공업 등), 해군·국방 관계자, 채용 지원자, 협력업체가 한 사이트에 동시에 들어옵니다. 목적이 다른 이 집단들이 같은 메뉴를 거쳐야 했고, 기술 신뢰도와 채용 정보를 동시에 설득해야 했습니다.
-
03
공개할 수 있는 정보의 경계가 뚜렷했다
방위산업 특성상 세부 제원과 도면은 공개할 수 없지만, 기술력과 신뢰도는 보여줘야 하는 긴장관계가 있었습니다. 실적은 함번·발주처·연도까지는 밝히되 계약조건은 배제하는 정보공개 기준이 필요했습니다.
다섯 집단, 다섯 개의 목적지
| 방문자 유형 | 방문 목적 | 도달해야 할 영역 |
|---|---|---|
| 조선소·발주처 | 어떤 함정에 어떤 장비를 어떤 기술로 공급하는가 | What We Do·잠수함 / 수상함 장비 |
| 해군·국방 관계자 | 기술 검증 이력과 회사의 신뢰도 | 회사 현황·R&D·실적 |
| 취업준비생 | 어떤 일을 하고 어떻게 지원하는가 | Careers·인사절차·복지제도·인재상 |
| 협력업체 | 등록·거래·제보를 어디서 처리하는가 | 신문고·방문신청 |
| 투자자·관계기관 | 계열사 구조와 경영 방침 | 관계사·경영방침·비전/연혁 |
SOLUTION
정보구조를 처음부터 세운 세 가지 원칙
-
01
부품이 아니라 함정 단위로 묶는다
개별 부품을 나열하는 대신 '잠수함'과 '수상함' 두 축으로 What We Do를 재편했습니다. 통합양강마스트·유압공급장치 등 7종 잠수함 장비와 승강기·램프/게이트 등 수상함 장비를 함정 유형 아래 묶어, 발주처가 함정만 알아도 관련 장비 전체를 한 번에 찾도록 만들었습니다.
-
02
설명 대신 실적으로 증명한다
회사 현황에는 대표자·임직원수·설립일 같은 팩트를, 실적 페이지에는 2012년부터 2025년까지 15건의 함정 탑재 이력을 연도별로 그대로 공개했습니다. 문장이 아니라 숫자와 이력으로 신뢰를 증명하는 구조입니다.
-
03
흩어진 시스템을 하나의 관문으로 모은다
신문고 제보, 방문신청, Q&A처럼 별도 도메인에서 운영되는 시스템을 전 페이지 공통 푸터에 상설 배치했습니다. 목적이 분명한 협력업체·제보자는 메뉴를 거치지 않고 바로 이동합니다.
정보구조 (Information Architecture)
- Who We Are회사 현황R&D기술연구소 현황 · 연구개발 실적 · 지적재산권 현황 · 인증 현황기업 홍보최신 기사 · 자료실 · 카탈로그 · 홍보 영상관계사경영 방침비전/연혁오시는 길
- What We Do잠수함통합양강마스트 · 유압공급장치 · 타기구동장치 · 무장발사체계 · 압축 공기 실린더 · 팽창 탱크류수상함승강기 시스템 · 램프/게이트 시스템 · 워터넷 유도관 · 기뢰부설장치소화 시스템소화 장치MRO 사업잠수함 · 수상함특수 의료 시스템HBOT(고압산소치료장비) · 다이버 감압 챔버 · 잠수 체계 호흡형 가스 저장 실린더
- Careers인사 절차복지 제도인재상
- Contact부서별 안내
신문고(제보), 방문신청 예약(visit.nkadamant.com), 공정현황, Q&A, KO/EN 전환 — 전 페이지 상설 노출
FEATURES
무엇을 개발했는가
보이는 기능
01
풀스크린 다크 히어로 영상
'NAVAL DEFENSE LEADER / TRUSTED TECHNOLOGY / PROVEN QUALITY' 세 문구를 실제 장비 클로즈업 영상 위에 얹었습니다. 검정에 가까운 배경과 절제된 카피로 방위산업의 무게감을 그대로 전달합니다.
02
제품 탭 인터랙션
통합양강마스트·유압공급장치·무장발사체계·소화 시스템 네 개 탭을 클릭하면 이미지와 한 줄 카피가 함께 전환됩니다. 제품을 나열하지 않고 하나씩 짚어 보여줍니다.
03
전체메뉴형 GNB
헤더의 메뉴 버튼으로 Who We Are · What We Do · Careers · Contact 전체 구조를 한 화면에 펼칩니다. 어느 페이지에서든 동일한 진입점을 제공합니다.
04
KO/EN 다국어 전환
헤더의 ENG 버튼으로 국문·영문 페이지를 즉시 전환합니다. 해외 발주처와 국내 해군·협력업체를 하나의 사이트에서 함께 응대합니다.
보이지 않는 기능
01
R&D 게시판 체계
기술연구소 현황·연구개발 실적·지적재산권 현황·인증 현황을 각각 독립된 게시판으로 운영해, 기술력의 근거를 항목별로 갱신합니다.
02
실적 데이터베이스
2012년부터 2025년까지 15건의 함정 탑재 실적을 연도·함번·발주처·장비 항목으로 구조화한 게시판으로 운영합니다.
03
채용 정보 운영
인사 절차·복지 제도·인재상 페이지를 분리 운영해, 지원을 고민하는 사람과 이미 지원을 준비하는 사람을 나눠 응대합니다.
04
외부 시스템 연계
신문고 제보(post.nkcf.com), 방문신청 예약(visit.nkadamant.com) 등 별도 도메인에서 운영되는 시스템을 본 사이트 동선 안으로 연결했습니다.
05
관리자 CMS
R&D·기업홍보·실적 콘텐츠의 등록·수정·노출 제어를 담당 부서가 직접 처리하도록 구성했습니다.
06
웹표준 · 크로스브라우징
웹표준 마크업 기반으로 퍼블리싱하고 주요 브라우저에 대응했습니다.
DESIGN
설명하지 않고,
보여준다
방위산업의 신뢰감은 문장으로 설명되지 않습니다.
NK ADAMANT 워드마크를 지키면서도, 장비 영상
자체가 화면을 지배하도록 시각 언어를 정리했습니다.
영상이 주인공인 화면
실제 장비 클로즈업 영상을 풀블리드로 재생하고 텍스트는 최소한만 얹습니다. 설명을 읽기 전에 기술을 보게 하는 것이 목표였습니다.
다크 오버레이와 대형 타이포
검정에 가까운 배경 위에 흰색 대문자 영문 헤드라인을 배치해, 국제적인 방산기업의 어조를 만듭니다.
NK ADAMANT 워드마크 고정
헤더에 워드마크를 고정 노출해, 신생 법인이라도 전 페이지에서 일관된 브랜드 인상을 만듭니다.
절제된 마이크로 인터랙션
탭 전환, 카드 호버 정도로만 움직임을 제한했습니다. 방산 기업의 신뢰감은 과한 연출에서 나오지 않습니다.
여백 중심 그리드
섹션 사이 여백을 넉넉히 두어 정보 위계를 단순화하고, 한 화면에 하나의 메시지만 남도록 구성했습니다.
반응형 재배치
데스크톱의 탭형 제품 레이아웃은 모바일에서 세로 스택으로 전환됩니다. 이미지 크롭 기준을 따로 정의해 모바일에서도 장비가 잘리지 않습니다.
주요 화면
RESULT
무엇을 갖추게 됐는가
| 구분 | BEFORE | AFTER | 의미 |
|---|---|---|---|
| 구조 | 홈페이지 없음 (신설 법인) | 잠수함·수상함 2축 기술 서사 | 신생 기업도 첫 화면에서 기술 신뢰도를 전달합니다. |
| 동선 | 목적형 방문자 응대 채널 부재 | 신문고 · 방문신청 상설 배치 | 협력업체 · 제보자가 메뉴를 거치지 않고 바로 도달합니다. |
| 기기 | 대응 기준 부재 | 반응형 단일 사이트 | 모바일·태블릿에서도 동일한 브랜드 경험을 제공합니다. |
| 운영 | 부재 (신규 구축) | 게시판형 CMS 기반 직접 운영 | R&D·실적·기업홍보 콘텐츠를 담당 부서가 직접 갱신합니다. |
