Web Strategy · SaaS
Conversion Website for a B2B SaaS
복잡한 제품을 빠르게 이해시키고 데모 문의까지 연결하는 B2B SaaS 웹사이트.
Concept Project — HUMAGENT LAB의 웹사이트 구축 역량을 보여주기 위해 자체 기획한 프로젝트입니다.
Industry
B2B SaaS · Revenue Intelligence
Project Scope
Strategy · UX/UI · Next.js · SEO
ART DIRECTION
브랜드의 성격이 화면에서 느껴지도록
어두운 제품 인터페이스와 선명한 민트 신호색을 결합해 복잡한 데이터를 통제 가능한 성장 신호로 표현했습니다.
Core page system
01Homepage02Product03Solutions04Resources05Demo
CONCEPT BACKGROUND
왜 이 웹사이트를 설계했는가
기능은 많지만 고객이 핵심 가치를 이해하기 어렵다는 상황을 바탕으로, 명확한 포지셔닝과 제품 설명 구조를 보여주기 위해 자체 기획했습니다.
이 프로젝트는 실제 고객 의뢰나 가상의 성과 사례가 아닙니다. 특정 고객을 전제로 문제를 꾸미지 않고, 해당 업종에서 유효할 수 있는 제작 접근을 탐구했습니다.
OBJECTIVES
목표
- 첫 화면에서 제품의 대상과 가치를 명확히 전달
- 기능 설명을 고객의 업무 흐름과 연결
- 데모 문의까지의 불확실성 줄이기
APPROACH
접근 방식
- 01고객 문제 → 변화 → 작동 방식 → 신뢰 → 문의 순서로 정보 구조 설계
- 02제품 UI와 메시지가 함께 읽히는 모듈 구성
- 03모바일 성능과 접근성을 전제로 Next.js 구현
DELIVERABLES
제작 결과물
01
포지셔닝
02
사이트맵
03
핵심 카피
04
UX/UI 디자인
05
Next.js 웹사이트
06
문의 흐름
07
기술 SEO
MAKING PROCESS
디자인 및 제작 과정
- 01
Position
고객과 제품 가치를 한 문장으로 정리했습니다.
- 02
Structure
이해와 신뢰가 쌓이는 페이지 흐름을 설계했습니다.
- 03
Build
빠르고 접근 가능한 반응형 웹사이트로 구현했습니다.
YOUR PROJECT
다음 프로젝트는 당신의 목표에서 시작합니다.
아직 범위가 명확하지 않아도 괜찮습니다. 목표와 현재 상황을 알려주시면 가장 적합한 시작점을 함께 찾겠습니다.