Профессиональная вёрстка сайтов и интернет-магазинов по макетам Figma и Photoshop.

Самозанятые

С 1 января 2019 года в России действует налог на профессиональный доход — НПД. Те кто работает по этому режиму называются самозанятыми. Это позволяет легально вести бизнес и получать доход без рисков получить штраф за незаконную предпринимательскую деятельность.

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

Если вы работаете как юридическое лицо, то вы сможете учесть расходы, приложив чек к бухгалтерским отчётам, ведь чек, по сути, играет роль акта выполненных работ. Также вам не потребуется платить дополнительные взносы как при работе с физическими лицами. Подробнее в статье Моё Дело и на Контуре

Вы сможете всегда проверить мой статус самозанятого на этой странице nalog.ru. Мой ИНН: 645323475387

Отправка заявок в CRM

Если на сайте есть формы, то я могу настроить их отправку в одну из популярных CRM. Это упростит работу вам или вашим менеджерам, если вы работаете с одной из этих систем.

• Битрикс24. Все введенные посетителями данные будут попадать на страницу с «Сделки» в разделе «CRM».
• AmoCRM. Новые лиды будут попадать в воронку продаж в столбец «Неразобранное». В прикрепленном сообщении будут переданы все введенные посетителями данные.
• RetailCRM. Лиды будут создаваться как новые заказы при этом все введенные посетителями данные будут добавляться в поля «Комментарии клиента» или «Комментарии оператора»

Подробнее о WordPress

WordPress – самая популярная в мире CMS (система управления контентом). Адаптация (или как говорят натяжка сайта) на WordPress позволит вам без знания вёрстки управлять сайтом будущем, а именно:

• Заменять тексты на лендинге из админки.
• Добавлять/удалять блоки (например, добавить новое преимущество компании, удалить скидку, добавить нового сотрудника на сайт и т.д).
• Загружать фотографии и файлы, управлять фотографиями в галерее.
• Создавать неограниченное количество внутренних страниц, добавлять на них контент, и управлять меню сайта.
• Менять телефон, адрес и другие данные на всём сайте сразу.
• Собирать заявки с форм в админке в одном месте.
• Добавлять новости или статьи на сайт.

В работе с WordPress я использую только ручную вёрстку, создаю тему с нуля, без использования плагинов-конструкторов. Благодаря этому сайт на WordPress получает максимальное быстродействие, простой интерфейс и качественный код темы.

Я могу разработать интернет-магазин средней сложности. Я работаю с плагином WooCommerce для создания полноценного интернет-магазина. Вы сможете рассчитывать на функционал корзины, оформления заказа, избранные товары и другое. Сможете удобно добавлять/удалять товары и категории, управлять скидками, акциями, способами оплаты и доставки.

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

Проверка на валидность по w3c гарантирует, что код вёрстки не содержит ошибок и полностью соответствует стандарту HTML5 консорциума World Wide Web (W3C).

Важно, чтобы сайт отображался без ошибок во всех современных браузерах, поэтому я тестирую свёрстанные страницы в Google Chrome, Firefox, Яндекс бразуер, Safari, Edge, Safari. На мобильных устройствах: Chrome и Safari на iOS, а также Chrome и Firefox на Android.

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

Что я делаю для ускорения вёрстки:

• Сжатие всех изображений. Сжатие настроено так, чтобы добиться баланса между размером и качеством графики.
• Использование современных форматов графики и шрифтов. Например, файлы шрифтов в формате woff2 порой в 1.5-2 раза меньше, чем в старых форматах woff или ttf. Изображения в формате webp во многих случаях имеют меньший размер чем png или jpg при неотличимом качестве.
• Использую векторную SVG графику вместо растровой, где это возможно.
• Минимизирую используемые скрипты, и стили. Применяю отложенную загрузку скриптов, чтобы контент страницы
  отображался как можно быстрее.
• Применяю отложенную загрузку (lasy load) изображений и видео вне экрана бразуера (например, в галереях, слайдерах и.т.д.).
• Применяю минификацию и сжатие всего html, css и js кода при необходимости.

При оценке скорости сайта, я использую данные сервиса «Google Pagespeed» и Lighthouse. Стараюсь, чтобы оценка по этим сервисам была от 70 и выше. Однако это также зависит от сложности макета и объёма контента на нём.

Что имеется ввиду под SEO-оптимизацией вёрстки.

• Семантика. Проставление заголовков H1-H6 в вёрстке, проставление альтернативного текста для изображений, использование семантических тегов HTML5.
• Установка значений мета-тегов (title, description и др.) и иконки сайта.
• Добавление разметки «Open Graph» для правильного заголовка и картинки отображаемых при встраивании ссылки на сайт в соц. сетях (например, на стену в контакте, facebook или сообщение в мессенджерах).
• Установка счётчиков. Яндекс Метрика, Google Tag Manager, Facebook Pixel. Настройка отслеживания целей (клик на кнопке, отправка заявки и др.)
• При работе с WordPress также настройка XML-карты сайта, настройка транслитерации URL-адресов и ЧПУ. Устранение дублирующих адресов, настройка robots.txt.

Наиболее часто встречающиеся интерактивные элементы, которые я встраиваю на сайты:

• Слайдеры (карусели)
• Модальные окна и модальные формы
• Квизы (интерактивный опрос-анкета на сайте)
• Раскрывающиеся блоки, выпадающие меню
• Маски ввода на полях формы (например маска номера телефона) и проверка заполнения полей
• Галереи в т.ч. с видео
• Переключающиеся вкладки (табы)
• Интерактивные карты «Яндекс Карты» и «Google Maps»
• Обработка данных форм на сервере с отправкой заявок на Email или в CRM.

Наиболее часто встречающиеся анимации:

• Анимации появления/скрытия элементов при просмотре страницы.
• Нестандартные перемещения элементов при прокрутке страницы
• Анимации при наведении/нажатии на элементы (например, на кнопки).

Возможна разработка нестандартной анимации.

Для этого нужно текстовое описание желаемой анимации пример на другом сайте или видеоролик.

Также я могу разработать для вас нестандартные интерактивные элементы, например калькуляторы, квизы и т.д. согласно ТЗ.

PixelPerfect — техника тестирования html-вёрстки на соответствие макету. Она позволяет выявить даже самые трудно заметные расхождения вёрстки с макетом.

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

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