
모델 검색, 포트폴리오 열람, 캐스팅 문의를 하나의 플랫폼으로 연결했습니다.
6개 사업분야를 정리한 기술기업 웹사이트
교통카드 발급부터 EV 충전 결제까지 6개 사업분야를 가진 B2B 기술기업의 정보구조를 다시 세우고, 기술 신뢰가 읽히는 코퍼레이트 웹사이트로 구현했습니다.


어떤 회사가 누구를 위해 무엇이 필요했고, 웹피터가 무엇을 만들었는지.
교통카드 발급 솔루션, NFC 결제, 보안 응용 모듈, 교통카드 COS·Applet SI, HSM 공급, EV 충전 결제 모듈까지 여섯 개 사업분야를 함께 다루는 B2B 기술기업입니다.
결제·교통 인프라 발주를 검토하는 기관과 기업의 담당자. 회사의 기술 범위와 수행 이력을 확인하러 들어옵니다.
화면의 방향과 색, 글꼴을 이렇게 정한 이유.
사업분야를 구분하는 화면 구성
6개 사업분야에 번호를 부여하고 분야별 설명과 이미지를 구분했습니다. 스크롤에 따라 내용을 순서대로 확인할 수 있도록 전환 효과를 적용했습니다.
첫 화면에는 짙은 네이비, 본문에는 흰 배경을 사용했습니다. 사업분야 번호와 주요 정보에는 파란색을 적용해 내용을 구분했습니다.
무엇으로 만들었고, 사이트를 어떻게 나눴는지.
WordPress
검증된 CMS인 워드프레스 위에 사이트 구조와 디자인을 새로 설계했습니다. 공지와 자료, 소개 콘텐츠는 관리자 화면에서 직접 운영할 수 있습니다.
실제 사이트의 주요 메뉴입니다.
사업 현장 이미지와 스크롤 전환
실제 사업 현장 이미지를 주요 화면에 배치했습니다. 텍스트를 읽는 데 방해가 되지 않도록 스크롤 전환의 움직임과 속도를 조정했습니다.
풀어야 했던 문제와 웹피터의 결정, 그리고 이 프로젝트에서 얻은 것.
여섯 사업분야의 정보 정리
여섯 사업분야의 전문성을 전달하면서도 방문자가 필요한 분야를 쉽게 찾을 수 있어야 했습니다. 본사와 계열사의 정보도 명확히 구분할 필요가 있었습니다.
번호를 매겨 순서를 만든다
6개 사업분야에 01–06의 번호와 실제 적용 장면을 담은 이미지를 배치했습니다. 회사 소개, 사업분야, 계열사, 커뮤니케이션을 구분해 필요한 정보를 찾도록 구성했습니다.
사업 영역이 넓은 회사일수록, 무엇을 먼저 보여줄지 순서를 정하는 일이 화면 디자인보다 먼저입니다. 순서가 정해지면 방문자는 자기 분야를 스스로 찾아갑니다.
코퍼레이트 웹사이트
업종과 목적에 맞는 구조부터 함께 정합니다. 지금 사이트 상황을 남겨 주시면 영업일 1일 이내에 회신합니다.

모델 검색, 포트폴리오 열람, 캐스팅 문의를 하나의 플랫폼으로 연결했습니다.

컨설턴트 소개와 전문 설문을 구성해, 상담 전에 지원자의 상황을 파악하도록 만들었습니다.

제품의 사용 방식과 업종별 활용 사례를 소개하고, 도입 문의로 이어지도록 구성했습니다.


10분 읽기
