'인텔리빅스(IntelliVIX)' 반응형 기업 홈페이지 UX/UI 구축

Client.

인텔리빅스

Work.

Planning, UI Design

Production.

WEB

Device.

PC

Period.

22.01~22.04

Project Overview.

인텔리빅스의 홈페이지 구축 프로젝트입니다. PC와 모바일 기기에서 모두 인텔리빅스의 홈페이지를 이용할 수 있도록 반응형 웹으로 제작했습니다. 회사의 비전과 기술을 효과적으로 드러내고 모바일 환경에서도 PC에서와 마찬가지의 가독성을 유지하며 디자인했습니다.

인텔리빅스(IntelliVIX) 반응형 기업 홈페이지 UI/UX 구축1

인텔리빅스(IntelliVIX) 반응형 기업 홈페이지 UI/UX 구축2
인텔리빅스(IntelliVIX) 반응형 기업 홈페이지 UI/UX 구축3
 

AI 비전 기술을 한눈에 전하는, '인텔리빅스(IntelliVIX)'

인텔리빅스가 가진
AI 비전·관제 기술력과 비전을 직관적이고 임팩트 있게 알릴 공식 창구가 필요했습니다. 모바일 접속이 늘면서 PC의 세련된 디자인과 풍부한 정보를 모바일에서도 그대로 보여 줘야 했고, 사업 분야, 기술 솔루션, 기업 소식 등 흩어진 정보도 목적에 맞게 쉽게 찾을 수 있어야 했습니다. 이에 어떤 기기에서도 기술력을 선명하게 전달하는 기업 홈페이지를 목표로 했습니다.

먼저 화면 크기에 유연하게 대응하는 그리드를 적용해 스마트폰부터 고해상도 PC까지 같은 가독성과 완성도를 유지했습니다. 복잡한 AI 기술 설명은 텍스트 대신 도식 아이콘, 인터랙티브 비주얼, 동영상으로 풀어 한눈에 이해되도록 했습니다. 기업 소개, AI 솔루션 탐색, 도입·제휴 문의로 이어지는 목적 중심의 메뉴 구조를 만들어 원하는 정보를 빠르게 찾을 수 있게 했습니다.

마지막으로 AI 전문 기업다운 신뢰감과 첨단 이미지를 담은 색상, 읽기 쉬운 글꼴, 반응형 구성 요소로 인텔리빅스 전용 웹 디자인 시스템을 만들었습니다. 이를 바탕으로 브랜드 비전 메인 랜딩, AI 비전 관제 솔루션 상세, 보도자료·소식 갤러리, 온라인 문의 모달 등 PC·모바일 핵심 화면을 완성하여, 방문자가 기업의 기술을 쉽게 이해하고 문의까지 이어갈 수 있는 환경을 만들었습니다.


Key Features

- 스마트폰부터 PC까지 일관된 반응형 그리드
- 도식 아이콘·인터랙티브 비주얼·동영상으로 풀어낸 AI 기술 설명
- 기업 소개에서 솔루션 탐색, 도입·제휴 문의까지 이어지는 메뉴 구조
- AI 비전 관제 솔루션 상세 화면
- 보도자료·소식 갤러리와 온라인 문의 모달
- 인텔리빅스 전용 웹 디자인 시스템