본문으로 건너뛰기

(주)세한RF시스템

6개 사업분야를 정리한 기술기업 웹사이트

교통카드 발급부터 EV 충전 결제까지 6개 사업분야를 가진 B2B 기술기업의 정보구조를 다시 세우고, 기술 신뢰가 읽히는 코퍼레이트 웹사이트로 구현했습니다.

업종
핀테크 · 교통 결제 인프라
사이트 유형
코퍼레이트 웹사이트
제작 방식
WordPress
메인 컬러
#77A0F2
sehanrf.co.kr
(주)세한RF시스템 프로젝트 화면
(주)세한RF시스템 프로젝트 화면
(주)세한RF시스템 프로젝트 모바일 화면
(주)세한RF시스템 프로젝트 모바일 화면

프로젝트 개요

어떤 회사가 누구를 위해 무엇이 필요했고, 웹피터가 무엇을 만들었는지.

고객사

교통카드 발급 솔루션, NFC 결제, 보안 응용 모듈, 교통카드 COS·Applet SI, HSM 공급, EV 충전 결제 모듈까지 여섯 개 사업분야를 함께 다루는 B2B 기술기업입니다.

주요 방문자

결제·교통 인프라 발주를 검토하는 기관과 기업의 담당자. 회사의 기술 범위와 수행 이력을 확인하러 들어옵니다.

필요했던 것

  • 여섯 개 사업분야 중 무엇이 핵심인지 한눈에
  • 계열사 구조를 본사 소개와 분리
  • 기술 신뢰를 화면으로 뒷받침
  • 공지·뉴스·자료실을 직접 운영

웹피터가 한 일

  • 정보구조 설계
  • 사업분야 6종 구성
  • 스크롤 인터랙션
  • 공지·뉴스·자료실
  • 반응형

디자인 컨셉

화면의 방향과 색, 글꼴을 이렇게 정한 이유.

사업분야를 구분하는 화면 구성

6개 사업분야에 번호를 부여하고 분야별 설명과 이미지를 구분했습니다. 스크롤에 따라 내용을 순서대로 확인할 수 있도록 전환 효과를 적용했습니다.

컬러 시스템

  • 배경#FEFEFE
  • 메인 컬러#77A0F2
  • 포인트 컬러#0540F2
  • 본문 · 헤드라인#000000

첫 화면에는 짙은 네이비, 본문에는 흰 배경을 사용했습니다. 사업분야 번호와 주요 정보에는 파란색을 적용해 내용을 구분했습니다.

타이포그래피

헤드라인
Noto Sans KR

제작 방식과 구성

무엇으로 만들었고, 사이트를 어떻게 나눴는지.

제작 방식

WordPress

검증된 CMS인 워드프레스 위에 사이트 구조와 디자인을 새로 설계했습니다. 공지와 자료, 소개 콘텐츠는 관리자 화면에서 직접 운영할 수 있습니다.

적용한 구현 요소

  • 반응형 웹
  • 스크롤 인터랙션
  • 콘텐츠 운영 구조

사이트 구성

실제 사이트의 주요 메뉴입니다.

메인
  1. 회사소개
  2. VISION
  3. 사업분야
  4. 계열사
  5. 커뮤니케이션

구현 포인트

사업 현장 이미지와 스크롤 전환

실제 사업 현장 이미지를 주요 화면에 배치했습니다. 텍스트를 읽는 데 방해가 되지 않도록 스크롤 전환의 움직임과 속도를 조정했습니다.

설계 노하우

풀어야 했던 문제와 웹피터의 결정, 그리고 이 프로젝트에서 얻은 것.

풀어야 했던 문제

여섯 사업분야의 정보 정리

여섯 사업분야의 전문성을 전달하면서도 방문자가 필요한 분야를 쉽게 찾을 수 있어야 했습니다. 본사와 계열사의 정보도 명확히 구분할 필요가 있었습니다.

  • 사업 영역별 설명이 병렬로 흩어져 우선순위가 없었음
  • 계열사·관계사 구조가 본사 소개와 섞여 있었음
  • 기술 신뢰를 시각적으로 뒷받침하는 요소가 부족했음

웹피터의 결정

번호를 매겨 순서를 만든다

6개 사업분야에 01–06의 번호와 실제 적용 장면을 담은 이미지를 배치했습니다. 회사 소개, 사업분야, 계열사, 커뮤니케이션을 구분해 필요한 정보를 찾도록 구성했습니다.

  • 사업분야를 순번 구조로 재편해 탐색 순서를 통제
  • 회사소개 · 사업분야 · 계열사 · 커뮤니케이션으로 최상위 구조 분리
  • 공지사항·뉴스·자료실을 운영 가능한 영역으로 독립
웹피터 인사이트
사업 영역이 넓은 회사일수록, 무엇을 먼저 보여줄지 순서를 정하는 일이 화면 디자인보다 먼저입니다. 순서가 정해지면 방문자는 자기 분야를 스스로 찾아갑니다.

코퍼레이트 웹사이트

이 사례 같은 사이트,
우리 회사에도 필요하다면

업종과 목적에 맞는 구조부터 함께 정합니다. 지금 사이트 상황을 남겨 주시면 영업일 1일 이내에 회신합니다.

  • 영업일 1일 이내 회신
  • 표준 제작 기간 5~8주
  • 소스코드·디자인 원본 인계
전체 포트폴리오