Елена Сотникова
Сайт под ключ · Написание статей · Логотипы · Разработка интернет-магазина
Портфолио
5Авто ЭнциклопедияЦена под ключ - 15000 руб
Задача
Создать не просто статьи, а рабочую базу знаний, которой пользуются в реальном ремонте: найти неисправность по симптому, понять причину, посмотреть порядок работ, подобрать запчасть и инструмент. Отдельно — дать мастерам площадку для продажи техники и деталей.
Что сделано
1. Структура базы знаний
15 систем автомобиля: двигатель, охлаждение, тормоза, подвеска, электрика, трансмиссия и другие.
Связка «система → неисправность → признаки → причины → диагностика → ремонт → кейсы».
Отдельные справочники: коды ошибок, регламент ТО, запчасти, инструмент, жидкости, моменты затяжки, глоссарий, FAQ.
2. Контент
61 неисправность грузовой техники и 61 пошаговая инструкция по ремонту.
183 симптома для диагностики.
55 модельных неисправностей легковых автомобилей.
62 статьи по ремонту и обслуживанию.
78 моделей автомобилей, 54 модели грузовиков, 159 марок.
82 объявления на доске «Куплю / Продам».
3. Онлайн-диагностика
Выбор марки и модели из полного списка.
Подбор вероятных причин по описанию проблемы.
Уточняющие вопросы с кнопками «Да / Нет / Не знаю» и пересчётом результата.
Пошаговый план проверки и ремонта.
4. Доска объявлений
Подача объявлений: грузовик, автомобиль, прицеп, запчасть, шины, инструмент.
Выбор марки, модели и года, пробег, двигатель, КПП, документы, тип кузова, привод, цвет, число владельцев.
Загрузка до трёх фото, карточки и отдельные страницы объявлений.
Фильтры по категории, городу и типу «Куплю / Продам».
5. Фото и медиа
Уникальные фото для 50 грузовых запчастей, 54 грузовых моделей, 78 легковых моделей, 82 объявлений и 62 статей.
6. SEO
Sitemap-индекс на 563 URL: отдельные карты по легковому и грузовому разделам.
robots.txt, canonical, Open Graph, Twitter Card.
JSON-LD: Article, BreadcrumbList, FAQPage, Product, Offer, HowTo.
Подтверждение в Яндекс.Вебмастере.
7. Дополнительно
Английская входная страница /en и кнопка EN.
Поддержка: формы на обоих сайтах и админ-вкладка со статусами обращений.
PWA и офлайн-режим, адаптивная шапка без наложений на средних экранах.
Личный кабинет, подборки неисправностей, печать набора инструкций.
Результат
Два живых сайта: АвтоЭнциклопедия и ГрузовикМастер.
Более 700 структурированных записей, 563 страницы в sitemap.
Полный путь пользователя: диагностика → причина → ремонт → запчасть → объявление.
База готова к SEO-продвижению и дальнейшему масштабированию.
5Студио КрасотыЛендинг салона красоты «Планета Красоты Светланы Порсевой»
Задача. Салону нужна была страница, которая сама рассказывает об услугах и принимает записи без звонка, а администратору — понятный список заявок вместо переписки в мессенджерах.
Что сделала:
Дизайн и структура. Продумала лендинг из шести блоков: шапка, первый экран, услуги, «О салоне», форма записи, контакты. Нежная розовая палитра, мягкие тени, скруглённые карточки, «липкая» шапка с навигацией. Всё адаптировано под телефон и десктоп.
Каталог услуг. Семь услуг с описаниями, длительностью и фотографиями — маникюр, педикюр, лечебный педикюр, мужская и женская стрижка, окрашивание, коррекция бровей. Услуги хранятся в базе и подгружаются на страницу, а не зашиты в вёрстку.
Онлайн-запись. Форма с именем, телефоном, услугой, адресом салона, датой, временем, мастером и комментарием. Обязательные поля проверяются, кнопка «Записаться» на карточке услуги сразу подставляет её в форму и прокручивает к ней. Список мастеров подстраивается под выбранную услугу: маникюр — Светлана или Наталья, педикюр и брови — Светлана, стрижки и окрашивание — Татьяна. После отправки — экран благодарности и возможность оставить ещё одну заявку.
Заявки и CRM. Каждая запись сохраняется в базе и одновременно уходит в CRM событием с телефоном клиента и привязкой к записи — по заявкам можно смотреть статистику.
Админ-панель. Отдельная страница с входом по паролю: заявки можно смотреть недельным календарём с переключением недель или таблицей, искать по имени, телефону, услуге, мастеру и адресу, фильтровать по мастеру.
ИИ-консультант. Плавающий чат на сайте: отвечает на вопросы об услугах, мастерах и адресах и сам принимает запись — собирает имя, телефон, услугу, адрес и мастера, а затем создаёт заявку тем же способом, что и форма. Для него написала инструкцию с правилами диалога и границами роли.
Техническая часть. Публикация на облачной платформе, заголовок и описание страницы, sitemap.xml и robots.txt для поисковиков, иконки и шрифты, проверка вёрстки на мобильном.
Результат. Работающий сайт с каталогом, записью, админкой и ИИ-администратором — салон принимает заявки круглосуточно, а все обращения собираются в одном месте.
Стек: Vue 3, TypeScript, Tailwind CSS, Chatium SDK (база данных, CRM, ИИ-агенты), адаптивная вёрстка.
Цена под ключ - 5000 руб
5Книга сказокЦена под ключ - 3000 руб
Задача. Сделать книгу сказок, которую удобно читать с телефона — без установки приложений и регистрации. При этом она должна выглядеть как настоящая книга: обложка, оглавление, страницы с иллюстрациями. И её должно быть легко распечатать или отправить PDF-ом.
Что сделала
Книга. Десять историй, сто страниц: обложка, оглавление, титульный лист каждой сказки и страницы с текстом и иллюстрацией.
Иллюстрации. Картинка к каждой сказке и к каждому развороту — страница не остаётся «голым текстом».
Сайт-читалка. Работает как книга: листание кнопками и стрелками клавиатуры, оглавление с переходом на нужную сказку, полоса прогресса чтения, возврат на обложку в один клик.
Озвучка и музыка. «Слушать страницу» читает текст голосом браузера, «Музыка» включает тихую колыбельную с шорохом ночного леса. Оба звука создаются прямо на устройстве — тяжёлые аудиофайлы в проект не нужны.
PDF. Отдельная вёрстка под печать: 100 страниц A5, обложка, оглавление, титульные листы, колонцифры, «Конец» на последней странице. Скачивается кнопкой с сайта.
Адаптив. На телефоне страница книги занимает весь экран, а музыка и озвучка переезжают в шапку, чтобы не перекрывать текст.
Результат
100 страниц, 10 сказок, иллюстрация на каждой странице
PDF на 100 страниц A5 — можно распечатать или отправить
Читается на телефоне и компьютере, без установки и регистрации
Один проект — от идеи и текста до вёрстки, кода и готового PDF
Что показывает кейс. Полный цикл: придумать книгу, написать тексты, собрать иллюстрации, сверстать сайт, сделать PDF и довести до публикации. То же самое можно повторить для бренда: книга о компании, сказка под заказ, лендинг или сайт с ИИ-агентом.
Одна строка для соцсетей: «Сделала книгу сказок на 100 страниц: сайт с перелистыванием, озвучкой и музыкой + PDF для печати. Тексты, иллюстрации, вёрстка и код — под ключ».
5Зоо маркетплейс20000 руб , под ключ
Задача. Сделать аналог Авито для животных: не просто доска объявлений, а площадка, где можно купить или отдать животное, найти питомник, записаться к ветеринару или грумеру, посмотреть выставки и заказать перевозку.
Что сделано.
Каталог и объявления
Рубрики: животные, вязки, товары, услуги, «Куплю», «Отдам в хорошие руки / Приму в дар».
Фильтры по виду, породе, городу, цене; карточки с фотогалереей, описанием и контактами.
Избранное и сохранённые поиски — с привязкой к пользователю.
Публикация объявления с загрузкой и сжатием фото на клиенте.
Питомники
Каталог на 5 000+ питомников: породы, регион, документы, контакты, фото.
Карточка питомника и привязка объявлений к нему.
Специалисты и запись
Каталог специалистов: ветеринары, грумеры, кинологи, зоопсихологи, передержка, выгул.
Прайс услуг, зона работы, дни и часы приёма.
Онлайн-запись с выбором услуги и питомца, статусы записи, напоминания.
Выставки и доставка
Афиша выставок (13 500+ событий) с датами, городом и описанием.
Модуль перевозки животных: заявка, список перевозчиков, личный кабинет перевозчика.
Общение
Чат покупателя с продавцом: диалоги, непрочитанные, вложения, фильтры «я покупатель / я продавец».
Форма обращений вместо mailto:, жалобы на объявления, отзывы с модерацией.
Личный кабинет
Объявления, питомник, профиль специалиста, записи, чаты, настройки — в одном месте.
Админка
10 разделов: модерация объявлений, питомники, выставки, перевозчики, заявки на доставку, анкеты, обращения, специалисты, записи, настройки.
Вход по паролю администратора или роли Admin, смена пароля, выгрузка в CSV.
Вход и регистрация
Своя страница входа в оформлении бренда вместо платформенной: вход по коду из письма, без пароля.
Языки, PWA, SEO
Две языковые версии (RU/EN) с переключателем и сохранением выбора.
PWA: манифест, service worker, офлайн-экран, страница установки на телефон.
SEO: микроразметка schema.org, Open Graph, карта сайта на 5 100+ адресов, robots, canonical на основной домен, подтверждения Google и Яндекса.
Аналитика: Яндекс.Метрика с 10 целями (создание объявления, запись, заявка на доставку, обращение и др.).
Технологии. Chatium, TypeScript, Vue 3 (SFC), файловые роуты, Heap-хранилище — 18 таблиц, 79 API-роутов, 65 Vue-компонентов, 19 страниц. Адаптивная вёрстка, тёплая «зоо»-палитра.
Результат. Работающая площадка zoovito.shop: каталог с объявлениями и питомниками, запись к специалистам, афиша, доставка, чат, кабинет и полноценная админка — всё на одном домене, с мобильным приложением и поисковой оптимизацией.
5Бухгалтерия и юнит-экономика для селлера Wildberries и OzonОт 20 000 руб ( с мобильным приложением)
Кейс: бухгалтерия и юнит-экономика для селлера Wildberries и Ozon
Коротко
Собрала для селлера единый кабинет управленческого учёта: продажи, возвраты, удержания, себестоимость, склад, отгрузки и налоги. До проекта всё считалось в Excel, прибыль по товарам была приблизительной, а удержания маркетплейсов не расшифровывались. После — P&L по каждому кабинету, юнит-экономика по SKU и отчёты, которые сходятся между собой.
Задача
У клиента два кабинета — Wildberries и Ozon, около 135 SKU и более 17 500 операций в год. Нужно было:
свести WB и Ozon в одну картину;
видеть прибыль по каждому товару, а не «среднюю по больнице»;
разложить комиссии, логистику, хранение, штрафы и прочие удержания;
учитывать возвраты: получены, в пути, сколько денег вернулось;
вести свой склад: остатки, приход, поставки на маркетплейсы;
считать себестоимость и налоги;
выгружать отчёты в Excel.
Что сделали
1. Единый P&L по кабинетам
Выручка, комиссия, логистика, эквайринг, хранение, штрафы, прочие удержания, к выплате, себестоимость и валовая прибыль — отдельно WB, Ozon и итог.
2. Юнит-экономика по каждому SKU
Прибыль на единицу, наценка, убыточные товары, цена для целевой наценки 20–50%. Себестоимость подтягивается из каталога, её можно скорректировать.
3. Продажи и возвраты
Продажи с фильтрами по периодам и маркетплейсам. Возвраты: полученные и находящиеся в пути, статусы, номера отправлений, влияние на прибыль.
4. Склад
Собственный склад: наименование, количество, себестоимость, сумма. Приход товара, поставки на WB/Ozon, автоматическое списание продаж, история движений.
5. Отгрузки
По месяцам, отдельно WB и Ozon: количество, продажная стоимость, к выплате, себестоимость и прибыль после удержаний. Детализация по дням.
6. Расходы и налоги
Зарплата, доставка, упаковка, топливо, транспортные счета и прочее. Налоговый режим и оценка налога.
7. Excel и мобильное приложение
Выгрузка любого отчёта в Excel с корректной кириллицей. Приложение устанавливается на телефон как PWA.
8. Диагностика и поддержка
Кнопка формирования файла диагностики: статусы кабинетов, ошибки синхронизации, количество данных — без API-ключей и персональных данных.
Интеграции
Это была самая объёмная часть проекта.
Wildberries
финансовый отчёт: продажи, возвраты, комиссии, логистика, хранение, штрафы, прочие удержания;
товары и карточки;
остатки и товары в пути;
возвраты и их статусы;
аналитика по операциям;
разбор займов и факторинга отдельными строками.
Ozon
начисления по дням;
товары;
остатки;
возвраты и статусы;
доставки FBS/FBO;
сервисные удержания: эквайринг, гибкий график, страхование, звёздные товары.
Банки
Точка и Т-Банк: подключение по API-токену, загрузка операций за 90 дней;
токены только на чтение, с инструкцией по получению.
Синхронизация
инкрементальная загрузка по курсору;
ежедневное автоматическое обновление;
повторные попытки при лимитах API;
пакетная запись в базу;
нормализация артикулов и названий;
объединение дублей товаров;
защита от повторного списания.
5Приложение для детей от А до Я12 000 руб
Задача:
Сделать детское обучающее приложение для детей 2–7 лет, в которое ребёнок может зайти с телефона сам: азбука, счёт, цвета, фигуры, игры и песенки — в одном месте, без регистрации, рекламы и покупок.
Сложность была не в отдельной странице, а в том, чтобы собрать из разных тем один понятный маршрут: посмотрел — послушал — повторил — получил награду. И чтобы этим можно было пользоваться без интернета: детское приложение открывают в дороге, на даче и в очереди к врачу, а не только дома за компьютером.
ЧТО НУЖНО БЫЛО СДЕЛАТЬ
— собрать шесть разделов в одно приложение с общей навигацией и общим прогрессом; — подготовить контент: 33 буквы, числа до 100, 12 цветов, 8 фигур, игры и песенки; — озвучить всё голосом, чтобы ребёнок мог заниматься без постоянного участия взрослого; — придумать, зачем возвращаться: звёздочки, медальки, понятная реакция на правильный ответ; — сделать интерфейс, который понятен ребёнку без чтения: крупные карточки, картинки, эмодзи, минимум текста; — дать установку на телефон и офлайн-режим; — сохранить скорость на телефоне: без тяжёлых видео и лишних загрузок.
ЧТО СДЕЛАЛИ
Контент и разделы. Азбука — все 33 буквы: у каждой большая картинка, слово и короткий стишок, плюс отдельный блок из 8 потешек. Гласные, согласные и знаки различаются цветом, любую букву и стишок можно послушать. Счёт — числа от 1 до 100 по десяткам, озвучка каждого числа и режим «считать вслух» подряд. Цвета — 12 цветов с предметами-примерами. Фигуры — 8 геометрических фигур. Игры — 14 игр: собрать слово из кубиков, найти букву, определить первую букву, найти тень и пару, посчитать до 10 и до 100, сравнить кучки, найти цвет и фигуру, выбрать съедобное, угадать время года, подобрать противоположности, вспомнить, кто что ест, повторить мелодию. Песенки — 6 песенок (пять весёлых и колыбельная), слова подсвечиваются как в караоке, есть ксилофон и игра «Повтори мелодию».
Голос. Озвучка сделана на Web Speech API, но не «как получится»: программа выбирает самый мягкий женский голос, ограничивает громкость и темп, добавляет лёгкое колебание тона и сама расставляет ударения в словах, где синтезатор ошибается. В итоге голос звучит тихо и нежно, а не как робот из навигатора.
Музыка. Мелодии не лежат файлами — они собираются из нот через Web Audio: колокольчики, ксилофон, проигрывание песенки целиком. Поэтому звук занимает минимум места и работает офлайн.
Награды. За правильные ответы ребёнок получает звёздочки, за успехи — 7 медалей: за 10, 30, 60, 100 и 200 звёзд, за все открытые буквы и за все игры. Прогресс хранится в браузере, поэтому регистрация не нужна.
Установка и офлайн. Добавили манифест, иконки и service worker: приложение ставится на главный экран iPhone и Android, кэширует восемь страниц с картинками и звуками и открывается без интернета, а обновляется само. Для родителей сделали отдельную страницу с инструкцией и ответами на частые вопросы.
Интерфейс. Крупные карточки, пастельная палитра, мягкие анимации, мобильная вёрстка, шрифт Nunito, иконки Font Awesome, Tailwind. Всё собрано на Chatium Code, Vue 3 и TypeScript.
РЕЗУЛЬТАТ
Приложение 6 разделов, 33 буквы, 100 чисел, 12 цветов, 8 фигур, 14 игр, 6 песенок и 7 медалей в одном приложении.
Его можно поставить на телефон как обычное приложение и открывать без интернета. Внутри нет рекламы, регистрации и платежей: открыл ссылку, добавил на экран «Домой» — и можно заниматься.
Ребёнок может играть сам: нажал карточку — услышал слово, собрал слово из кубиков — получил звезду, дошёл до десяти — получил медаль. Родителю не нужно сидеть рядом и читать вслух: всё озвучено.
3АвтоПодбор, UAE5000 руб
АвтоПодбор: лендинг подбора и продажи автомобилей в ОАЭ
О проекте. «АвтоПодбор» — компания из Дубая, которая подбирает автомобили под бюджет клиента, проверяет их перед покупкой, выкупает и продаёт машины, оформляет trade-in и сделку под ключ. Аудитория смешанная: русскоязычные экспаты в ОАЭ, англоязычные клиенты и местный рынок.
Задача. Сделать один лендинг, который закрывает весь путь до обращения:
за пару экранов объяснить, что компания делает и почему ей можно доверить деньги и машину;
показать реальные автомобили в наличии, а не абстрактные обещания;
снять страхи — юридическая чистота, техническая проверка, прозрачная цена;
собрать заявку по минимальному набору полей и не потерять её;
говорить с клиентом на его языке — русском, английском или арабском.
Что сделали
Структура и сценарий. Выстроили страницу как последовательную воронку: первый экран с оффером и двумя действиями → услуги → каталог → «4 шага» работы → преимущества → форма заявки → контакты. Между блоками работают якорные ссылки, шапка закреплена при скролле, так что кнопка «Оставить заявку» доступна с любого места. В первом экране — цифры доверия (опыт, количество подобранных авто, процент проверки), в блоке преимуществ — четыре страха клиента, переведённые в аргументы: гарантия качества, безопасная сделка, честная цена, поддержка.
Дизайн. Тёмная графитовая база с янтарным акцентом: фото автосалона в первом экране, контрастные карточки, иконки FontAwesome, строгая сетка. Такой набор читается как «премиально, но без пафоса» и хорошо ложится на автомобильную тематику. Вёрстка адаптивная — от 4 колонок на десктопе до одной на телефоне, все блоки проверены на мобильном.
Каталог из базы, а не из кода. Автомобили хранятся в таблице Heap («Автомобили»: марка, модель, год, цена, пробег, двигатель, коробка, фото, статус) и подтягиваются на страницу через API. В каталог попадают только машины со статусом «в наличии», последние добавленные, до восьми штук. Цены хранятся в одной валюте, а показываются в трёх — дирхам, рубль, доллар, с переключателем прямо в блоке. Пока данные грузятся, видны скелетоны карточек, а при пустом каталоге — аккуратная заглушка вместо пустого экрана.
Заявки, которые не теряются. Форма собирает имя, телефон, услугу и комментарий, валидирует обязательные поля и показывает состояния отправки, успеха и ошибки. Каждая заявка пишется в таблицу «Заявки», а параллельно уходит в CRM: создаётся событие leadCreated, подтягиваются контакты клиента (телефон и email, если указан), заявка привязывается к карточке клиента, а выбранная услуга уходит меткой в аналитику. То есть менеджер видит обращение не только в почте, но и в истории клиента.
Три языка без дублей. Весь текст вынесен в словари: 84 фразы на каждом из трёх языков. Переключатель RU / EN / AR в шапке сохраняет выбор в cookie на год — при следующем заходе человек видит свой язык, а по умолчанию сайт открывается на русском. Новые языки добавляются переводом словаря, без правок вёрстки.
Технически. Chatium, Vue 3, Tailwind, FontAwesome, Heap как хранилище каталога и заявок, интеграция с CRM и Microsoft Clarity для аналитики. Метатеги title и description заполнены под запросы по подбору авто.
2Нейрописатель7000 руб
«Нейрописатель» — стихи на любую тему
Одна строка: AI-сервис, который за 10–30 секунд сочиняет стихотворение на заданную тему в выбранном стиле, настроении и объёме — и складывает его в личную коллекцию.
Роль: продукт · UX/UI · full-stack · промпт-инжиниринг · интеграции AI и оплаты. Стек: Chatium Code, Vue 3, TypeScript, Heap, @start/sdk (AI-генерация), @pay/sdk (оплата), Tailwind CSS.
Задача
Превратить генерацию текста из демо в законченный продукт, которым пользуются без инструкции.
Человеку без поэтических навыков нужен готовый стих к конкретному поводу: поздравление, песня, признание, подпись к подарку.
Стихи должны сохраняться и быть видны только автору — это личная коллекция, а не общая лента.
Сервис должен зарабатывать: первый стих бесплатно, дальше — подписка.
Генерация асинхронная: ответ приходит не сразу, поэтому интерфейс обязан пережить ожидание и не терять результат.
Что сделали
1. Сценарий на четыре поля. Тема → стиль (8: лирика, философское, шуточное, ода, хокку, баллада, «Для песни», «На день рождения»), настроение (5) и объём (3: короткое, среднее, длинное). 120 комбинаций — человеку есть из чего выбрать, но форма остаётся в один экран.
2. Асинхронную генерацию. Запрос создаёт запись со статусом generating и запускает startCompletion; текст приходит в колбэк, отдельный колбэк ловит ошибку, третий — списывает токены. Клиент опрашивает статус каждые 3 секунды, показывает «Перо скользит по бумаге…», а при сбое — понятную ошибку и кнопку «Попробовать снова».
3. Промпт-инжиниринг под жанры. Системная роль поэта, жёсткие правила объёма (4–8 / 8–16 / 16–24 строки), запрет на заголовки, пояснения и markdown. Для «Песни» — отдельная инструкция писать куплеты с повторяющимся припевом, для «Дня рождения» — тёплое поздравление с пожеланиями.
4. Личный кабинет и приватность. Вход в аккаунт, фильтр стихов по userId, отдельная страница /cabinet: приветствие, статус подписки, вся коллекция и копирование текста в один клик. Аноним видит призыв войти, а не пустой список.
5. Подписку и оплату. «Нейрописатель Pro» — 299 ₽/мес на 30 дней. Встроенная оплата создаёт ссылку на платёж и запись подписки; колбэки переводят её в active или canceled, срок и статус видны в кабинете, активация пишется событием для аналитики.
6. Прозрачную себестоимость. Из колбэка списания сохраняется число токенов, и в карточке стиха показывается примерная стоимость генерации в рублях — видно, сколько стоит один стих.
7. Визуальный язык. Тёмная «ночная» тема с янтарно-оранжевым акцентом, серифный шрифт для самого стихотворения, hero-иллюстрация, аккуратные пустые состояния и скелетоны при загрузке, адаптив под телефон.
Результат
120 комбинаций темы, стиля, настроения и объёма; стих генерируется за 10–30 секунд.
Личная коллекция с доступом только для владельца и отдельным кабинетом.
Монетизация: подписка 299 ₽/мес, первый стих — бесплатно.
У каждой генерации видна её стоимость в токенах и рублях.Отзывы
Нет отзывов
Проекты
Нет проектов