Кейс · Сайт дизайн-студії

Сайт дизайн-студії, що рахує вартість сам

Замість застарілої Joomla з десятками порожніх сторінок — лендинг на WordPress із портфоліо на 271 роботу, калькулятором для шести напрямків і квізом, який приводить заявку прямо в Telegram.

НішаДизайн-студія: фірмовий стиль, поліграфія, реклама

ПлатформаWordPress, власна тема

Строк2 дні від стратегії до запуску

Рік2026

https://arletti.com.ua

Головна arletti.com.ua: hero з роботами на столі друкаря

Сторінка портфоліо з фільтрами за напрямком і типом виробу

Калькулятор вартості з шістьма вкладками напрямків

Лайтбокс портфоліо з підписом і лічильником

Сторінка окремої роботи: брендування авто

1Задача

Сайт студії з 2020 року жив на Joomla: дві мови, 267 матеріалів, із них лише 91 з реальним текстом, без форм і калькуляторів. Оновлювати стару систему не мало сенсу. Потрібен був новий сайт, який продає дизайн і одразу допродає друк тиражу.

2Рішення

Зібрали односторінковий лендинг на WordPress із власною темою: hero з реальними роботами «на столі друкаря», шість напрямків послуг, портфоліо з фільтрами, процес, калькулятор і квіз. Контент і всі 271 роботу перенесли з бази старого сайту скриптом імпорту, а не вручну. Ціни рахуються за часом дизайнера, друк — за моделлю собівартості постачальника.

3Результат

Сайт запущено в корінь домену за два дні після ухвалення стратегії. Заявки з квізу й калькулятора падають у Telegram і в адмінку, старі адреси Joomla ведуть 301-редиректом на потрібні секції. Від старої CMS на сервері не лишилося жодного файлу.

Що зробили

Аудит і стратегія

Аудит старого сайту і сервера перед переїздом, очищення від зайвого
Опис контенту з дампа бази: 267 матеріалів, 788 зображень по категоріях, близько 45 реально унікальних сторінок
Стратегія нового сайту: лендинг із портфоліо і заявками без онлайн-оплати, квіз замість форми, єдина воронка з власним друком
Тимчасова статична заглушка замість Joomla, щоб закрити дірку до запуску

Дизайн і прототип

Концепція «стіл друкаря»: темне тло, білі аркуші з роботами, мітки приводки і контрольна шкала фарб
Палітра CMYK — кожен із шести напрямків має свою фарбу
Шрифти Unbounded, Commissioner і JetBrains Mono для технічних підписів
Живий HTML-прототип, затверджений до переносу на WordPress; мобільна верстка перевірена на чесних 390 px

Розробка на WordPress

Власна тема: типи записів «Послуги» і «Портфоліо», таксономія напрямків із дочірніми типами виробів, налаштування контактів у Customizer
Калькулятор вартості: шість вкладок, формула «рівень × тип × обсяг × строк + додатково», підказка в годинах роботи дизайнера
Друк тиражу рахується по-справжньому: дві моделі (офсет і цифра), калькулятор бере дешевшу і показує технологію
Плагін заявок: REST-ендпоінт, honeypot, ліміт запитів, відправка в Telegram і на email, список заявок в адмінці
Квіз із п'яти питань, що передає напрямок, строки та контакт у заявку; кнопка «Замовити за цією ціною» передзаповнює квіз із калькулятора

Портфоліо та контент

Скрипт імпорту всіх 271 роботи зі старого сайту: стиснення зображень до 1600 px, 31 тип виробу, ідемпотентний повторний запуск
Окрема сторінка-архів з фільтром за напрямком і типом виробу, «Показати ще» по 24, власний лайтбокс зі свайпом і клавіатурою
На головній — вітрина з 16 обраних робіт, перші три потрапляють у hero
Усі тексти, підпослуги, переваги і FAQ — з бази старого сайту, без вигаданих відгуків

Запуск

WordPress у підкаталозі, сайт із кореня домену; https-редірект, security-заголовки, 301 зі старих адрес Joomla на секції
Вимкнений xmlrpc, закритий список користувачів у REST, знеособлені помилки входу
Мобільні правки за скріншотами з телефону: повноекранне меню, усунення бокової прокрутки на 320–390 px
Sitemap, індексація відкрита в день запуску