프로젝트 배경
1) 문제점
- 기존에는 올세를 소개할 공식 웹사이트가 부재했으며, 사업 및 브랜드 신뢰도를 높일 수단이 부족했음.
- 고객 및 파트너사가 기업 정보를 확인할 수 있는 접점이 없음.
2) 프로젝트 목표
- 올세의 기업 비전 및 사업 내용을 명확히 전달하는 브랜드 중심 웹사이트 구축
- PC 및 모바일 사용자 모두에게 최적화된 UX 제공
- 투자자 및 신규 파트너 유입 시 신뢰도 있는 기업 이미지 전달
3) 주안점
- 직관적인 정보 구조 설계 (IA)로 핵심 정보를 빠르게 전달
- 브랜드 컬러와 톤앤매너를 반영한 고급스러운 디자인
- 반응형으로 모든 디바이스에서 일관된 사용자 경험 제공
- 기존에는 올세를 소개할 공식 웹사이트가 부재했으며, 사업 및 브랜드 신뢰도를 높일 수단이 부족했음.
- 고객 및 파트너사가 기업 정보를 확인할 수 있는 접점이 없음.
2) 프로젝트 목표
- 올세의 기업 비전 및 사업 내용을 명확히 전달하는 브랜드 중심 웹사이트 구축
- PC 및 모바일 사용자 모두에게 최적화된 UX 제공
- 투자자 및 신규 파트너 유입 시 신뢰도 있는 기업 이미지 전달
3) 주안점
- 직관적인 정보 구조 설계 (IA)로 핵심 정보를 빠르게 전달
- 브랜드 컬러와 톤앤매너를 반영한 고급스러운 디자인
- 반응형으로 모든 디바이스에서 일관된 사용자 경험 제공
프로젝트 성과
구축 1개월 내 페이지 이탈률 38% 감소
명확한 정보 설계와 사용자 흐름 중심의 UI 개선으로 방문자가 첫 화면에서 이탈하는 비율이 줄어들었으며, 콘텐츠 소비율이 상승함.
런칭 후 첫 달 기준 신규 방문자 비율 73% 달성
검색 최적화(SEO) 기반 마크업과 SNS 링크 공유 전략을 통해 자연 유입이 증가했고, 기존 고객뿐 아니라 새로운 사용자 접근성이 높아졌음.
웹사이트 오픈 후 B2B 제휴 문의 5건 이상 유입
기업 소개 및 사업 분야를 신뢰감 있게 전달함으로써 파트너사 및 투자자 대상 문의가 실질적으로 발생, 클라이언트 측에서도 긍정적으로 평가됨
모바일 사용자 평균 체류 시간 1.8배 증가
모바일에서도 읽기 쉬운 타이포그래피, 적절한 여백, 빠른 로딩 속도로 UX를 강화해 사용자의 콘텐츠 소비 시간이 유의미하게 증가함.
사내 인트라넷에서 웹사이트 링크 공유 증가로 내부 만족도 상승
구성원들이 회사 외부에 기업을 소개할 때 활용할 수 있는 공식 채널이 생겨 커뮤니케이션 효율이 개선되었고, 내부에서도 ‘우리 브랜드의 얼굴’로 긍정적인 피드백을 받음.
핵심 기능

🖼️ 사용자 이해도를 높이는 일러스트 활용
- 기술이나 제품 사용법이 복잡하게 느껴질 수 있는 부분에 일러스트를 삽입해 정보 전달력을 강화
- 직관적 시각 언어로, 사용자들이 제품의 사용 방식이나 작동 원리를 빠르게 이해할 수 있도록 도움
- 직관적 시각 언어로, 사용자들이 제품의 사용 방식이나 작동 원리를 빠르게 이해할 수 있도록 도움

🧭 탐색 효율을 높인 네비게이션 구조
- 제품 종류가 많은 플랫폼 특성에 맞춰 직관적이고 명확한 카테고리 중심 네비게이션을 설계
- 사용자는 상위 제품군에서부터 하위 세부 항목까지 단계적으로 접근할 수 있음
- 사용자는 상위 제품군에서부터 하위 세부 항목까지 단계적으로 접근할 수 있음

📦 제품 카드 UI – 스펙 중심 구성
- 주요 기능, 이미지, 간단한 설명 등을 카드 형태로 구성해 탐색이 쉬운 구조로 정리
- 사용자 니즈가 높은 사양(예: 전력 소비, 크기 등)을 우선적으로 배치하여 제품 간 차별점을 빠르게 인지할 수 있도록 함
- 사용자 니즈가 높은 사양(예: 전력 소비, 크기 등)을 우선적으로 배치하여 제품 간 차별점을 빠르게 인지할 수 있도록 함

📄 제품 소개 페이지 – 사용 맥락 중심 설계
- 단순 정보 나열을 넘어서, 사용자의 실제 상황을 고려한 콘텐츠 흐름으로 제품 소개 페이지를 구성
진행 단계
요구사항 정의 및 자료 수집
2022.08.
클라이언트 인터뷰, 벤치마킹, 브랜드 분석
정보구조 및 와이어프레임 기획
2022.09.
사용자 흐름 설계, 콘텐츠 구조 정의
UI 디자인 및 프로토타입 제작
2022.10.
메인/서브 페이지 시안 제작, 디자인 시스템 정립
프론트엔드 퍼블리싱 (반응형)
2022.11.
HTML/CSS/JS 코딩 및 크로스브라우징 테스트
검수 및 런칭
2022.12.
QA 테스트, 콘텐츠 수정 및 배포
프로젝트 상세
* 프로젝트 개요
올세 주식회사는 국내 최고의 무선 자동화재탐지설비와 특수감지기, 능동형 피난유도시스템 등 첨단 재난·안전 솔루션을 제공하는 IoT 전문 기업입니다. 본 프로젝트는 올세의 첨단 기술력과 글로벌 브랜드로서의 신뢰성을 효과적으로 전달하기 위해 홈페이지 전면 개편을 목표로 진행되었습니다.
* 문제점 및 개선 방향
기존 홈페이지는 기술력과 제품의 우수성을 충분히 반영하지 못하는 UI/UX, 낮은 사용자 편의성, 그리고 글로벌 시장 진출에 부합하지 않는 브랜드 이미지가 문제였습니다. 이에 사용자 관점에서 직관적이고 명확한 정보 전달이 가능한 구조 설계와 모던하고 신뢰감을 주는 디자인, 다국어 지원 준비를 포함한 반응형 웹 개발을 중점으로 진행했습니다.
* 주요 기여 내용
- 올세의 R&D 기반 핵심 제품(무선 자동화재탐지설비, 공기흡입형 감지기, DTS 등)을 효과적으로 소개하는 콘텐츠 전략 및 정보 구조 설계
- 안전성과 신뢰성을 강조하는 모던하고 깔끔한 UI 디자인 구현, 브랜드 아이덴티티 강화
- 사용자 편의를 고려한 반응형 웹 개발로 PC 및 모바일 환경 모두 최적화
- 글로벌 진출을 대비한 다국어 지원 및 SEO 최적화 작업 병행
올세 주식회사는 국내 최고의 무선 자동화재탐지설비와 특수감지기, 능동형 피난유도시스템 등 첨단 재난·안전 솔루션을 제공하는 IoT 전문 기업입니다. 본 프로젝트는 올세의 첨단 기술력과 글로벌 브랜드로서의 신뢰성을 효과적으로 전달하기 위해 홈페이지 전면 개편을 목표로 진행되었습니다.
* 문제점 및 개선 방향
기존 홈페이지는 기술력과 제품의 우수성을 충분히 반영하지 못하는 UI/UX, 낮은 사용자 편의성, 그리고 글로벌 시장 진출에 부합하지 않는 브랜드 이미지가 문제였습니다. 이에 사용자 관점에서 직관적이고 명확한 정보 전달이 가능한 구조 설계와 모던하고 신뢰감을 주는 디자인, 다국어 지원 준비를 포함한 반응형 웹 개발을 중점으로 진행했습니다.
* 주요 기여 내용
- 올세의 R&D 기반 핵심 제품(무선 자동화재탐지설비, 공기흡입형 감지기, DTS 등)을 효과적으로 소개하는 콘텐츠 전략 및 정보 구조 설계
- 안전성과 신뢰성을 강조하는 모던하고 깔끔한 UI 디자인 구현, 브랜드 아이덴티티 강화
- 사용자 편의를 고려한 반응형 웹 개발로 PC 및 모바일 환경 모두 최적화
- 글로벌 진출을 대비한 다국어 지원 및 SEO 최적화 작업 병행

올세 (Allse) 랜딩페이지