Обо мне

Я веб-дизайнер и HTML/CSS-верстальщик с более чем 15-летним практическим опытом работы с сайтами.

В веб я пришла самостоятельно и много лет занималась созданием, оформлением и администрированием сайтов и форумов. За это время работала с HTML и CSS, шаблонами и интерфейсами, а в последние годы активно развиваю направление веб-дизайна и проектирования интерфейсов в Figma.

Могу взять небольшой проект целиком: помочь продумать структуру страницы, разработать дизайн в Figma, подготовить адаптивную версию и самостоятельно сверстать готовый макет на HTML/CSS.

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

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

Также могу обучать начинающих работе в Figma и основам HTML/CSS — на практике, с разбором конкретных задач и макетов.

Мои навыки:

Работаю в Photoshop, Illustrator, Corel, Inkscape. Ретуширую, делаю коллажи, аватары и другую графику, разбираюсь в анимации, в основном режу её сама или создаю с нуля, создаю несложные иллюстрации, умею работать с векторной графикой. В планах изучить After Effects и InDesign.
Верстаю веб-страницы, довольно уверенно владею html и css, изучаю javascript. Умею делать адаптивную вёрстку сайтов. Работаю в программах Sublime Text, Dreamweaver, Figma.
Рисую, пишу маслом на холсте. Ходила в художественную школу.
Умею создавать и монтировать видео в Sony Vegas, kdenlive и не только.
Имею представления о трёхмерной графике (3ds max), правда, на довольно поверхностном уровне, в ближайшем будущем планирую заняться изучением данной темы.
Знаю основы раскрутки в сети и принципы создания таргетированной рекламы.

Ниже можно ознакомиться с моими работами.

Мои работы

Веб-дизайн
Вёрстка
Адаптив и элементы
Графика
Арт

Дизайны, созданные и свёрстанные мной. Нажмите, чтобы увеличить картинку.

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

Вёрстка мобильных версий дизайнов и html элементов. Мобильные версии разрабатывались в основном мной на основе десктопных дизайнов, многие html-элементы также разрабатывались мной. Нажмите, чтобы увеличить картинку.

Мобильные версии

HTML

Аватары

Прочая графика

Для просмотра в полном размере кликните на картинку.

Мои коллажи, иллюстрации, цифровая и традиционная живопись. Для просмотра в полном размере кликните на картинку.

Коллажи

Иллюстрации

Традиционная и цифровая живопись

Геймдев

Помимо вёрстки и веб-дизайна, я занимаюсь разработкой собственной компьютерной игры в жанре "Визуальная новелла" под названием "Eternal Veil".

О чём эта игра?

Она рассказывает историю молодого офицера наполеоновской армии — Жан-Клода Леру.

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

Сможет ли Жан-Клод в конечном счёте обрести своё счастье? Или хотя бы покой? Зависит только от вас.

Особенности игры

Игра поддерживает русский и английский язык (озвучка только на английском);
Персонажи полностью озвучены;
Нет простыней длинного текста;
Глоссарий, галерея, система репутации и навыков;
Можно умереть, если сделать неосторожный выбор.

Где играть?

Скриншоты

Видео

Услуги и цены

Правила и информация

Я предпочитаю общение в вежливой и дружелюбной манере. Грубость, претенциозный тон и прочее в этом духе могут отбить у меня желание вести дальнейший диалог и тем более выполнять заказ.
Я тоже живой человек и нуждаюсь в отдыхе, поэтому буду крайне признательна, если меня не будут беспокоить без крайней на то необходимости в период с 22:00 до 9:00 по московскому времени.
Я не ставлю копирайтов на видимых местах и вообще ставлю их не всегда. Тем не менее, если копирайт есть, я буду признательна, если он останется нетронутым.
Вы вправе поступать с результатами моей вёрстки вашего макета как вам угодно, за исключением перепродажи и передачи третьим лицам, если это не было оговорено со мной.
Вы вправе поступать с созданным мною для вас дизайном как вам угодно, за исключением перепродажи, передачи третьим лицам и создания производных дизайнов, если это не было оговорено со мной.
Полное или частичное копирование кода интерактивных карт для создания производных на их основе, особенно в коммерческих целях, запрещено, если мы не оговаривали иные условия.
Мне сложно сказать, дорого я беру за свои услуги или, наоборот, дёшево, но я оцениваю свои трудозатраты в указанных рамках.
Основной способ оплаты — перевод на карту Сбера (для жителей России и владельцев карт российских банков). Для владельцев карт не российских банков — чаевые посредством сервиса hipolink, либо донат на бусти. Комиссия за ваш счёт.
При надобности я могу взяться за срочный заказ и постараться сверстать в течение 1-2 суток. Разумеется, за срочность цена увеличивается. Речь только о вёрстке, сделать срочно целый дизайн я не смогу в любом случае.
Вы можете нарезать свой макет самостоятельно, однако PSD всё равно лучше иметь под рукой на случай, если придётся перерезать какой-то элемент. У меня свои методы вёрстки и для них может не подойти вырезанный тем или иным способом графический элемент.
Заказывая у меня дизайн, вёрстку или любую другую услугу из списка мной оказываемых, пожалуйста, оговаривайте срок, к которому необходимо выполнить работу. При варианте "вообще не срочно" я могу взяться за ваш дизайн как через неделю, так и через месяц в случае загруженности.
Если вы по каким-то причинам решите отменить ваш заказ — всё решаемо. Если вы не делали предоплату и я не успела начать работу, то не вижу проблем. Поэтому отказываться желательно на начальном этапе. Просто прежде, чем делать заказ, подумайте — вы точно этого хотите? Если не уверены, то, по крайней мере, не делайте предоплату заказа.
Постоянным клиентам возможны скидки :з Также возможны скидки и новым клиентам, но размер и условия будут обсуждаться индивидуально.

Цены

Рекламная графика, оформление групп ВК от 800 ₽
Разработка сайта под ключ от 4000 ₽
Вёрстка ваших макетов от 2000 ₽
Дизайн и вёрстка элементов сайта от 300 ₽
Обучение дизайну и вёрстке 800 ₽ / час

Порядок работы

Вы связываетесь со мной любым удобным способом и излагаете свои пожелания.
Если мы приходим к согласию, то я начинаю работу над вашим проектом.
В зависимости от сложности работа может занять от 1 суток и до 2х недель в среднем.
По готовности я вас информирую и присылаю скриншоты проделаннойработы (либо сразу же показываем результат в случае, если была внесенапредоплата).
Далее вносим правки при необходимости (до 3х небольших правок бесплатно).
В дальнейшем я при необходимости мого оказывать техническую поддержку вашего сайта/паблика.

Обучение

Помимо создания сайтов я также обучаю вёрстке и администрированию сайтов. Обучение я провожу дистанционно, посредством Telegram, Discord, либо Яндекс Телемост. Стоимость занятия - 800 рублей в час, обычно урок длится полтора часа.

Что мы можем изучать на уроках:

Разбор инструментария, необходимого для вёрстки: программы, средства в браузере, справочники, полезные сервисы.
Начало работы с html и css, особенности разметки и стиля.
Разбор макета дизайна в photoshop или figma: оптимизация, что можно, что затруднительно реализовать, особенности его предстоящей вёрстки, доработка деталей, рекомендации по установке.
Вёрстка вашего макета (потребуется несколько уроков, минимум 3).
Вёрстка страниц с нуля и отдельных элементов страницы.
Оптимизация, разбор ошибок в вёрстке дизайна (уже поставленного на тот или иной сайт — если, допустим, вы ставили самостоятельно или собираете поставить по чьему-то примеру).

Буду рада постоянному сотрудничеству!

Полезное

Здесь хочу поделиться с вами своими наработками, которые могут пригодиться для оформления сайтов.

Базовый стиль для форумов Mybb/Rusff

[Код на Github] | [Макет в Figma]

Дизайн можно ставить на свой форум и модифицировать на своё усмотрение. Копирайт не убирать!

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

К стилю приложен скрипт кнопок вверх-вниз, который находится в файле html-bottom.html. P.S. я не автор этого скрипта.

Установка

В репозитории выберите одну из папок: "clean_old" либо "clean_new".
Откройте файл style.css на github, (либо у себя на компьютере с помощью блокнота), скопируйте его содержимое и вставьте в верхнее окно стиля в администрировании. Содержимое нижнего окна стиля необходимо полностью очистить.
Откройте файл html-bottom.html, скопируйте его содержимое и вставьте в html-низ в разделе администрирования "формы".

Отличия clean_old от clean_new

clean_old

4 столбца на главной странице;
Классический вид статистики.

clean_new

2 столбца на главной странице;
Статистика в один ряд;
Некоторые минорные изменения.

Бесплатный стиль "Cyrodiil Stories" по мотивам TES IV Oblivion

Изначально делался просто в стол, так сказать, для души.

Актуальная версия на гитхабе. Скачать можно, тыкнув на зелёную кнопку code и выбрав "download zip". А потыкать вживую диз можно тут :з

Особенности:

Чистый код;
Всплывающая таблица в шапке при наведении курсора;
Иконки font awesome duotone в профиле и над формой ответа.

Планируется:

Мобильная версия ~~когда-нибудь~~

Конвертер HTML в BB-коды (расширение для VS Code)

⚡ HTML to BB Converter для VS Code

Долго мучились с переписыванием HTML-вёрстки в BB-код? Я тоже. Я больше люблю HTML, но в сообщениях на форуме у некоторых пользователей он блокируется настройками антивируса/фаервола/адблоком, поэтому немало пользователей предпочитают BB-оформление. И когда необходимо переписать HTML код в BB, либо сразу написать его в BB, начинается самое сложное. Удобных редакторов BB-кода, а тем более конвертеров в BB из HTML, заточенных конкретно под платформу Mybb/Rusff, насколько мне известно, нет как таковых.

Поэтому мы вместе с Deepseek написали расширение для VS Code, которое понимает синтаксис BB-разметки и умеет переводить HTML в наиболее соответствующие BB-теги.

🔧 Что умеет

Любые block=... из классов div'ов
Заголовки h1-h6 → block=bh1 - block=bh6
Таблицы (table, tr, td с сохранением colspan/rowspan)
Цитаты: quote и quote="автор" (понимает структуру форума)
Скрытый текст: hide=число из hide-box
Спойлеры: spoiler="..." из details/summary
Картинки, ссылки, списки — всё что нужно

Пример работы конвертера

🎨 Для тех, кто верстает в VS Code

Подсветка синтаксиса для BB-кода (файлы .bb, .bbcode)
Сниппеты для быстрой вставки тегов
Форматирование (убирает лишние пробелы, но структуру сохраняет)

Пример написания BB-кода в VS Code

📺 Как работает

Выделили HTML → правый клик → "Конвертировать HTML в BB" → получили готовый BB-код.

🔗 Где взять

В официальном магазине расширений VS Code: HTML to BB Converter или прямо в самой программе VS Code в разделе расширений введите "HTML to BB Converter".

Поиск в VS Code

Исходники и issue на GitHub: ссылка

💬 Важно

Расширение opensource, бесплатное. Если найдёте баги или захотите добавить фичу — пишите в issues на гитхабе или в личку. Всё для людей 🐰

Hello! My name is Alex Kolmar