위드원 비즈니스센터

위드원 비즈니스센터(WITH ONE)는 대전·의정부·대구·광주 4개 지점을 운영하는 공유오피스·가상오피스 브랜드입니다. 가상오피스·비상주 사무실 시장은 '월 27,500원 국내 최저가', '3분 이내 계약 완료' 같은 가격·속도 경쟁이 치열한 분야로, 위드원은 오프라인 방문 없이 온라인으로 상담부터 결제, 계약서 발급까지 완결되는 흐름과 지점별로 흩어진 계약 데이터를 한곳에서 관리할 수 있는 통합 백오피스가 필요했습니다.

O2O Mate는 이 요구를 '고객이 만나는 프론트'와 '운영자가 쓰는 관리자'로 나누어 하나의 시스템으로 설계했습니다. 방문객에게는 '무방문·무서류 온라인 계약'이라는 핵심 가치를 전달하고, 내부 운영자에게는 지점별로 흩어진 계약을 관리·집계하는 업무 도구를 제공하는 것이 목표였습니다.

홈페이지 상단에는 대전점·의정부점·대구점·광주점을 탭으로 전환하는 지점 선택 네비게이션을 두어, 한 사이트에서 지점별 정보를 자연스럽게 오가도록 구성했습니다. 메인 히어로에는 '월 27,500원 가상오피스', '365일 온라인계약', '전국 어디서나 무방문·무서류' 같은 핵심 셀링 포인트와 함께, 이름·연락처·업종·지점을 입력해 '당일계약/상담신청'으로 이어지는 우측 고정 문의 폼을 배치했습니다.

관리자 시스템은 로그인 인증 뒤 대시보드에서 당월 총 계약 건수·금액과 월 단위 캘린더형 계약현황, 당일·기간·누적 통계를 지점별로 집계해 보여줍니다. 홈페이지에서 접수된 문의는 신청접수 관리에서 목록으로 조회하고, 각 건을 열어 상태(접수 등)와 메모를 관리합니다. 지점별 계약현황은 호실 단위(A1~B2 등)로 계약 기간을 색상 범례(2·3·6·12·13·24개월)로 구분해 공실/계약 상태를 한눈에 식별하게 했습니다.

별도의 정산·스토어 관리 모듈에서는 수수료를 입력·집계하고, 회원·고객·스토어 데이터를 승인 상태와 색상 코드 셀로 시각화해 계약·정산 현황을 한눈에 식별할 수 있게 했습니다. 복잡한 표 형태의 데이터를 시각적 신호로 압축해, 별도 학습 없이도 운영자가 현황을 즉시 읽어낼 수 있도록 설계한 것이 이 관리자의 초점입니다.

고객 홈페이지의 딥 네이비와 지점 탭의 틸(teal), 관리자 시스템의 로열 블루가 프론트와 백오피스를 하나의 브랜드로 묶습니다. 아래 스와치는 실제 구축된 화면에서 관찰한 대표 색상입니다.

O2O Mate는 정보 구조 기획, UI/UX 디자인, 반응형 퍼블리싱, 프론트·백엔드 개발과 데이터베이스 설계까지 전 과정을 일괄 수행했습니다. 프론트엔드는 HTML5·CSS3·JavaScript(jQuery)로 반응형 UI와 지점 탭 전환·문의 폼 인터랙션을 구현했고, 백엔드는 PHP, 데이터베이스는 MySQL로 구성했습니다. 상담·계약이 실시간으로 쌓이고 이를 지점·기간별로 반복 집계해야 하는 업무 특성상 검증된 안정성과 개발 생산성을 갖춘 PHP·MySQL 조합이 적합하다고 판단했습니다.

그 결과 위드원은 방문객이 상담·결제·계약을 온라인에서 완결하는 매출 채널과, 4개 지점의 계약·정산·문의를 단일 화면에서 관리하는 운영 백오피스를 동시에 확보했습니다. 브랜드 이미지를 전달하는 홈페이지와 실무 데이터를 다루는 관리 시스템을 하나로 연결해, 마케팅과 운영이 끊김 없이 이어지는 통합 플랫폼을 완성한 사례입니다.