Education · English learning

Lingua Life

lingualife.onlineWordPress FSEGutenbergGitHub ActionsDDEV
8

days from approval to launch

3

environments: dev, staging, prod

5★

client review on Fiverr

100

Lighthouse SEO

01Where the client started

Lingua Life is a Ukrainian brand of English flashcards and learning kits: cards, games and kits for work, kids and daily practice. The founder came on Fiverr with a finished Figma design (desktop and mobile) and a detailed brief.

  • A lightweight WordPress site with no Elementor and no yearly paid licences
  • Everything editable in the admin: texts, prices, photos, reviews, articles
  • Code in the client's GitHub, a local copy, a staging environment and safe updates
  • A base for future landing pages for individual products
  • No silent assumptions: every unclear decision agreed in writing
More screens
02Design → site

I moved the Figma design onto the site block by block and checked every section on desktop and mobile. Fonts, colours, spacing and buttons look exactly as the designer drew them.

Figma design
Figma design
Live site
Live site
03How it went
  1. 29.09

    Audit and offer

    Reviewed the whole design and brief, sent all questions in one message, proposed 3 milestones at a fixed price.

  2. 02.10

    Milestone 1: foundation

    Password-protected staging, auto-deploy from GitHub, header, mobile menu, footer and hero. Accepted the next day.

  3. 03.10

    Milestone 2: home page

    All 7 sections, product galleries, text, photo and video reviews, a landing page template.

  4. 05.10

    Milestone 3: blog and the rest

    Blog with instant search, article page with table of contents and related posts, legal pages, 404, SEO, caching.

  5. 06.10

    Launch and handover

    Site live on lingualife.online, video and PDF guide, a project archive.

04Three environments: changes without risk

The owner doesn't touch code and can't break the live site: every change goes through staging and reaches production only after his "yes".

computerDev

A copy of the site on the computer for changes and checks.

stagingStaging

Password-protected test site. Every change from GitHub lands here automatically; the owner edits content here.

lingualife.onlineProd

The live site. Nothing reaches it without approval and a backup.

Nothing is deleted, and every live update starts with a backup.

If needed, the site can also be managed through an AI assistant: it shows what will change and moves it only after a "yes".

05The owner manages everything

The theme is built from standard WordPress blocks, so the editor looks like the site, not like a form full of fields.

Editing the home page in WordPress
Every home page section is edited right in the editor
Adding a review in the admin
Reviews live in their own section: a new one takes a minute
Library of ready site blocks
Ready site blocks for new pages and landing pages
  • Text, photo and video reviews without code
  • One field sets the Telegram link for every button
  • SEO title and description for every page
  • The site works even with JavaScript turned off
06Training and handover

I recorded a video on running the site and made a PDF guide, so the owner doesn't depend on a developer for everyday tasks.

Frame from the site video guide
"How to run the site" video, 25 min with timestamps
PDF guide cover
A 38-page PDF guide
Guide page with marked screenshot
Every step with a marked screenshot
  • A project archive with the code and full change history
  • All access details in one file, sent by a private link
  • 30 days of free fixes after launch
07What I proposed next

Orders, replies and reviews are still handled by hand in Telegram. I recorded a separate video and deck on what can be automated.

  • An AI assistant on the site that answers questions and collects leads
  • A CRM with leads and site analytics
  • Automatic Nova Poshta shipping labels
  • A weekly AI report on sales and leads
  • Automatic review requests after purchase

This is a proposal for the next stage, not part of this project.

Frame from the automation video
Automation video and deck
08Client review
★★★★★

“It has been a great experience working with Yura. His delivery was exceptional, quick and beyond my expectations. Appreciate his high attention to details, proactiveness and helpfulness. Looking forward to working with him in my future projects!”

Lingua Life · 🇺🇦 Ukraine · Fiverr

The problem

A brand of English flashcards and learning kits needed a lightweight site built from a finished Figma design that the owner can edit himself, with a staging environment and safe updates.

What I built

Built a custom WordPress block theme with no page builder, matched to Figma, three environments (local copy, staging, production) with GitHub auto-deploy, and live updates only after the owner approves them. Launched it with a full backup and handed over a video, a PDF guide and the full project archive.

Result

The site went live on lingualife.online 8 days after approval, the owner runs the content himself, and the client left a 5★ review: "beyond my expectations".

Need a website for your business?

Estimate the cost in 30 seconds or message me, and I will reply with a price and a timeline.

TelegramGet a quote