Сайты, которые я сделала

Портфолио проектов: от идеи до запуска

Страница на narod.ru

ПараметрЗначение
ТехнологииHTML
Годы существования8.03.1999-30.03.1999
СтатусПереработан

Зимой 1998-1999 года появился на моем компьютере интернет, компьютер "ожил". Я отчетливо помню пустоту этого интернета, где было еще не так много ресурсов, в том числе был Народ.ру, на котором можно было создать домашнюю страничку. Странички эти еще не начали жестко стебать, но дизайнеры уже закатывали глаза и говорили "не надо играть со шрифтами". Одна такая статья меня очень огорчила, потому что я искренне считала, что желтые буквы на черном фоне – это очень комфортное сочетание. Что было на этой самой домашней страничке кроме желтых букв на черном фоне, как и ее точный адрес, я вспомнить не могу. Какая-то подростковая дичь и разнообразное творчество друзей, сверстанное во Фронт Пейдже. Остались дневниковые записи о том, как я "пагу верстала". Покойся с миром, моя первая домашняя страничка, не будем тебя эксгумировать.

Домашняя страничка "Изольдочки-Лапочки"

ПараметрЗначение
ТехнологииHTML 4, табличная вёрстка, GIF-графика, кодировки КОИ-8 / windows-1251
Годы существования1999-2002
СтатусАрхив

Той же весной 1999 года я окунулась в общение на форумах и в аське, нашла себе компанию из мальчика Андрея из Краснодара, семейной пары с Урала и кого-то еще. Кто-то из них поддразнивал меня Изольдой за якобы холодность и дистантность (абсолютно не помню, почему я это из себя изображала в 21 год, при том, что в текстах просто фонтан эмоций), кто-то другой из компании переиначил сначала в Изольдочку, потом в Изольдочку-Лапочку. Так и осталось.

На страничке публиковалось самиздатовское творчество. Потом уже, когда вышла замуж в те же года и родила ребенка, ненадолго на нее попала детская тема, в том числе фотоальбом фидошной детской эхи. В веб-архиве эта версия страницы на народе сохранилась, локально тоже. Оформление сначала было беленьким, с разделителем-картинкой в виде синих ворон. А зеленую травку нарисовала художница, с которой я познакомилась осенью 1999 года в Волгограде.

Скриншот проекта 2

Детская страничка

ПараметрЗначение
ТехнологииHTML 4, табличная вёрстка, GIF-графика
Годы существования4.02.2002-18.05.2003
СтатусАрхив

Страничка отпочковалась от домашней, просуществовала какое-то время и почила в бозе. Как обычно, я пытаюсь размножить бесчисленное количество рубрик и охватить все темы. Но страницы никогда не умирали по причине того, что я не могла все эти бесчисленные рубрики поддерживать. Просто менялись обстоятельства и вектор интереса.

Скриншот проекта 3

Studentochka.ru 1.0

ПараметрЗначение
ТехнологииHTML 4, табличная вёрстка, GIF-графика
Годы существования07.08.2002-31.07.2003
СтатусПереработан

Это были лихие времена, мы выживали как могли. Действующий на тот момент супруг работал в волгоградской Комсомолке, там и хостился мой абсолютно коммерческий сайт тихонечко в уголочке на отдельном поддомене. Детская страничка тоже там хостилась, судя по баннеру Комсомолки. Картиночки специально для сайта рисовала художница, знакомая мне еще со школьных времен. Так эти картинки и просуществовали с другим дизайном до конца существования сайта в 2026 году.

Скриншот проекта 4

Studentochka.ru 2.0

ПараметрЗначение
ТехнологииHTML 4, табличная вёрстка, текстовое меню, внешние виджеты
Годы существования31.07.2003-06.08.2003
СтатусПереработан

Я уже поняла, что хочу от сайта, но еще не поняла, что абсолютно не справляюсь с дизайном. После этой версии визуала я погрустила месяц, написала ТЗ и нашла себе дизайнера – Романа Бровкина, который взял какие-то вменяемые деньги и сделал мне красиво в августе 2003 года (у меня даже переписка сохранилась).

Скриншот проекта 5

Studentochka.ru - 3.0

ПараметрЗначение
ТехнологииHTML 4, внешний CSS, табличная вёрстка, PHP-поиск
Годы существования08.2003-05.2026
СтатусАрхив

С дизайнером мы вышли на новый уровень, я научилась верстать в Дримвивере и надолго в нем застряла. На сайте появились стили, конфиги и прочее полезное.

Людей вокруг этого сайта кормилось очень много, я всем бодро руководила и использовала бесплатную рабочую силу для создания кучи страниц. По большей части страницы создавались макросами в ворде, потому что программировать я все еще не умела, а вот писать макросы "возьми кусок текста из списка и вставь его в шаблон" уже могла. Потом меня нашел первый программист, обалдел от того, что сайт на десятки тысяч страниц создается на коленке, и вызвался сайт переделать. Позднее с сайтом в 2013 году случился еще один программист, который переделал сайт уже грамотно, и сайт стал раздаваться из базы. Только я уже не могла быстро сайт обновлять и это было очень неудобно. Понять использованные технологии я была уже не способна, поэтому эту версию сайта не описываю, я там была только пользователем.

Скриншот проекта 6

Рекрутинг / Услуги по копирайтингу

ПараметрЗначение
ТехнологииHTML 4, внешний CSS, табличная вёрстка
Годы существования08.2003-05.2006
СтатусЗакрыт

Не взлетел. Сначала его использовали для поиска сотрудников, как мини hh, потом для услуг копирайтинга и прочего. Но все так и завяло. Дизайн делал тот же дизайнер, что и Студенточку, но мне результат не понравился. Сейчас вроде бы и неплохо выглядит для своего времени, но не ах.

Скриншот проекта 7

Hp-theories.ru - Сокровищница теорий Поттерианы

ПараметрЗначение
ТехнологииCMS Xaraya (PHP), внешний CSS, табличная тема
Годы существования1.10.2004-1.10.2010
СтатусЗакрыт

Просто игрушка. Пока госпожа Роулинг писала свои книги, на форумах люди играли в угадайку: а что будет дальше. Хорошая тренировка для ума. В какой-то момент я создала под эти теории сайт, заказала красивый дизайн и оплатила работу программиста, чтобы код тоже был красивым. Первый сайт с админкой и форумом на движке. Самый красивый сайт из всех. В 2010 году сайт закрылся, так как все книги были дописаны, теории закончились, а у меня появились другие интересы. Вообще, по ощущениям, сайт закончился раньше, не позже 2009 года, но существует версия файлов 2010 года и последний скрин в вебархиве от 14.01.2010.

Скриншот проекта 8

Реализация.

Скриншот проекта 8

Волонтерский

ПараметрЗначение
ТехнологииPHP, внешний CSS, раскладка «меню + контент»
Годы существования28.08.2006-1.11.2013
СтатусЗакрыт

В 2006-2007 годах я занялась благотворительностью как координатор волонтеров. Естественно, сделала сайт. Даже два сайта: для своих подопечных и подопечных моих соратников по волонтерству. Сайты сделал тот же дизайнер бесплатно, спасибо ему. Сайты существовали примерно до конца 2013 года, потом я из волонтерства ушла, оставив дому инвалидов отлаженную систему общения с частными благотворителями.

Скриншот проекта 9

Yagaya-Baba.ru

ПараметрЗначение
ТехнологииJekyll (статический генератор), YAML, Git + GitLab CI, webpack/yarn, скрипты импорта
Годы существования03.03.2013- по н.в.
СтатусДействующий, регулярно обновляется

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

Как водится, первая версия в 2013 году была одностраничником без дизайна.

Скриншот проекта 10

На следующем этапе появились рубрики, посты, теги, файл стилей и бутстрап.

К 2015 году сайт получил привычную структуру, фоточку и развернутую рубрикацию. В сентябре 2015 я заказала для него каллиграфический логотип.

Скриншот проекта 10

Затем сайт лет 10 существовал внешне в одном и том же состоянии, неявно обрастая то каталогом книг, то нечетким поиском, то интерактивной сказочной картой. В 2026 году стоит на пороге большой переделки, т.к. перенести его на другой сервер можно только с пересборкой с нуля. Это будет великая битва.

Скриншот проекта 10

Personal-myth.ru

ПараметрЗначение
Технологии PHP + Node.js (knex, миграции), SQL-база, webpack, Git/Vagrant; продукт: квест-карта + CRM клиентов
Годы существования13.09.2015 – по н.в.
СтатусДействующий, регулярно обновляется

Через пару лет мне стало тесно и я зарегистрировала новый домен. На этом домене мы с программистом пилили CRM для клиентов. Я разрабатывала архитектуру, тестировала, готовила контент. А программист делал код. С текущей задумкой сайт не открылся (потому что не делаются такие проекты бесплатно и в остаточном режиме, скажем честно).

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

Скриншот проекта 11

В 2026 году переделала на презентацию супервизионных системно-аналитических проектов.

Скриншот проекта 11

Yagaya.ru

ПараметрЗначение
ТехнологииHTML + CSS (самохост Kurale), карта-квест через файл координат, 152-ФЗ, Метрика
Годы существования21.02.2021 – по н.в.
СтатусДействующий, регулярно обновляется

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

Скриншот проекта 12

Anna-Ustinova.com

ПараметрЗначение
ТехнологииLaravel (PHP), Laravel Nova, Blade, SQL-база с миграциями, Docker, GitLab CI
Годы существования2023 – по н.в
СтатусДействующий

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

Скриншот проекта 13

Anna-Livingston.art

ПараметрЗначение
ТехнологииLaravel (PHP), Laravel Nova, Blade, SQL-база с миграциями, Docker, GitLab CI
Годы существования2023 – по н.в
СтатусНа редизайне / на переработке

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

Скриншот проекта 14

Smoothness.ru

ПараметрЗначение
ТехнологииJekyll (статический генератор), YAML, Git + GitLab CI, webpack/yarn, скрипты импорта
Годы существования09.04.2023 – по н.в.
СтатусВ разработке

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

Wiz-of-web.ru

ПараметрЗначение
ТехнологииHTML5 + CSS3 (самохост Kurale), Bootstrap 5 локально, vanilla JS (IntersectionObserver, плавные якоря), Метрика
Годы существования18.02.2023 – по н.в
СтатусЗапущен

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

Скриншот проекта 16