Привет! Меня зовут Роман, я — разработчик интерфейсов с 5-летним стажем.

— Мои поклонники часто спрашивают меня: «Кто вы такой? И почему вы называете нас вашими поклонниками?» Я

Достижения:

На сегодняшний день основным направлением моей профессиональной деятельности является фронтенд:

Что знаю и практикую:

Артемий Лебедев смотрит на меня, как на разработчика

Используемое ПО

Что изучаю:

Что не хочу или не планирую изучать:

Индусские фрилансеры — главная причина моего нулевого рейтинга на UpWork Я — фрилансер

Основные принципы

Я упарываюсь по типографике и юзабилити. Я вообще часто упарываюсь. Так говорят мои коллеги, но мне так не кажется. То есть, я считаю, что фронтенд-разработчик — это не только Twitter Bootstrap и jQuery. По крайней мере я различаю тире («-») и дефис («—»), кавычки (« ») и знак дюйма ("), неразрывный пробел ( ) и тонкая шпация ( ). Я пропогандирую em, если это уместно, потому что это оправдано. А с недавнего времени ещё и БЭМ. Я спорю с дизайнерами, когда их макеты «сыпятся» при изменении ширины или поле с именем не выдерживает кого-то «длиннее», чем John Doe, или заголовок, содержащий не «Lorem ipsum dolor…», а что-нибудь типа «Комсомольская правда: „В Новгородской области поставили памятник Цою, который запретили устанавливать в Петербурге“».

Примеры работ

Это всё, что останется после меня…

— Юрий Шевчук

Чаще всего я работаю один, поэтому, хоть и с Git работаю регулярно, пушы делаю крайне редко, поэтому вполне довольствуюсь локальной СКВ. Но, на всякий случай:

По крайней мере по застаренным на GitHub можно понять, чем я всё же интересуюсь.

Из последних работ (на каждую из которых ушло несколько месяцев), которые работают и приносят прибыль моим клиентам:

Лавка Счастья BaltGaz
Лавка Счастья Балтийская газовая компания
Runo.RU Nevatrip
Загородный ресторан Runo.RU Экскурсии по рекам и каналам Санкт-Петербурга

Лавка Счастья

Фулстек-разработка от создания прототипов до вёрстки и бэкенда. Имиджевый интернет-магазин, расчёт стоимости доставки по регионам, ручной набор товаров в коробке drag'n'drop'ом, личный кабинет, админка.

Отличный визуальный лонгрид сделал автор дизайна, Сергей Борцов, в своём профиле на Behance: https://www.behance.net/gallery/47128771/Online-store-for-confectionery-HAPPINESS.

Балтийская газовая компания

Помимо новостного портала сайт имеет два крупных подраздела: интернет-магазин и закрытую CRM-систему СРОП для контроля региональных дистрибьюторов (многоуровневый доступ для сотрудников компании и дистрибьюторов). Отдельно развивается «Клуб монтажников».

Основной портал

Полнотекстовый поиск, мультиязычность. В процессе работы с проектом была создана (не реализована в действующей версии) модель единой эко-системы основного портала с интернет-магазином, СРОП'ом и клубом монтажников.

Магазин

Фасетный поиск по товарам, мультикатегории (товар может находиться в нескольких категориях), синхронизация с базой данных 1С, различные цены в зависимости от региона (мультирегиональность), выгрузка товаров в Яндекс.Маркет, экспорт товаров из Excel.

Концепция нового дизайна карточки товара
Концепция нового дизайна карточки товара
Мультирегиональность
Мультирегиональность
Пример фасетного поиска
Пример фасетного поиска

Загородный ресторан Runo.RU

Создание дизайна, прототипирование, вёрстка, панель управления публикациями, меню блюд, фото и видеогалереей, формой обратной связи и других разделов. Поисковая оптимизация (техническая часть). Настройка сервера (nginx + php-fpm). Используемые инструменты/технологии:

Принцип построения структуры меню основывался на реальной типографической вёрстке
Правильное сопровождение полей формы обратной связи увеличило конверсию в 3 раза
Пример карты эмпатии — сообщение, получаемое пользователем при заполнении формы обратной связи

Экскурсии по рекам и каналам Санкт-Петербурга

Система онлайн платежей (Яндекс.Касса). Сейчас проект переписывается на полный БЭМ-стек с улучшенной адаптацией под мобильные устройства и оптимизацией скорости загрузки, мультиязычностью, новой бизнес-логикой и системой заказов.

Nevatrip «до»
До: резкое «приклеивание» меню при скроллинге
Nevatrip «после»
После: переход плавный и без задержек
Текущий пример формы заказа
Текущий пример формы заказа
Новый пример формы заказа
Новый пример формы заказа

Прочие

Есть и другие проекты, но, к сожалению, значительная их часть уже не существует (в примерном хронологическом порядке начиная с новых):

  1. теплоходные экскурсии по Москве-реке moskvatrip.ru и автобусные экскурсии по Питеру busguide.ru;
  2. аренда кафе под корпоратив на Новый год, fdfp2016.ru;
  3. сайт организаторов интелектуальной барной викторины, mozgoboj.ru;
  4. интерфейс к сервису эвакуации автомобилей sparxcloud.ru (https://bitbucket.org/Realetive/sparx_partner);
  5. студия света illuminato.ru;
  6. 3D-мюзикл «Джульетта и Ромео»: jumeo.ru;
  7. Пола Негри (тут сопровождение, не создание): polanegri.ru;
  8. сайт ребят, которые эти мюзиклы делают: letpro.ru;
  9. каталог швейных товаров Петронить: petronit.ru;
  10. эвент-агенство Слон-салон (адрес неизвестен);
  11. закрытая разработка CRM-системы для сети кофеен «Чайникофф»;
  12. строительная компания АльфаТраст: alphatrust.ru. Они вернулись к старому дизайну, т. к. мы прекратили сотрудничество;
  13. персональный сайт художниц: artiswall.ru;
  14. персональный сайт актрисы Виктории Баркановой: был на barkanova.com, но, по всей видимости, отключен;
  15. театр балета им. Ейфмана: так и не выгрузили новую версию, так что там старая;
  16. рекламное агенство BVMedia: bvmedia.ru (на сколько я знаю, их больше не существует). Помимо основного портала, создание CRM-системы по контролю всех рекламных площадей компании;
  17. выставка-ярмарка «Хобби 21 век»: hobby21vek.com (дочерний проект bvmedia.ru). Каталог участников, их личные кабинеты;
  18. общество защиты прав потребителей России: finpotrebsouz.ru. Из-за недостатка финансирования пришлось прекратить сотрудничество: полный редизайн и новая бизнес-логика, панель управления с разделением прав доступа, система технической поддержки, интерактивная карта на Raphael.JS;
  19. студия эротики Ромео: romeo-studio.ru;
  20. эскорт-агенство girlsfor.travel (остался только в исходнике);
  21. финансовое бюро «Кредитный Папа»: kredpapa.ru (дела у компании пошли не очень, так что пришлось закрыть, а жаль — сайт был очень крутой);
  22. свадебное агенство LaFamilia: тоже только в исходниках;
  23. интернет-каталог 6424478.ru;
  24. финансовое бюро МаксФинанс (адрес неизвестен);
  25. шоу-рум «Шу-шу»: mon-chou.ru;
  26. креативное агенство polempole.ru;
  27. etonauka.com

…ещё какие-то работы есть, но я их уже не помню. Или они утеряны…