Пространство материализации идей в инфраструктуру. Здесь я выстраиваю цифровое тело своих проектов — от сервера и ИИ-моделей до визуала и контента.

Проектный контур существует параллельно с Системно-аналитическим: если тот отвечает за методологию и навигацию, то этот — за то, как всё это превращается в работающие сайты, тексты, видео и бренд. Архив проектов и мои компетенции разработчика описаны на сайте Wiz-of-web.

1. Инфраструктура

Технический фундамент, на котором стоит всё остальное. Здесь я описываю железо, софт, хранилища и модели ИИ — то, что обычно остаётся за кадром, но без чего ни один проект не запустится. Я не администратор по образованию, но за 27 лет работы с сайтами научилась собирать инфраструктуру под свои задачи.

Сервер и железо

  • Мини-ПК TECNO ML01
  • Конфигурации трёх компьютеров

ИИ-модели

  • Qwen: распределение тем по проектам
  • Расходование лимитов и отчёт о работе с ИИ

Инструменты разработки

  • Список инструментов для разработки
  • ArchiveBox
  • Obsidian: схемы и карты
  • Карта гипотез
  • Инструменты Yagaya+: адреса и доступ

Git и репозитории

  • GitHub: организация yagaya-baba
  • GitLab CE на собственном сервере

Хранилища и память

  • Жёсткие диски и флешки
  • Оперативная память

2. Процессы

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

Продюсирование

  • Универсальная система продюсирования проектов
  • Процесс продюсирования сайта музыканта и репетитора по скрипке

Производство контента

  • Производство. Процесс
  • Промты
  • Стиль автора
  • Производство. Карт-холдер
  • Процесс производства контента «под ключ»

Маркетинг и упаковка

  • Маркетинг: тексты для основного канала, календарь
  • Маркетинг: план SMM, процесс
  • Маркетинг: контентный план по типам контента
  • Маркетинг: библиотека, карт-холдер, инфографика, каналы Telegram, скриншоты
  • Процесс маркетинга для сайта психолога «под ключ»
  • База постов: теги для типов статей
  • Маркетинг Артема Седова, Ильяны Левина, Скиллбокс, Психология маркетинга

Разработка сайтов

  • Выполненные задачи
  • Процесс
  • Библиотека
  • Разработка: структура проекта
  • Обсуждаем разработку 1.0
  • Обсуждаем разработку 2.0
  • Работа с базами данных в Laravel
  • Скрипты

Разработка курсов

  • Методика обучения

Стратегия

  • Стратегия (Темнографика) — 2027

3. Визуал

Всё, что делает проекты видимыми: фотографии, видео, аудио, иллюстрации, анимация и дизайн сайтов. Здесь я фиксирую процесс экстериоризации идентичности — как внутренний пантеон становится видимым через камеру, звук и графику.

Фотографии

  • Личные фото
  • Фото декораций

Видео

  • Расходники. Фото- и видеотехника
  • Расходники. Декорации и реквизит
  • Документация по производству видеоматериала (занятия на скрипке)
  • Обработка фото и видео
  • Video. Общие рекомендации
  • Sources
  • Trial video
  • Video 2021
  • Video 2022
  • Video violin 2021
  • Video violin 2023
  • Video violin 2024
  • Projects video 2021, 2022
  • Projects video violin 2021, 2023, 2024

Аудио

  • Music
  • Podcast
  • Projects podcast

Иллюстрации и графика

  • Иллюстрации к сказкам
  • Карты ТАРО
  • Переписка. Карты таро
  • Референсы к картам ТАРО
  • Коллажи для рамочек
  • Мерч
  • Стикеры 1.0
  • Ноты

Анимация

  • Идеи для анимации на сайтах

Дизайн сайтов

  • Yagaya
  • Yagaya-baba
  • Personal-myth
  • Wiz-of-web
  • Готовые шаблоны
  • Свои иллюстрации
  • Идеи для дизайна сайтов
  • Дизайн продукта

4. Актуальные проекты

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

Yagaya.ru

Технологии: HTML + CSS (самохост Kurale), карта-квест через файл координат, 152-ФЗ, Метрика.

Годы: 2021 — по настоящее время.

Слишком много сайтов, слишком много информации. Поэтому появился путеводитель для клиентов — только ссылки на мои ресурсы и пара слов об услугах. Всё ещё действует, регулярно обновляется.

Wiz-of-web.ru

Технологии: HTML5 + CSS3 (самохост Kurale), Bootstrap 5 локально, vanilla JS (IntersectionObserver, плавные якоря), Метрика.

Годы: 2023 — по настоящее время.

Сайт с портфолио веб-проектов. Намеренно простой в виде лендинга. Здесь же опубликованы дневники по процессу продюсирования, производства продукта, маркетинга и разработки как таковой. На других сайтах не поместилось.

Yagaya-Baba.ru

Технологии: Jekyll 4.2.2, YAML, Git + GitLab CE (собственный сервер), webpack/yarn, скрипты импорта LiveJournal и Дзена, Bootstrap 5 self-host, vanilla JS.

Годы: 2013 — по настоящее время.

Сказочный архив и нарративное ядро. В 2010 году я начала учиться на психолога и довольно быстро начала обсуждать психологию в ЖЖ и на форуме ева.ру. Потом всё это при помощи программиста стало сайтом. Сайт программист поддерживал 10 лет, за это время он познал многое, и теперь сайт как Франкенштейн — написан на разных языках программирования. В 2026 году стоит на пороге большой переделки: перенести его на другой сервер можно только с пересборкой с нуля.

Personal-myth.ru

Технологии: Jekyll + Bootstrap 5 + vanilla JS: теги для контента, JSON-описания дисциплин, TOC с программной генерацией отступов, кастомный виджет Telegram с localStorage.

Годы: 2026 — по настоящее время.

Психологический портрет и многомерная диагностика. Развёрнут как презентация супервизионных системно-аналитических проектов. Тот же стек, что и у Yagaya-Baba и Smoothness.

Smoothness.ru

Технологии: Jekyll + Bootstrap 5 + vanilla JS, интеграционный архив рабочих проектов.

Годы: 2023 — по настоящее время.

Клон Yagaya-Baba.ru. Там рабочие проекты, здесь личные. Личная мифология и творческие контуры.

Anna-ustinova.com

Технологии: Laravel (PHP), Laravel Nova, Blade, SQL-база с миграциями, Docker, GitLab CI.

Годы: 2023 — по настоящее время.

Сайт репетитора по скрипке. Просто лендинг, без особых затей. Все красивости подсмотрела на другом сайте, а не придумала сама.

  • Отчёт по продюсированию, задачи

Anna-livingston.art

Технологии: Laravel (PHP), Laravel Nova, Blade, SQL-база с миграциями, Docker, GitLab CI.

Годы: 2023 — по настоящее время.

Русскоязычная версия сайта. На блоках с админкой. Делала всё сама от и до, за исключением настройки сервера. Абсолютно не помню, как это делала, буду вспоминать. Дизайн тоже надо дорабатывать, на нём остановились.

  • Отчёт по продюсированию, планы по сайту, задачи

5. Архивы

Закрытые и переработанные проекты, а также архивы переписки и файлов сайтов. Это моя цифровая археология: от первой домашней странички на народе 1999 года до CRM-системы 2015 года. История эволюции навыков — от табличной вёрстки и GIF-кнопок до Laravel с админкой Nova и CI/CD.

Этап 1. Чистый HTML, без PHP

Страницы вручную: табличная вёрстка, GIF-кнопки, рисованный дизайн, кодировки вручную. Сюда же относятся свежие проекты, сознательно собранные на простой и надёжной статике.

Этап 2. PHP, внешние стили, первые CMS

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

  • Studentochka.ru 3.0 — 2003–2026, внешний CSS, собственный PHP-поиск, страницы-макросы в Word, автозамена.
  • Рекрутинг и копирайтинг — 2003–2006, мини-hh и услуги копирайтинга.
  • Hp-theories.ru — 2004–2010, CMS Xaraya: первая админка, форум, два языка RU/EN.
  • Волонтёрский сайт — 2006–2013, PHP, фотомонтаж вместо рисованной графики, структура «нужды — отчёты».

Этап 3. Генераторы, Git, YAML, CI/CD

Контент отделён от разметки: лейауты, инклуды, фронтматтер. Sitemap и RSS генерируются автоматически, старые архивы импортированы скриптами, обновления выкатываются через Git и CI/CD.

  • Yagaya-Baba.ru — 2013, Jekyll 4.2.2, Git + GitLab CE (собственный сервер), webpack/yarn, импорт LiveJournal и Дзена, Bootstrap 5 self-host, vanilla JS.
  • Smoothness.ru — 2023, тот же стек: Jekyll + Bootstrap 5 + vanilla JS, интеграционный архив рабочих проектов.
  • Personal-Myth.ru — 2026, тот же стек: Jekyll + Bootstrap 5 + vanilla JS: теги для контента, JSON-описания дисциплин, TOC с программной генерацией отступов, кастомный виджет Telegram с localStorage.

Этап 4. CRM: архитектура продукта

Квест-карта клиента: ТЗ с моделью данных, матрицей прав и ограничениями скоупа. Всё, кроме кодинга, — моё: архитектура, контент, тестирование.

  • Personal-myth.ru (CRM) — 2015, CRM клиентов: профили, анкеты, карта из 15 этапов, комментарии; PHP + Node.js, SQL-база, миграции knex.

Этап 5. Фреймворк и собственный кодинг

Laravel с админкой Nova, блочные Blade-шаблоны, миграции базы, Docker, GitLab CI, тесты. Всё, кроме настройки серверов, — моё, включая кодинг.

  • Anna-Ustinova.com — 2026, лендинг репетитора скрипки, AJAX-подгрузка блоков, карусели на CSS scroll-snap, inline-SVG иконки, форма с honeypot.
  • Anna-livingston.art — 2023, русскоязычная версия на Laravel + Nova, Bootstrap 5, кастомные цвета через CSS Custom Properties.

Архив переписки

Операциональный материал для дневников и рефлексии разработки. Здесь я храню обсуждения с Лешей, коллегами, по картам Таро, по разработке wiz-of-web, по графике и арт-проектам, по серверам.

  • Обсуждаем yagaya-baba
  • Обсуждаем базы данных
  • Обсуждаем графику. Арт-проекты
  • Обсуждаем разработку 1.0
  • Обсуждаем разработку 2.0
  • Обсуждаем сервера
  • Обсуждаем съёмку
  • Маркетинг Артем Седов
  • Маркетинг Ильяна Левина
  • Маркетинг Скиллбокс
  • Методика обучения
  • Психология маркетинга
  • Разработка стратегии. Темнографика

Архивы сайтов

Файловые архивы закрытых проектов, версии сайтов за разные годы.

  • Архив сайтов, описание

6. Обучение и курсы

Зона роста: то, что я осваиваю сейчас или планирую освоить в ближайший цикл. Для текущих задач уровня 1–5 этого пока не требуется, но это инвестиция в следующие этапы.

  • ИТМО. Дизайн — 2027
  • Фото и видео — 202

7. Ресурсная база и интегративный архив

Несущая конструкция контура, опирающаяся на четыре типа опор: цифровую инфраструктуру, контентно-продукционный инструментарий, бренд-архитектурные опоры и коммуникационные ресурсы. Здесь я аккумулирую выполненные задачи, рефлексивные дневники и протоколы архивации, обеспечивая преемственность проектного опыта и защиту от контент-выгорания.

Выполненные задачи

  • Выполненные задачи

Рефлексивные дневники

Ресурсная база контура

  • Цифровая инфраструктура
  • Контентно-продукционный инструментарий
  • Бренд-архитектурные опоры
  • Коммуникационные и эпистолярные ресурсы

Интегративный архив

  • Структура архива
  • Протоколы архивации цифровых материалов
  • Цифровое завещание и посмертная передача

Клинические и экзистенциальные предохранители контура

  • Защита от контент-выгорания
  • Защита от потери авторского голоса в ИИ
  • Защита от распыления между экосистемами
  • Защита от профанации бренда
  • Защита от цифровой инфляции и академического перфекционизма
  • Право на незавершённость и коммуникационную латентность