Артём Зенков

Веб-разработка · Автоматизация · Генеративное видео

Делаю сайты, которые
работают в проде,
и процессы, которые
работают без меня.

Пять сайтов для реального бизнеса на собственных доменах, конструктор сайтов с клиентским редактором, четыре боевых n8n-процесса и два Telegram-бота. Всё ниже открывается по ссылке — можно проверить прямо сейчас.

Сайтов в проде
6
Процессов на n8n
4
Telegram-ботов
2
Свой VPS
nginx · certbot · systemd

Работы

У каждого проекта свой визуальный язык: я не переношу вёрстку от клиента к клиенту, а собираю под конкретный бизнес. Ниже это видно по четырём разным направлениям.

Главная страница сайта бутик-отеля «Дом купчихи Ершовой»

Бутик-отель · Вологда

Дом купчихи Ершовой

Сайт отеля в отреставрированном особняке 1863 года. Десять тематических номеров с ценами, бронирование, галерея интерьеров, история дома, FAQ и раздел ресторана. Отдельная задача — передать возраст здания типографикой, не скатившись в стилизацию под старину.

  • HTML/CSS/JS
  • Адаптив
  • Галерея
  • SEO
  • Деплой на VPS
butik-hotel-ershovoy.ru
Главная страница сайта ресторана «Дом Купчихи Ершовой»

Ресторан · тот же заказчик

Ресторан северной кухни

Второй проект для ООО «Дом Купчихи Ершовой». Меню с ценами, бизнес-ланч, чайная церемония, бронирование столов. Сайт живёт в одной айдентике с отелем, но решает другую задачу: не «остаться на ночь», а «прийти сегодня поесть».

  • HTML/CSS/JS
  • Каталог меню
  • Адаптив
  • Своя айдентика
restoran-ershovoy.ru
Главная страница сайта барбершопа «Зеркало»

Барбершоп · Москва

Зеркало

Полностью другой регистр: плотный чёрный, кислотный акцент, крупный гротеск на весь экран. Услуги с ценами, онлайн-запись, галерея работ, FAQ по парковке и детским стрижкам, блок вакансий для барберов.

  • HTML/CSS/JS
  • Онлайн-запись
  • FAQ
  • Свой домен
  • SEO
barbershop-zerkalo.ru
Главная страница сайта производителя пеллет ГРАНТОП-ЭКСПОРТ

B2B · производство

ГРАНТОП-ЭКСПОРТ

Производитель топливных пеллет, 36 000 тонн в год. Здесь решала не красота, а доверие оптового покупателя: объёмы, отгрузка, собственный завод, отраслевые награды и быстрый запрос коммерческого предложения. Награды на старом сайте лежали безымянными картинками — вынес их в первый экран.

  • B2B-лендинг
  • Каталог продукции
  • Форма запроса КП
  • Vanilla JS
grantop-export.vibekodi.online
Главная страница сайта бренда одежды NO WOE в стиле веба нулевых

Бренд одежды · экспериментальный

NO WOE

Пять страниц, стилизованных под веб 2003–2005 годов по референсам заказчика. Каталог, лукбук, доставка, гостевая книга. Фотографии собраны парсингом публичного Telegram-канала бренда. Проект показывает, что я умею работать в чужой стилистике, а не только в «современно и чисто».

  • 5 страниц
  • Vanilla JS
  • Парсинг контента
  • Ретро-вёрстка
nowoe.vibekodi.online

Собственный продукт · full-stack

Конструктор сайтов с клиентским редактором

Чтобы не править тексты клиентам вручную, написал конструктор: клиент заходит по ссылке с токеном, меняет тексты и фотографии, включает и выключает секции и публикует изменения одной кнопкой. Сервер собирает финальный HTML из шаблонов секций и раскладывает результат на боевой хост.

  • React (Vite)
  • Express API
  • SQLite
  • Загрузка файлов
  • Генерация HTML
  • Деплой из панели
  • Веб-аналитика

Закрытый доступ — показываю на созвоне демонстрацией экрана.

Автоматизация

Процессы, которые крутятся сами: по расписанию, без моего участия, с логами и уведомлениями в Telegram.

Ежедневный сбор данных

n8n по расписанию обходит открытый геоданными API по нескольким городам и категориям, отсеивает уже известные записи и складывает новые в структурированные JSON-файлы. Экономит примерно час ручного поиска в день.

  • n8n
  • HTTP Request
  • Дедупликация
  • Cron

Мониторинг доступности

Каждые 30 минут проверяет HTTP-статус боевых сайтов, пишет историю в CSV и поднимает алерт при 4xx/5xx. Благодаря ему я узнаю о падении раньше клиента.

  • n8n
  • Мониторинг
  • Алерты

Резервное копирование

Ночью упаковывает рабочие данные и переносит их на удалённый сервер по SSH с ротацией копий 30 и 90 дней. Восстановление проверял вручную.

  • n8n
  • rsync
  • SSH
  • Ротация

Недельный отчёт

По пятницам собирает метрики недели в один markdown-файл: что сделано, сколько времени работали сайты, что просело.

  • n8n
  • Агрегация
  • Отчётность

Бот-ассистент интернет-магазина

Telegram-бот для магазина одежды под заказ. Клиент присылает скриншот карточки товара — бот распознаёт цену зрением нейросети, тянет актуальный курс валюты из открытого API ЦБ, считает итоговую стоимость по формуле магазина и оформляет заказ. Живёт на сервере под systemd.

  • Node.js
  • Telegram Bot API
  • Vision-модель
  • API ЦБ
  • systemd

Бот удалённого управления

Личный Telegram-бот с доступом к рабочей машине: выполняет команды, читает и правит файлы, присылает скриншоты экрана. Доступ ограничен одним user ID, ключи вынесены в переменные окружения.

  • Python
  • Telegram Bot API
  • Контроль доступа

Генеративное видео и графика

Использую генеративные модели как рабочий инструмент внутри проектов — там, где съёмка невозможна или неоправданна.

Атмосферные ролики номеров отеля

Пять коротких видео по одному на номер: комнаты оживают лёгким движением камеры. Сгенерированы по реальным фотографиям интерьеров, а не выдуманы с нуля — гость должен увидеть тот номер, который забронировал.

  • image-to-video
  • 5 роликов
  • Оптимизация под веб

Скролл-секвенция на 365 кадров

Видео-проход разложен в последовательность кадров и привязан к прокрутке: страница листается — камера едет. Отдельная работа — ужать 365 кадров так, чтобы это открывалось на телефоне.

  • ffmpeg
  • Frame sequence
  • Canvas
  • Вес и производительность

Персонажная анимация — направление, которое я разрабатываю сейчас. Работы появятся в этом разделе по мере готовности.

Инструменты

Фронтенд

HTML, CSS, JavaScript, адаптивная вёрстка, React (Vite), доступность и семантика, оптимизация изображений и скорости

Бэкенд и инфраструктура

Node.js, Express, SQLite, Python, nginx, certbot, systemd, launchd, rsync, SSH, Linux (Ubuntu)

Автоматизация

n8n, Telegram Bot API, REST и работа со сторонними API, cron, вебхуки, парсинг и обработка данных

Медиа и AI

Генеративные модели изображений и видео, ffmpeg, подготовка ассетов под веб, работа с LLM-инструментами в разработке

Контакты

Открыт к удалённой работе. Готов показать код и разобрать любой проект из портфолио на созвоне.