Business Card Website Development
A business card website is the minimum necessary web presence for a specialist, small business, or private project. Typical scope: 1-5 pages, static or with a simple backend. The main goal is to provide potential clients with answers to three questions: who you are, what you do, how to contact you. No unnecessary functionality.
What Makes Up a Business Card Website
Standard page set:
- Homepage — brief introduction, offer, CTA (callback form, messenger link, email)
- About Us / About Me — for a specialist or small team
- Services / Portfolio — list with brief descriptions or gallery of work
- Contacts — form, map, contact details
Single-page version (single-page with anchor navigation) is a popular choice for freelancers, small studios, and narrowly specialized services.
Development Stack
For a business card website with minimal dynamic content, React or Vue on the client would be overkill. Working options:
Static Generation — Astro, Hugo, Eleventy. No backend, hosting on Netlify/Vercel/GitHub Pages. Contact form — via Formspree, Netlify Forms, or Web3Forms.
---
// src/pages/index.astro
import Layout from '../layouts/Layout.astro';
import ContactForm from '../components/ContactForm.astro';
---
<Layout title="John Smith — Web Developer">
<main>
<section class="hero">
<h1>John Smith</h1>
<p>Web Application Development with Python and React</p>
<a href="#contact" class="btn-primary">Discuss Project</a>
</section>
<ContactForm />
</main>
</Layout>
WordPress — when the client wants to edit content independently without development skills. Theme — minimalist, custom, or based on GeneratePress/Kadence with unnecessary blocks and plugins disabled. ACF (Advanced Custom Fields) for structured content instead of an overloaded editor.
Laravel + Blade — if the business card is part of a larger project or expansion is planned. CMS based on FilamentPHP for content management.
What's Important in Development
Contact Form. Even a simple form requires:
- server-side validation (honeypot field against spam bots)
- rate limiting (no more than 3-5 submissions from one IP per hour)
- email notification + record in database or Google Sheets via API
- user confirmation (success state, not just redirect)
Meta Tags and Basic SEO:
<meta name="description" content="Website development in Minsk. ...">
<meta property="og:title" content="Company Name">
<meta property="og:image" content="/og-image.jpg"> <!-- 1200x630px -->
<link rel="canonical" href="https://example.com/">
For local business — mandatory schema.org/LocalBusiness or schema.org/Person in JSON-LD:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Name",
"telephone": "+1234567890",
"address": {
"@type": "PostalAddress",
"addressLocality": "City"
}
}
</script>
Performance. A business card website must load quickly — it's a competitive advantage and ranking factor. Target metrics: LCP < 1.5s, CLS < 0.05, INP < 100ms. Achieved through:
- WebP/AVIF for images
- fonts via
font-display: swapor system stack - minimum third-party scripts (especially render-blocking)
SSL and Security. HTTPS is mandatory. Let's Encrypt for self-hosted, automatic on Vercel/Netlify. Security headers: X-Frame-Options, Content-Security-Policy, Referrer-Policy.
Content and Website Owner
A typical problem with business card websites is that the client doesn't provide content. This slows down the project more than any technical issues. At the start, you need to establish: who writes the texts, who provides photos, in what format (Content brief — separate document).
If the contractor prepares content — a brief is needed: activities, target audience, competitors, tone of communication, key advantages.
Hosting and Domain
For static websites (Astro, Hugo) — Vercel or Netlify, free tier is sufficient for most business cards. For PHP/WordPress — shared hosting or VPS from reasonable pricing.
Domain registration: Namecheap, reg.ru, nic.ru. Various TLDs — through accredited registrars.
Typical Timeline
Single-page business card with static content and form — 3-5 working days with ready content and brief. With content development, stock photo selection, and 3-4 pages — 7-10 days. WordPress version with client training — similarly plus 1 day for handover.