Сайты, которые я сделала
Портфолио проектов: от идеи до запуска
Страница на narod.ru
| Параметр | Значение |
|---|---|
| Технологии | HTML |
| Годы существования | 8.03.1999-30.03.1999 |
| Статус | Переработан |
Зимой 1998-1999 года появился на моем компьютере интернет, компьютер "ожил". Я отчетливо помню пустоту этого интернета, где было еще не так много ресурсов, в том числе был Народ.ру, на котором можно было создать домашнюю страничку. Странички эти еще не начали жестко стебать, но дизайнеры уже закатывали глаза и говорили "не надо играть со шрифтами". Одна такая статья меня очень огорчила, потому что я искренне считала, что желтые буквы на черном фоне – это очень комфортное сочетание. Что было на этой самой домашней страничке кроме желтых букв на черном фоне, как и ее точный адрес, я вспомнить не могу. Какая-то подростковая дичь и разнообразное творчество друзей, сверстанное во Фронт Пейдже. Остались дневниковые записи о том, как я "пагу верстала". Покойся с миром, моя первая домашняя страничка, не будем тебя эксгумировать.
Домашняя страничка "Изольдочки-Лапочки"
| Параметр | Значение |
|---|---|
| Технологии | HTML 4, табличная вёрстка, GIF-графика, кодировки КОИ-8 / windows-1251 |
| Годы существования | 1999-2002 |
| Статус | Архив |
Той же весной 1999 года я окунулась в общение на форумах и в аське, нашла себе компанию из мальчика Андрея из Краснодара, семейной пары с Урала и кого-то еще. Кто-то из них поддразнивал меня Изольдой за якобы холодность и дистантность (абсолютно не помню, почему я это из себя изображала в 21 год, при том, что в текстах просто фонтан эмоций), кто-то другой из компании переиначил сначала в Изольдочку, потом в Изольдочку-Лапочку. Так и осталось.
На страничке публиковалось самиздатовское творчество. Потом уже, когда вышла замуж в те же года и родила ребенка, ненадолго на нее попала детская тема, в том числе фотоальбом фидошной детской эхи. В веб-архиве эта версия страницы на народе сохранилась, локально тоже. Оформление сначала было беленьким, с разделителем-картинкой в виде синих ворон. А зеленую травку нарисовала художница, с которой я познакомилась осенью 1999 года в Волгограде.
Детская страничка
| Параметр | Значение |
|---|---|
| Технологии | HTML 4, табличная вёрстка, GIF-графика |
| Годы существования | 4.02.2002-18.05.2003 |
| Статус | Архив |
Страничка отпочковалась от домашней, просуществовала какое-то время и почила в бозе. Как обычно, я пытаюсь размножить бесчисленное количество рубрик и охватить все темы. Но страницы никогда не умирали по причине того, что я не могла все эти бесчисленные рубрики поддерживать. Просто менялись обстоятельства и вектор интереса.
Studentochka.ru 1.0
| Параметр | Значение |
|---|---|
| Технологии | HTML 4, табличная вёрстка, GIF-графика |
| Годы существования | 07.08.2002-31.07.2003 |
| Статус | Переработан |
Это были лихие времена, мы выживали как могли. Действующий на тот момент супруг работал в волгоградской Комсомолке, там и хостился мой абсолютно коммерческий сайт тихонечко в уголочке на отдельном поддомене. Детская страничка тоже там хостилась, судя по баннеру Комсомолки. Картиночки специально для сайта рисовала художница, знакомая мне еще со школьных времен. Так эти картинки и просуществовали с другим дизайном до конца существования сайта в 2026 году.
Studentochka.ru 2.0
| Параметр | Значение |
|---|---|
| Технологии | HTML 4, табличная вёрстка, текстовое меню, внешние виджеты |
| Годы существования | 31.07.2003-06.08.2003 |
| Статус | Переработан |
Я уже поняла, что хочу от сайта, но еще не поняла, что абсолютно не справляюсь с дизайном. После этой версии визуала я погрустила месяц, написала ТЗ и нашла себе дизайнера – Романа Бровкина, который взял какие-то вменяемые деньги и сделал мне красиво в августе 2003 года (у меня даже переписка сохранилась).
Studentochka.ru - 3.0
| Параметр | Значение |
|---|---|
| Технологии | HTML 4, внешний CSS, табличная вёрстка, PHP-поиск |
| Годы существования | 08.2003-05.2026 |
| Статус | Архив |
С дизайнером мы вышли на новый уровень, я научилась верстать в Дримвивере и надолго в нем застряла. На сайте появились стили, конфиги и прочее полезное.
Людей вокруг этого сайта кормилось очень много, я всем бодро руководила и использовала бесплатную рабочую силу для создания кучи страниц. По большей части страницы создавались макросами в ворде, потому что программировать я все еще не умела, а вот писать макросы "возьми кусок текста из списка и вставь его в шаблон" уже могла. Потом меня нашел первый программист, обалдел от того, что сайт на десятки тысяч страниц создается на коленке, и вызвался сайт переделать. Позднее с сайтом в 2013 году случился еще один программист, который переделал сайт уже грамотно, и сайт стал раздаваться из базы. Только я уже не могла быстро сайт обновлять и это было очень неудобно. Понять использованные технологии я была уже не способна, поэтому эту версию сайта не описываю, я там была только пользователем.
Рекрутинг / Услуги по копирайтингу
| Параметр | Значение |
|---|---|
| Технологии | HTML 4, внешний CSS, табличная вёрстка |
| Годы существования | 08.2003-05.2006 |
| Статус | Закрыт |
Не взлетел. Сначала его использовали для поиска сотрудников, как мини hh, потом для услуг копирайтинга и прочего. Но все так и завяло. Дизайн делал тот же дизайнер, что и Студенточку, но мне результат не понравился. Сейчас вроде бы и неплохо выглядит для своего времени, но не ах.
Hp-theories.ru - Сокровищница теорий Поттерианы
| Параметр | Значение |
|---|---|
| Технологии | CMS Xaraya (PHP), внешний CSS, табличная тема |
| Годы существования | 1.10.2004-1.10.2010 |
| Статус | Закрыт |
Просто игрушка. Пока госпожа Роулинг писала свои книги, на форумах люди играли в угадайку: а что будет дальше. Хорошая тренировка для ума. В какой-то момент я создала под эти теории сайт, заказала красивый дизайн и оплатила работу программиста, чтобы код тоже был красивым. Первый сайт с админкой и форумом на движке. Самый красивый сайт из всех. В 2010 году сайт закрылся, так как все книги были дописаны, теории закончились, а у меня появились другие интересы. Вообще, по ощущениям, сайт закончился раньше, не позже 2009 года, но существует версия файлов 2010 года и последний скрин в вебархиве от 14.01.2010.
Реализация.
Волонтерский
| Параметр | Значение |
|---|---|
| Технологии | PHP, внешний CSS, раскладка «меню + контент» |
| Годы существования | 28.08.2006-1.11.2013 |
| Статус | Закрыт |
В 2006-2007 годах я занялась благотворительностью как координатор волонтеров. Естественно, сделала сайт. Даже два сайта: для своих подопечных и подопечных моих соратников по волонтерству. Сайты сделал тот же дизайнер бесплатно, спасибо ему. Сайты существовали примерно до конца 2013 года, потом я из волонтерства ушла, оставив дому инвалидов отлаженную систему общения с частными благотворителями.
Yagaya-Baba.ru
| Параметр | Значение |
|---|---|
| Технологии | Jekyll (статический генератор), YAML, Git + GitLab CI, webpack/yarn, скрипты импорта |
| Годы существования | 03.03.2013- по н.в. |
| Статус | Действующий, регулярно обновляется |
В 2010 году я начала учиться на психолога и довольно быстро начала обсуждать психологию в жж и на форуме ева.ру. Потом все это при помощи программиста стало сайтом. В моей практике появились концепции git, yaml и прочие сложные штуки. Сайт писал программист и сложные вещи делал тоже он, но поддерживала сайт я, так что знаний заметно прибавилось. Сайт тоже без админки, как большинство моих сайтов. Сайт программист поддерживал 10 лет, за это время программист по работе познал многое, и теперь сайт как Франкенштейн, написан на разных языках программирования и, пожалуй, его проще пересобрать с нуля, чем разобраться, кто на ком стоит из концепций.
Как водится, первая версия в 2013 году была одностраничником без дизайна.
На следующем этапе появились рубрики, посты, теги, файл стилей и бутстрап.
К 2015 году сайт получил привычную структуру, фоточку и развернутую рубрикацию. В сентябре 2015 я заказала для него каллиграфический логотип.
Затем сайт лет 10 существовал внешне в одном и том же состоянии, неявно обрастая то каталогом книг, то нечетким поиском, то интерактивной сказочной картой. В 2026 году стоит на пороге большой переделки, т.к. перенести его на другой сервер можно только с пересборкой с нуля. Это будет великая битва.
Personal-myth.ru
| Параметр | Значение |
|---|---|
| Технологии | PHP + Node.js (knex, миграции), SQL-база, webpack, Git/Vagrant; продукт: квест-карта + CRM клиентов |
| Годы существования | 13.09.2015 – по н.в. |
| Статус | Действующий, регулярно обновляется |
Через пару лет мне стало тесно и я зарегистрировала новый домен. На этом домене мы с программистом пилили CRM для клиентов. Я разрабатывала архитектуру, тестировала, готовила контент. А программист делал код. С текущей задумкой сайт не открылся (потому что не делаются такие проекты бесплатно и в остаточном режиме, скажем честно).
Концепция: Представить все, что я могу предложить клиенту, в виде дорожной карты с визуализацией и интерактивом. Это визуализация рабочего процесса в первую очередь.
В 2026 году переделала на презентацию супервизионных системно-аналитических проектов.
Yagaya.ru
| Параметр | Значение |
|---|---|
| Технологии | HTML + CSS (самохост Kurale), карта-квест через файл координат, 152-ФЗ, Метрика |
| Годы существования | 21.02.2021 – по н.в. |
| Статус | Действующий, регулярно обновляется |
Слишком много сайтов, слишком много информации. Поэтому появился путеводитель для клиентов – только ссылки на мои ресурсы и пара слов об услугах. Все еще действует, регулярно обновляется
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 – по н.в |
| Статус | На редизайне / на переработке |
Русскоязычная версия сайта. На блоках с админкой, блэкджеком и шлюхами. Делала все сама от и до, за исключением настройки сервера. Абсолютно не помню, как это делала, буду вспоминать. Дизайн тоже надо дорабатывать, на нем остановились.
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 – по н.в |
| Статус | Запущен |
Сайт с портфолио веб-проектов. Намеренно простой в виде лендинга. Будет обновляться по мере работы над другими проектами. Здесь же опубликованы дневники по процессу продюсирования, производства продукта, маркетинга и разработки как таковой. На других сайтах не поместилось.