기술력이 충분히 드러나지 않는 구조
기존 홈페이지의 디자인과 정보구조가 오래되어 WEBS의 기술력과 사업 역량이 충분히 전달되지 않는 문제가 있었습니다.
Case Study · WEBS
자동제어·BMS 전문기업 WEBS 홈페이지 리뉴얼 사례
기술기업의 전문성과 사업 역량이 고객과 발주처에게 명확하게 전달되도록 기존 홈페이지를 전면 재구축한 사례입니다.
핵심 사업분야 우선 전달
실적·인증 기반 신뢰 강화
문의·A/S까지 짧은 동선
WEBS 대표 화면 · 실제 운영 화면
Overview
프로젝트 개요
컨트롤웹프로는 WEBS의 기존 홈페이지를 분석하고, 자동제어·BMS 전문기업으로서의 기술력과 사업 역량이 보다 명확하게 전달되도록 정보구조와 디자인을 전면 재구성했습니다.
기술력과 사업 역량이 한눈에 전달되도록 설계
회사소개, 6개 사업영역, 자동제어 솔루션, 분야별 수행 실적과 인증 자료를 연결하고 고객이 필요한 기술정보를 확인한 뒤 문의·A/S 접수까지 자연스럽게 이동하도록 구성했습니다.
고객사WEBS
전문 분야자동제어·BMS·스마트빌딩·철도 시스템
프로젝트기존 홈페이지 전면 리뉴얼
운영 상태실제 홈페이지 운영 중
유지관리컨트롤웹프로 담당
Project Transformation
기존 홈페이지를 기술기업의 영업 자산으로 바꿨습니다
자동제어·BMS 고객과 발주처가 기술력, 사업범위와 수행 경험을 빠르게 파악하도록 정보 흐름 전체를 재설계했습니다.
고객·발주처 관점의 정보 재설계
회사소개, 사업분야, 솔루션, 주요실적, 인증 자료와 문의 동선을 자동제어·BMS 고객 관점에서 다시 설계했습니다.
문의까지 연결되는 운영형 홈페이지
기업 전문성을 명확하게 보여주고 실제 고객 문의와 A/S 접수, 관리자 확인까지 이어지는 운영형 기업 홈페이지로 개선했습니다.
Work Scope
기존 홈페이지 진단부터 운영환경까지
구조 분석, 콘텐츠 재정리, 반응형 구축, Firebase 문의 관리와 실제 운영 환경 적용까지 전체 과정을 담당했습니다.
기존 홈페이지 전체 진단
메뉴, 콘텐츠, 화면 구조와 정보 전달상의 문제를 먼저 확인했습니다.
메뉴와 정보구조 재설계
고객과 발주처가 필요한 정보를 순서대로 찾도록 전체 흐름을 다시 설계했습니다.
회사소개 및 사업분야 콘텐츠 재구성
자동제어, BEMS, 고장진단, AI 공기질, PSD와 유지관리 역량을 고객의 언어로 정리했습니다.
PC·모바일 반응형 업그레이드
사무실과 현장 어디서든 핵심 내용과 실적을 편하게 확인하도록 구현했습니다.
고객 문의 시스템 구축
견적, 기술 문의, 유지보수와 A/S 요청을 현장 정보와 함께 접수하도록 구성했습니다.
관리자 문의 관리 기능 구축
관리자 로그인 후 접수 목록과 상세 내용을 확인할 수 있는 전용 화면을 구현했습니다.
Firebase 기반 운영환경 구축
문의·A/S 접수와 관리자 인증·조회 기능이 안정적으로 동작하도록 Firebase를 연동했습니다.
운영 사이트 배포 및 유지관리
완성된 홈페이지를 실제 운영 환경에 적용하고 콘텐츠와 기능을 지속 관리합니다.
Structure
적용한 페이지 구조
WEBS 홈페이지는 실제 메뉴 구조에 맞춰, 고객이 필요한 정보를 순서대로 이해하도록 설계했습니다.
1
홈
스마트빌딩 통합 자동제어 전문기업이라는 정체성과 핵심 사업·솔루션·신뢰 요소를 한 화면에서 전달합니다.
2
회사소개
회사 개요, 연혁, 조직, 연구개발, 파트너와 위치 정보를 통해 기업의 기술 기반과 신뢰를 형성합니다.
3
사업분야
자동제어, BEMS, 고장진단, AI 공기질, PSD 안전관리와 유지관리까지 6개 핵심 사업영역을 설명합니다.
4
솔루션
Johnson Controls FX Supervisor와 LG BECON 기반의 통합 자동제어 솔루션 및 적용 영역을 안내합니다.
5
주요실적
철도·지하철, 자동제어, 병원·의료·제약, BEMS, 냉동기·보일러 실적을 분야별로 제시해 수행 역량을 증명합니다.
6
인증서
사업자·공장·직접생산 등록, ISO, 기업부설연구소, 특허와 소프트웨어 관련 자료로 공식 신뢰 근거를 제공합니다.
7
문의·A/S 접수
견적·기술 문의와 현장 A/S 요청을 접수하고 관리자 화면에서 확인할 수 있도록 운영 동선을 연결합니다.
Gallery
화면 미리보기
아래 이미지는 실제 WEBS 홈페이지의 주요 운영 화면입니다. 메인, 사업분야, 주요실적과 문의·A/S 화면이 기업의 전문성과 고객 동선을 어떻게 연결하는지 보여줍니다.
SCREEN 01
첫 화면에서 기업의 전문성을 바로 이해하도록
스마트빌딩 통합 자동제어 전문기업이라는 정체성과 자동제어·BEMS·AI 공기질·PSD 역량을 첫 화면에서 명확하게 전달합니다.
기업 정체성통합 자동제어회사소개 연결
SCREEN 02
자동제어·BMS 사업영역을 명확하게 전달
자동제어, BEMS, 고장진단, AI 공기질, PSD 안전관리와 건물 유지관리의 6개 사업영역을 동일한 카드 구조로 정리했습니다.
6개 사업영역기술정보 구조화분야별 상세 연결
SCREEN 03
분야별 실적이 수행 역량의 근거가 되도록
철도·지하철, 자동제어, 병원·의료·제약, BEMS와 냉동기·보일러 실적을 분야별로 구분해 고객이 관련 경험을 빠르게 확인하도록 했습니다.
실적 분야 분류수행 역량 증명영업 활용
SCREEN 04
문의와 A/S 접수까지 자연스럽게 연결
견적·기술 문의와 현장 A/S 요청을 한 화면에서 접수하고, 입력된 내용은 Firebase 기반 관리자 화면에서 확인할 수 있도록 연결했습니다.
문의 유형 구분A/S 접수관리자 확인
Mobile Version
모바일에서도 기업의 핵심 역량이 바로 전달되도록 설계했습니다
WEBS의 핵심 사업과 기술정보를 작은 화면에서도 빠르게 확인하고, 전화·A/S 접수·문의로 바로 이동하도록 모바일 정보 우선순위와 하단 빠른 메뉴를 구성했습니다.
핵심 사업분야 우선 전달
첫 화면과 사업 카드에서 자동제어·BMS를 비롯한 핵심 역량이 먼저 보이도록 구성했습니다.
현장에서 빠른 정보 확인
사업분야, 솔루션과 주요실적을 휴대폰에서도 분야별로 빠르게 찾아볼 수 있습니다.
문의까지 짧은 동선
고정 빠른 메뉴에서 전화, A/S 접수와 문의 페이지로 바로 이동하도록 연결했습니다.