프로젝트 사례

SERVITH Agency Website

토론토 기반 1인 웹 에이전시 SERVITH의 공식 마케팅 웹사이트. 서비스(제공 범위 명확화), 가격(플랜/옵션 투명화), 포트폴리오, 그리고 RFP(파일 업로드 포함) 중심의 견적 요청 플로우를 통해 “문의 전환”을 최우선으로 설계했습니다. 1개월 동안 1인 개발로 진행했습니다.

라이브 프로젝트 보기 →
카테고리
Agency / Marketing Website
플랫폼
Next.js
클라이언트
SERVITH (Solo Web Agency)
유형
Marketing Website
역할
1인 개발: 정보구조 설계(IA), UI 구현, 반응형 레이아웃, i18n(next-intl) 구조, RFP 폼(파일 업로드/메일 전송/봇 방어), 성능 점검.
목표
서비스 범위와 가격 신뢰를 빠르게 형성하고, “RFP 제출”로 이어지는 전환 흐름을 단순화.
범위
Home, Service, Pricing, Our Work, Contact, Request for Proposal(RFP) + FAQs/Policy pages + EN/KR 토글

개요

SERVITH 공식 웹사이트는 “로컬 비즈니스 웹사이트를 빠르고 신뢰감 있게 구축”하는 에이전시의 가치 제안을 명확히 전달하고, 방문자가 문의(Consultation) 또는 견적 요청(RFP) 으로 바로 이어지도록 설계한 마케팅 사이트입니다.

첫 화면에서 “Custom Websites. Tailored for Your Business.” 메시지와 함께 LET’S TALK! CTA를 전면에 배치해, 탐색보다 전환을 우선하는 구조를 잡았습니다.

본 프로젝트는 개발 기간 1개월, 1인 개발로 구축했습니다.

목표

*

서비스 제공 범위를 명확히 설명해 “기대치 불일치”를 사전에 차단

*

가격을 플랜 형태로 표준화해 초기 상담 비용/시간을 절감

*

포트폴리오를 단순/일관된 카드 형태로 노출해 신뢰 신호 강화

*

RFP 폼에서 텍스트/이미지/레퍼런스 파일 업로드까지 지원해 견적 산정을 빠르게

*

Contact 폼은 reCAPTCHA로 보호해 스팸/봇 리스크를 최소화

*

EN/KR 토글 기반의 다국어 확장 가능 구조 제공

정보 구조(IA)

상단 내비게이션은 전환 퍼널에 맞춰 구성했습니다.

1.

Service: 무엇을 제공하는지(그리고 제공하지 않는지) + 프로세스

2.

Pricing: 플랜/호스팅/옵션 서비스의 기준점 제시

3.

Our Work: 신뢰(레퍼런스) 보강

4.

Contact: 일반 문의 채널

5.

Request for Proposal: 실제 프로젝트 견적 요청(핵심 전환)

또한 FAQ/정책(라이선스/프라이버시/약관)을 하단에 배치해 서비스 운영 관점의 신뢰도를 보강했습니다.

핵심 설계 결정

1) “무엇을 하는지”보다 “어떻게 진행되는지”를 먼저 구조화

Service 페이지는 제공 항목(디자인/호스팅/가격/지원/성능&SEO) 이후에 STEP 01~05 프로세스를 명확히 제시합니다. 특히 콘텐츠 제출 항목(텍스트/이미지/레이아웃 선호/레퍼런스)을 구체적으로 안내해, 커뮤니케이션 비용을 줄이도록 설계했습니다.

또한 “현재 이커머스/결제 시스템 개발은 제공하지 않는다”는 제한을 명시해 리드 품질을 높였습니다.

2) Pricing은 “비교 가능성”에 집중

Pricing은 Design-to-Web Conversion 플랜(Mini Section Site, Business One-Pager, Custom Website)과 호스팅/유지보수 옵션을 분리해 보여주고, 호스팅 별도 청구/일회성 Conversion Fee 등 운영 정책을 함께 노출합니다.

트래픽 기반 운영을 고려해 월 5GB 포함, 추가 5GB 단위 과금 등 현실적인 제약도 페이지에서 바로 확인 가능하게 했습니다.

3) RFP는 “견적에 필요한 정보”를 폼 자체에서 수집

Request for Proposal은 “메시지에 포함할 항목”을 가이드로 제공하고, 파일 업로드(최대 5개, 총 20MB) 를 지원합니다. (로고/이미지, 텍스트 파일, 와이어프레임/레퍼런스)

이는 이메일 왕복을 줄이고, 1차 견적 정확도를 높이기 위한 설계입니다.

4) FAQ로 운영 정책에 대한 마찰을 사전에 제거

FAQ에서는 일정/비용/유지보수뿐 아니라, 디자인 소유권(디자인 렌탈), 코드/디자인 파일 제공 여부, 호스팅 필수 정책, 수정 정책 같은 핵심 질문을 명확히 답변합니다.

운영 측면에서 달라진 점

*

스팸 없는 문의 접수: 문의 및 제안 요청 폼이 봇으로부터 보호되어 스팸이 아닌 실제 문의만 받을 수 있습니다.

*

안정적인 문의 전달: 모든 제안 요청과 문의 내용이 첨부 파일과 함께 이메일로 전달되어 바로 후속 대응할 수 있습니다.

*

더 정확한 문의: 서비스 범위와 가격, 제안 요청 가이드가 명확해 견적에 필요한 정보를 갖춘 문의가 들어옵니다.

*

계약 후 분쟁 예방: 소유권, 호스팅, 수정 정책을 FAQ에서 미리 안내해 “상담 전 단계”에서 기대치를 맞춥니다.

*

빠른 페이지와 두 가지 언어: 페이지 용량을 관리해 속도를 유지하고, 방문자는 언제든 한국어와 영어를 전환할 수 있습니다.

이 프로젝트가 보여주는 역량

*

“서비스 제공자(에이전시)” 관점에서 필요한 정책/가격/프로세스/전환 플로우를 한 번에 정리하는 역량

*

RFP 중심의 리드 수집(텍스트 가이드 + 파일 업로드) 설계 경험

*

1인 개발로 1개월 내 런칭 가능한 품질과 운영 가능한 구조(FAQ/정책/메일/봇 방어)


Live: https://www.servith.com

Timeline: 1 month

Role: Solo delivery (IA → UI → i18n → RFP/contact ops → performance hygiene)

고객 포털무료 견적 받기