Case · web development · accounting services · custom admin

From an accountant's expertise — to a manageable system for winning clients

For Oksana Dmytrenko's personal brand we built not just a business-card site, but a full-fledged digital point of sale: a clear services catalog, transparent pricing, proof of experience, lead capture, moderated reviews, and a custom PHP admin panel that updates content without an off-the-shelf CMS.

GeographyAll of Ukraine · online
NicheAccounting services · sole traders & LLCs
ScopeUX · design · development · SEO · admin panel
StackHTML · CSS · JavaScript · PHP · JSON
6core public pages
5 / 8pricing sections / cards
11published reviews
40automatic HTML backups
Where we started

A complex professional service had to be explained simply — and backed by trust right away

People don't choose accounting support because of decorative design. Within a few minutes a client needs to understand who will handle their taxes, exactly what the service includes, how much it costs, and how quickly they can get an answer.

So the project was built around the real needs of sole traders and companies: bookkeeping, reporting, VAT, payroll and HR, business registration, consultations and records recovery. Each area got its own substantive block, and every key screen a clear next action.

The key decision

The owner needs to control prices and reviews herself, yet the site must stay light, fast, and free from a heavy general-purpose CMS.

Framing the task

Four problems one system had to solve

01 · Content

Services of very different complexity

From registering a sole trader to full LLC accounting, VAT, foreign trade, payroll, HR and tax audits.

02 · Trust

A high cost of error for the client

Concrete proof is required: 20+ years of experience, practice since 2019, certificates and genuine reviews.

03 · Conversion

Several convenient ways to get in touch

A consultation form, a contextual request from a card, phone, Telegram, Viber and Instagram.

04 · Operations

Content changes after launch

Prices and reviews must be editable without hand-editing HTML and without the risk of breaking pages.

What we did

The plan: from architecture to secure content management

The work was broken into six interconnected layers, so that design, copy, forms, SEO and the admin panel work as a single system rather than a set of separate pages.

01

Architecture & offer

Scenarios for sole traders, LLCs, HR tasks, consultations and business start-up.

02

Visual system

A custom OD mark, warm palette, green brand color, bronze accent and editorial typography.

03

Responsive front-end

Semantic HTML, shared CSS/JS, mobile menu, sticky header, lightbox and smooth block reveals.

04

Lead capture

Short and detailed forms, context from the service card, a structured email and anti-spam.

05

Custom admin panel

Editor for prices and published reviews, a moderation queue, synchronization and backups.

06

SEO & security

Canonical, Open Graph, Schema.org, sitemap, clean URLs, CSP, HSTS and protected service directories.

Information architecture

Six pages — one consistent trust funnel

The home page gives a quick answer and leads onward. The services and pricing pages help compare options. "About" and the reviews remove risk, while the privacy policy keeps the forms working correctly.

HomeOffer · base prices · form · benefits · trust · CTA
ServicesSole trader · LLC · payroll · HR · consultations
Prices5 sections · 8 cards · fast anchor navigation
Reviews11 publications · form · pre-moderation
About20+ years · competencies · industries · certificates
PrivacyData · processing purpose · cookies · user rights
Design & public site

Calm professionalism instead of a template "corporate" site

Dark green carries reliability, the warm background makes the tone human, and the bronze accent adds status. Large headings, airy cards and short lists make complex accounting information easy to scan.

Live · home page Above-the-fold of the Oksana Dmytrenko site on desktop
Above the fold: a clear offer, three base prices, service proof, a portrait of the expert and three ways to get in touch.
Services catalog Accounting services page
Services: segmented by the client's tasks and priorities.
Managed pricing Accounting services pricing page
Pricing: quick selection and sections generated from the admin data.
Conversion scenario Contextual modal order form for a service
Contextual request: clicking "Order" passes the category, name, price and contents of the chosen card into the form. The owner receives a structured intent, not an abstract contact.
Responsiveness

All the logic survives on a 390 px screen

On mobile the interface collapses into a single column: the offer, prices and CTA stay readable, navigation folds into a menu, and Telegram and Viber remain available at the bottom of the screen.

Not a cut-down copy, but a full mobile scenario

Responsive grids at 1080, 820 and 640 px, large touch targets, a natural content order and easy-to-use forms.

Mobile above-the-fold of the home page
Mobile pricing page
Leads & anti-spam

The form doesn't just send an email — it checks the quality of the request

The short form on the home page, the detailed form in the services catalog and the modal order all run through a single server pipeline. Data is validated first and only then assembled into a structured email.

Step 1Choose a service or consultation
Step 2Validate contacts and consent
Step 3Honeypot, time-trap, URL guard, rate limit
Step 4Email with source, contacts and context

90 seconds

IP rate limit between repeat submissions.

Channel of choice

Phone, email or Telegram — one valid contact is enough.

No auto-publishing

Reviews first land in a protected moderation queue.

Custom admin panel

A bespoke editor for prices and reviews — no WordPress, no third-party CMS

The admin panel was written specifically for the two processes that really change after launch: pricing and social proof. It has no extra menus, plugins or any way to accidentally break a page template.

Prices are edited as data, but reach the site as finished markup

The owner can create sections and cards, change the badge, name, price, note and service contents, and manage the background and grid width. The server validates the fields, saves JSON, creates a backup and syncs the marked block into prices.html.

Up to 12 sections and 20 cards in each
Add a card at the start, at the end or after a selected one
Server-side validation of required fields
Automatic HTML backup before every overwrite
Local demo · pricing editor Custom editor for pricing sections and cards
Pricing editor: the sole-trader section, display options and two cards with separate fields.
Local demo · reviews Custom editor and moderation of reviews
Reviews: publish after review, edit before release, reject, plus a separate "show on home page" flag.
Access security

Sessions, hashing, CSRF and lockout

HttpOnly/SameSite cookies, session ID regeneration, auto-logout after an hour of inactivity and IP lockout after 5 failed attempts.

Recovery

Reset with rollback on email failure

New credentials activate only if the email is sent; otherwise the previous access is automatically restored.

Synchronization

One save — three pages

Approved reviews update the home page, the pricing page and the full reviews page.

Isolation

Service files closed off from the web

Core, app, JSON storage, auth data and backups are never served as public resources.

Trust content

Expertise shown through facts, not vague promises

A dedicated page presents the experience of a chief accountant and finance director, the industries and the working tools. Certificates can be enlarged in a lightbox, and reviews can be read on a separate page or seen in a short selection on the home page.

Oksana Dmytrenko

A personal brand backed by evidence

20+ yearsof experience in accounting and finance
Since 2019independent practice
3 certificates2021 · 2023 · 2025
11 reviews4 selected for the home page
About the specialist Page about Oksana Dmytrenko's experience
The "About" page: professional history, competencies, industries and systems.
Certificate lightbox Enlarged 2025 certificate
Proof of qualification: originals available in an enlarged view.
Social proof Client reviews page
Reviews: a dedicated page, a submission form, a moderation notice and a curated selection for the home page.
Technical foundation

SEO, speed and security are built into the architecture

The project doesn't depend on a client framework: pages serve finished semantic HTML, the main JavaScript is loaded via defer, the hero image has high priority, and heavy certificates load lazily.

On-page SEOUnique titles/descriptions, canonical, uk-UA, Open Graph and Twitter Card.
Schema.orgProfessionalService, Person, Service, OfferCatalog, WebPage and BreadcrumbList.
IndexingSitemap, robots.txt, Google verification and clean URLs without .html.
AnalyticsGoogle Tag Manager integrated into the public pages.
HTTP protectionHSTS, CSP, X-Frame-Options, nosniff, Referrer-Policy, Permissions-Policy.
AccessibilitySemantic navigation, aria attributes, the Escape key and prefers-reduced-motion.
Result

One project — a public site, leads, trust and operational control

Without verified post-release analytics we don't credit the site with invented traffic or conversion growth. We judge the result of this stage by what can be checked: finished pages, scenarios, content entities, protection and the owner's working tools.

Business need

Expertise is hard to scale online

  • Complex services need explaining
  • Prices and reviews change
  • Leads need context
  • Trust has to be proven
The system delivered

A manageable personal-brand platform

  • 6 interconnected pages
  • A custom editor for prices and reviews
  • Forms with context and anti-spam
  • An SEO and security foundation to grow on

What the business got

Not a set of mockups, but a finished tool that already works on a live domain.

  • A full marketing funnel on the home page
  • A detailed catalog of accounting services
  • Pricing across 5 managed sections
  • A contextual modal request
  • Server-side validation and anti-spam
  • An experience and certification page
  • 11 reviews and a public submission form
  • A pre-moderation queue
  • A custom, secured admin panel
  • 40 HTML backups created
  • Responsiveness from desktop down to 390 px
  • Metadata, Schema.org, sitemap and clean URLs
Methodology

Where the numbers in this case come from

This report reflects the actual state of the live site and the local codebase as of 28 July 2026. Implementation metrics don't replace Google Search Console or CRM data — they capture the scope and functionality of the delivered product.

  1. The live site — public pages, responsiveness, forms, content and the current design.
  2. The local codebase — HTML, CSS, JavaScript, PHP handlers, server configuration and JSON data.
  3. The actual admin storage — 5 pricing sections, 8 cards, 11 reviews and 40 HTML backups as of the snapshot date.
  4. Screenshots of the public site were taken from the live site; admin screenshots come from a local, secured demo without revealing the non-public address or credentials.
Oksana Dmytrenko · 2026

The accounting-services site became a system you can manage

The public site explains and convinces. The forms collect contextual requests. The custom admin panel gives the owner control over prices and reviews — without unnecessary technical complexity.