SERVITH Agency Website
Project Case Study
SERVITH Agency Website
The official marketing website for SERVITH, a Toronto-based solo web agency. Built to communicate service scope, pricing structure, and delivery process with clarity, then convert visitors through a structured RFP flow with file uploads and spam protection. Delivered in 1 month as a solo build.
View Live Project →Overview
SERVITH is a solo web agency website designed around a straightforward conversion funnel: clearly define the offer, standardize pricing expectations, prove credibility with recent work, and capture qualified leads through an RFP workflow. The homepage leads with the positioning statement "Custom Websites. Tailored for Your Business." and an explicit CTA ("LET'S TALK!") to prioritize action.
The site supports bilingual delivery (EN/KR) via a visible language toggle.
This project was delivered in 1 month as a solo build.
Objectives
Make the service scope and constraints unambiguous before a lead contacts (reduce mismatch)
Standardize initial pricing expectations through plan-based presentation
Improve quote accuracy by collecting structured requirements and files in the RFP flow
Reduce operational friction through an FAQ layer that answers ownership, hosting, revisions, and maintenance questions upfront
Information Architecture
Top navigation is arranged around decision-making steps: Service → Pricing → Our Work → Contact → Request for Proposal.
Supporting trust and operations, the footer adds FAQs, Licensing, Privacy Policy, Terms of Service, plus verified contact details and a physical address.
Key Product Decisions
1) Scope clarity and constraints are explicit
The Service page defines core value areas (custom design, hosting, transparent pricing, support, and performance plus SEO optimization) and explicitly states that e-commerce functionality and payment integrations are not offered.
This reduces low-fit inquiries and improves lead quality.
2) The process is productized into five steps
Delivery is presented as a step-by-step system:
STEP 01: Consultation and content submission (text, images, layout preferences, reference links)
STEP 02: Quote, timeline, and deposit
STEP 03: Draft creation to confirm layout and flow
STEP 04: Revision rules (design changes and content updates)
STEP 05: Launch and domain setup (servith.com subdomain by default, custom domains supported with additional fees)
This structure makes the engagement feel predictable and lowers buyer anxiety.
3) Pricing is designed for comparability
Pricing is shown in two layers:
Design-to-Web Conversion Plan with defined page and section limits, plus included basics (responsive, SEO basics, speed optimization, SSL, contact form)
Hosting and Maintenance Plan tiers that include hosting and a servith.com subdomain, with higher tiers enabling custom domain linking and annual credit allocations
It also includes transparent add-on pricing for common requests (edit text, change image, add page, add section, branding removal, custom domain support).
4) The RFP flow collects what estimation actually needs
The Request for Proposal page is treated as a primary conversion endpoint. It provides a checklist of what to include (page content, preferred layouts, features like multilingual support and Google Analytics) and supports file uploads.
Upload constraints are clearly stated: allowed formats, max 5 files, total 20MB.
The form is protected by reCAPTCHA.
5) High-friction policy questions are answered in FAQs
The FAQs explicitly address:
typical build timelines (example: 1 to 2 weeks for a single-page project)
revision limits (two rounds during development)
the design rental model (design ownership remains with SERVITH, code and design files are not provided)
hosting requirements (hosting must be through SERVITH)
This prevents surprises later and improves trust through clarity.
Technical Implementation
Stack
| Area | Implementation | Notes |
|---|---|---|
| Framework | Next.js 16.1.1 + React 19 | Modern marketing site foundation with strong performance defaults |
| Language | TypeScript | Clear contracts for UI and form payloads |
| Styling | Tailwind CSS 3 | Rapid iteration with consistent tokens |
| i18n | next-intl | EN/KR structure visible in navigation |
| Email delivery | AWS SES SDK | Reliable outbound email for RFP and contact flows |
| Abuse prevention | reCAPTCHA Enterprise | Bot and spam mitigation for forms |
| Optimization | @next/bundle-analyzer | Bundle inspection and performance hygiene |
| SVG pipeline | SVGR | Brand assets as React components |
Engineering Highlights
A conversion-first IA built around scope clarity and qualified lead intake
Operationally reliable RFP submission (structured guidance + attachments + email delivery)
Explicit policy and ownership model surfaced in FAQs to prevent post-sale friction
What This Case Study Demonstrates
Turning an agency offer into a productized, decision-friendly funnel (service → pricing → proof → RFP)
Implementing real operational requirements for inbound leads (attachments, terms acceptance, abuse prevention)
Shipping a complete, bilingual-ready marketing website as a solo build within a tight one-month timeline
Live: https://www.servith.com/en
Timeline: 1 month
Role: Solo delivery (IA → UI → i18n → RFP/contact operations → performance hygiene)