본문으로 건너뛰기

세이프톡 SafeTalk

제품 이해부터 도입 문의까지 단계별로 안내하는 SaaS 사이트

AI 기반 현장 안전관리 SaaS의 가치를 기능·도입효과·산업별 활용·요금까지 단계적으로 증명하는 구매 여정으로 설계했습니다.

업종
산업안전 SaaS
사이트 유형
SaaS 제품 사이트
제작 방식
커스텀 개발
메인 컬러
#08A66C
intro.safetalkcorp.com
세이프톡 SafeTalk 프로젝트 화면
세이프톡 SafeTalk 프로젝트 화면
세이프톡 SafeTalk 프로젝트 모바일 화면
세이프톡 SafeTalk 프로젝트 모바일 화면

프로젝트 개요

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

고객사

‘오늘의 작업을 30초 말하면 법정 안전문서가 완성된다’를 내건 AI 기반 현장 안전관리 SaaS입니다.

주요 방문자

현장 관리자, 안전관리자, 경영진. 세 사람이 각기 다른 이유로 같은 페이지를 봅니다.

필요했던 것

  • 제품 개념을 30초 안에 전달
  • 우리 현장에서 되는지 확인
  • 도입 효과와 요금을 숨기지 않기
  • 산업별 활용 사례 안내

웹피터가 한 일

  • 제품 IA 설계
  • 기능 상세 7종
  • 산업별 랜딩
  • 요금 안내
  • 도입 문의 전환

디자인 컨셉

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

질문이 나오는 순서대로 페이지를 세운다

제품 개념 → 기능 상세 → 도입 효과 → 산업별 활용 → 요금 → 고객 사례 → 도입 문의. 구매 결정에서 실제로 등장하는 순서를 그대로 페이지 순서로 삼고, 각 구간을 독립 URL로 분리해 검색 유입과 영업 자료로 동시에 쓸 수 있게 했습니다.

컬러 시스템

  • 배경#FFFFFF
  • 메인 컬러#08A66C
  • 포인트 컬러#EF3F36
  • 본문 · 헤드라인#15201C

안전을 다루는 제품이라 경고색을 바탕에 쓰지 않았습니다. 흰 바탕에 그린 하나만 행동 색으로 두고, 붉은색은 실제로 위험을 가리키는 자리에만 남겼습니다.

제작 방식과 구성

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

제작 방식

커스텀 개발

기성 솔루션의 틀 대신, 서비스에 필요한 화면과 기능을 처음부터 직접 개발했습니다.

적용한 구현 요소

  • 콘텐츠 IA
  • 산업별 랜딩
  • 전환 설계

사이트 구성

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

메인
  1. 서비스 소개
  2. 요금 안내
  3. 도입 사례
  4. 인사이트
  5. 회사 소개

설계 노하우

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

풀어야 했던 문제

담당자별로 필요한 도입 정보

‘무엇을 하는 제품인가’로 시작해 ‘우리 현장에서 되는가’, ‘얼마인가’, ‘도입하면 무엇이 달라지는가’까지 서로 다른 질문이 순서대로 등장합니다.

웹피터의 결정

질문의 순서대로 페이지를 세운다

제품 개념 → 기능 상세 → 도입 효과(Before/After·ROI) → 산업별 활용(건설·제조·물류) → 요금 → 고객 사례 → 도입 문의. 각 구간을 독립 URL로 분리해 검색 유입과 영업 자료로 동시에 쓸 수 있게 했습니다.

웹피터 인사이트
구매 결정이 여러 사람을 거치는 B2B 제품은 담당자가 묻는 순서대로 페이지를 세워야 합니다. 구간마다 주소가 따로 있으면 그 페이지가 그대로 영업 자료가 됩니다.

SaaS 제품 사이트

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

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

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