Про себя

Занимаюсь веб-технологиями девять лет: верстаю сайты, промо‑страницы и лендинги, адаптивные письма, большие и сложные проекты; разрабатываю интерфейсы; проектирую и рисую простые дизайн-макеты; пишу скрипты для автоматизации рутинной работы; делаю темы из своей вёрстки для WordPress; презентую, веду переговоры и защищаю результаты своей работы; помогаю SEO-специалистам и маркетологам в их работе.

Стараюсь решать проблемы, не упарываться, если не уместно, общаться со всеми участниками процесса работы. Воспитываю в себе здоровый перфекционизм; стараюсь быть самостоятельным. Умею внятно задавать вопросы и понятно формулировать ответы.

Набор слов: CSS, HTML, SCSS, PostCSS, Stylus, styled-components, Less, БЭМ, Pug (Jade), Nunjucks, JavaScript, jQuery, Gulp, Grunt, Git, GitLab, GitHub, Bitbucket, Sketch, Zeplin, Avacode, Photoshop, Figma, SVG, React, PHP, WordPress, Shop-Script, Bootstrap, ISPmanager.

В интернете я больше читатель, чем писатель. Читаю твитер. Код складываю на GitHub.

Чем могу быть полезен

Интерфейсная вёрстка

Превращу дизайн в вёрстку: сверстаю макет или соберу интерактивный статичный прототип. Семантично и аккуратно. Использую Реакт для сложных интерфейсов.

Работа с WordPress

Сверстаю по макету и превращу вёрстку в классную тему для WordPress. Сделаю удобной админку для редактора и подготовлю человеческие инструкции.

Контент-вёрстка

Вёрстка смысла: контент, выпуски новостей, посты для блога, лонгриды, сложные контент-страницы. Можно поставить вёрстку на поток и собрать команду для проекта.

Вёрстка писем и рассылок

Развиваю свой набор инструментов для удобной и быстрой вёрстки писем. Сверстаю письмо или серию рассылок.

Консультация и документация

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

Поддержка проекта

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

Про проекты

Работаю в PromoPult.
Логотип GitHub

Gulp-шаблон SPT для старта вёрстки

Упростил свою рутинную часть начала работы над проектами. В разметке и стилях стараюсь собирать лучшие паттерны и техники. Внутри Nunjucks, SCSS, PostCSS.

Иконка блога PromoPult

Разработка и поддержка блога PromoPult

Стек: Nunjucks, HTML, SCSS, PostCSS, jQuery, Gulp, WordPress, ACF, PHP, GitLab

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

Иконка системы Click.ru

Адаптивная версия Click.ru

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

Иконка системы UpToPromo

Адаптивная версия uptopromo.co.id

Стек: CoffeeScript, Ruby

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

Логотип GitHub

Gulp-сборщик «Печкин» для вёрстки писем и рассылок

Собственный инструмент для вёрстки писем. Помогает с шаблонизацией (Nunjucks) и инлайном стилей.

Иконка проекта о методе PSY2.0

Поддержка и развитие сайта метода PSY2.0

Стек: HTML, SASS, CoffeeScript, jQuery, WordPress, ACF, PHP, Gulp, GitLab, спринты

Настроил рабочее окружение через GitLab-хуки для тестовой и боевой среды. Обновил Gulp-конфиг сборки статики SASS и CoffeeScript. Разделил легаси и новый код. Интегрировал заявки с сайта в amoCRM.

Логотип интернет-магазина расширений Google Chrome

Расширение «Пустая новая вкладка» для Google Chrome

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

Иконка сайта greenmila.com

Диджитал-штуки для блогера @green__mila

Стек: Nunjucks, HTML, SCSS, PostCSS, jQuery, Gulp, WordPress, PHP, GitHub, MailChimp, Tilda

Полный цикл от дизайна до готового сайта. Интеграция с MailChimp. Придумал и сделал страницу-хаб для быстрой навигации из профиля инстача. Разобрался с Tilda и сделал лендинг про консультации.

Стек: jQuery, Gulp, Grunt, React, TypeScript, Stylus, Bootstrap, Perl, Mojolicious, GitLab

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

Иконка обучающего центра CyberMarketing

Прототип института и мобильная версия cybermarketing.ru

Стек: CSS, HTML, jQuery, PHP, Yii, SVN

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

Иконка сайта vegplaces.ru

vegplaces.ru — карта вег-мест в разных городах

Стек: React, styled-components, Express, Redux, react-snap

Придумал и сделал проект, как ответ на вопрос «а где поесть в городе N определённой здоровой кухни», ну и ещё с React, API и со всем связанным разобрался. Сейчас ищу поддержки для развития проекта.