• Case study
  • Built from scratch
  • Marketing & copy
  • UI/UX
  • Development
  • SEO

Marketer website.

A marketer website built from scratch. Sergey Matviienko is a London marketer with the @sermatviienko blog, and he sells one-to-one promotion consultations. However, he had no website. Clients only came from Instagram and direct messages. Now the landing page proves his expertise with real blog numbers, collects leads and is ready for Google search.

ClientSergey Matviienko, marketer, @sermatviienko blog
TaskBuild a website from scratch that sells consultations and collects leads
RoleStructure, copy, design, development, leads, SEO
StackHTML, CSS, JavaScript, PHP, Google Apps Script
1main goal: every button leads to booking a consultation
3numbers from the client’s blog right on the first screen
6consultation steps, so clients know what happens next
2soft entry points for visitors not ready to book yet
Before

Only an Instagram blog

Sergey had no website of his own. His Instagram audience kept growing. However, the only way to learn about the consultation and book it was a direct message.

×No single place with the service, the terms and the results
×Every “how much and how does it work?” is a separate chat
×Leads get lost in messages, with no contact list
×Google can’t find Sergey by name or service
×Blog results are only visible to existing followers
After

A marketer website that sells consultations

1One offerthe first screen and every button lead to a consultation
2Numbers, not words3M views, 7000+ leads, ×22 profile growth
3Reels on the pagevideos play on the site, with no jump to Instagram
4A clear process6 steps from the brief to a follow-up call
5How it workswhat the consultation covers and who it suits
6Leads and SEOforms write to a Google Sheet, the page is ready for search
01Structure

From “who is this?” to a lead

Nobody books a consultation at first sight. First, people need to know who they are dealing with. Then they want to see results and learn how the work goes. So the blocks follow this order, and the booking button stays in a sticky bar.

ATTENTIONWho is this
  • First screenthe offer and 3 blog numbers
INTERESTDoes it work?
  • Resultsnumbers and 3 funnels
  • Reelsthe most popular videos
DECISIONIs it for me
  • Who it suitsfreelancer, expert, business
  • How it workswhat we cover
  • 6 stepsfrom brief to result
TRUSTWhy him
  • What’s includedbrief, call, strategy
  • About meexperience and method
ACTIONBook
  • Booking formpreferred contact method
  • Not ready?materials and club
02Results

Proof from his own blog

People trust a marketer when they see his numbers. So I took them from Sergey’s blog and funnels and showed them clearly. You can see the leads from each funnel and how many of them bought. In addition, the videos play right here.

sermatviienko.pp.ua · resultslive site, try it
3,079leads from 3 funnels

Each funnel is shown on its own: leads, sales and a conversion ring.

!An honest note

Below the numbers, Sergey explains his part: he brings the leads, and the client’s team closes the sales.

▶Reels without leaving

Videos load from Instagram and play with sound on tap, so visitors stay on the page.

03Process

Six steps from lead to result

Clients see what happens after they apply: a brief, an audit, a Zoom call, a strategy and a follow-up call a month later. As a result, the main fear goes away. Nobody wants generic tips instead of a review of their project.

sermatviienko.pp.ua · how the consultation workslive site, try it
6work steps

Brief, date, audit, Zoom call, strategy and a follow-up call a month later.

01Brief before the call

Work starts with a project review. Therefore, the call isn’t spent on general questions.

3client types

Freelancer, expert and business: visitors see at once that it’s about them.

04Leads

A lead in ten seconds

Before, booking meant a chat in direct messages. Now there is a short form with a name and a preferred contact method. As a result, every lead lands in a Google Sheet, where Sergey sees them all in one place.

Clients choose where to get a reply: Telegram, WhatsApp, phone or email
A separate form for free materials builds a list of warm contacts
A sticky bar at the bottom lets people book from anywhere on the page
05Plan B

For those who aren’t ready yet

Most visitors won’t book a consultation on their first visit. That’s why the page ends with two soft entry points. Free materials and Sergey’s club work as steps towards a consultation.

sermatviienko.pp.ua · more resourceslive site, try it
5Materials for a contact

Five sales materials in exchange for a name, phone and email.

TGPrivate club

Joining happens in Telegram. From there, a consultation is an easy next step.

↓Warm contacts

Contacts from the materials form go through the same script as leads, so none get lost.

06Development

A light marketer website with no CMS

It is a single static page with no builders or subscriptions. Therefore, it loads fast on mobile. Videos and forms run on small server scripts.

PAGELanding page

Responsive layout, reveal animations, a sticky bar and form pop-ups.

  • HTML
  • CSS
  • JS
REELSInstagram

Videos load through a custom PHP script and play right on the page.

  • ig.php
FORMS2 forms

Consultation and free materials, with field checks before sending.

  • consultation
  • materials
LEADSGoogle Sheet

Leads go to a sheet through Google Apps Script, with no paid services.

  • Apps Script
  • Sheets
07Live project

See the marketer website

Open the landing page, play the Reels and follow the client’s path to booking.