한국보안기술 반응형 포트폴리오

메인 화면 기획 및 통합보안 신뢰 중심 랜딩 구성

[메인 화면 기획]

어두운 사이버 공간 위로 네트워크가 연결된 디지털 지구 비주얼에 '보안전문기업 (주)한국보안기술입니다'라는 메시지를 더해,

글로벌 인프라를 지키는 보안 기업의 정체성을 첫 화면에서 전달하도록 기획했습니다.

이어서 품질 향상·보안 향상·지연시간 감소·비용 감소라는 도입 효과, 디도스 보안 구성도, 4개 사업분야 순으로 배치해

'왜 필요한지'에서 '어떻게 막는지'까지 단계적으로 이해하도록 구성했습니다.

메인 디자인 시스템

[메인 디자인]

블랙과 딥 네이비를 바탕으로 로고 방패의 블루를 포인트 컬러로 사용하고,

버튼과 표 헤더에는 블루-바이올렛 그라데이션을 적용해 첨단 보안 기술 기업다운 세련된 인상을 만들었습니다.

회로 패턴 배경과 라인 아이콘, 증감 화살표가 들어간 효과 카드로 기술적인 정보를 직관적으로 시각화하고,

흰색 구성도 패널로 대비를 주어 핵심 정보가 어두운 화면 속에서도 또렷하게 보이도록 했습니다.

컨텐츠디자인

[콘텐츠 디자인]

해킹보안·서버/네트워크·게임서비스·클라우드·스트리밍 5개 영역으로 서비스를 나누고,

각 상품을 서비스명·분류·구성·가격·국가가 한 줄에 정리된 표로 구성해 사양과 비용을 한눈에 비교할 수 있도록 했습니다.

서버·관리자 해킹 방지 페이지는 XSS, SQL 인젝션, 스니핑 같은 공격 유형별로 이미지와 설명을 짝지어 배치해,

비전문가도 위협과 대응 방식을 쉽게 이해할 수 있도록 설계했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

상품 표의 각 행 끝에 'ORDER NOW' 버튼을 두어 비교 후 바로 주문으로 이어지는 짧은 전환 동선을 만들고,

메인 사업분야 아이콘마다 '자세히 보기'를 연결해 관심 서비스로 곧장 이동하도록 했습니다.

GNB 하위 메뉴에 한국·일본 서버, MMORPG·FPS 등 세부 상품을 모두 노출해 원하는 서비스를 바로 찾게 하고,

스크롤 탑 버튼으로 긴 페이지에서도 탐색이 편하도록 설계했습니다.