Заказать верстку
из любой точки мира

Сверстаю Вам сайт
по дизайн макету
PSD Figma Sketch
от 1 дня

Пройдите тест и получите точный развернутый расчет цены HTML верстки ваших макетов
в течении часа

Узнать цену верстки

Рассчет стоимости
перед стартом

Штраф 25%
за просрочку

Лично выполняю
всю работу

На связи 14 часов
7 дней в неделю

Привет, меня зовут Андрей Лобанов, я HTML верстальщик.

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

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

Моя цель стать FULL STACK JAVASCRIPT программистом, чтобы разрабатывать высоконагруженные и интересные приложения.

Рассчитайте стоимость верстки

Вопрос 1 из3

Количество страниц?

1 страниц

    С адаптацией под мобильные устройства

    Для каких устройств нарисованы макеты?

    Вставьте ссылку на макеты с облачного диска (необязательно)

    Опишите техническое задание, если его нет на диске

    Статья: "Как составить тз"

    Спасибо за ответы!

    Что вы получите от работы со мной

    Зеленая зона в Google PageSpeed

    Google PageSpeed

    Что входит:
    1. Обьединение и сжатие скриптов и стилей.
    2. Оптимизация размера и сжатие картинок.

    Зачем это:
    Это нужно для того чтобы сверстанная страница мгновенно загружалась.

    Как проверить

    Одинаковое отображение как на макете во всех современных браузерах

    Browser MozillaBrowser ChromeBrowser Safari
    Browser YandexBrowser OperaBrowser EdgeInternet Explorer
    Как проверить

    Адаптивность до 6 разрешений

    1920px
    1170px
    960px
    720px
    540px
    320px-
    540px

    Что это:
    Это размеры основных устройств: мониторы, планшеты и мобильные устройства.

    Зачем это:
    Это нужно для того чтобы сверстанная страница отображалась удобно на всех устройствах.

    Как проверить

    Отображение кастомных шрифтов

    Fonts

    Выполнение минимального технического задания для верстки

    Что это:
    Это магический набор правил для верстальщика

    Зачем это:
    Это нужно для того чтобы код с легкостью можно было поддерживать и чтобы программисты могли с улыбкой натягивать верстку.

    Посмотреть

    Микроразметка для социальных сетей

    Микроразметка Вконтакте

    Что это:
    Показ картинки 1 экрана и заголовка при отправке ссылки в сообщения социальных сетей между друзьями.

    Зачем это:
    По умолчанию социальные сети выдергивают любую попавшиюся картинку на странице и показывают при отправке, это не презентабельно.

    Pixel Perfect

    Окно браузераПрототип сайтаПрототип сайта

    Что это:
    Это когда сверстанная страница в точности до пикселя соответствует макету.

    Как проверить

    Валидация по https://validator.w3.org

    Что это:
    Это когда сверстанная страница может прочитана корректно поисковым роботом.

    Ваши макеты и исходники не уйдут дальше меня

    Мои работы по верстке

    За 2 с половиной года непрерывной верстки ко мне попадали разные макеты, от 3 экранной визитки до CPA систем и объемных интернет магазинов, в которых легко потеряться. После 200 интересных макетов не боишься взяться за абсолютно любую задачу, нужен квиз, без проблем, заверстаем и запрограммируем, нужен кастомный скролл для прокрутки по целой странице, я готов. Мне нравятся задачи, в которых нужно узнать новое и подумать.

    Представлены не все работы, не все заказчики дают право показывать выполненную верстку.

    Портфолио верстальщика

    Иконкаrootpay.ru

    Верстка 11 страниц под 2 разрешения сервиса для выплат вебмастерам и фрилансерам.

    Посмотреть
    Портфолио верстальщика

    ИконкаMSK-IX

    Верстка лендинга для мероприятия, 4 разрешения с макетами.

    Посмотреть
    Портфолио верстальщика

    ИконкаAltanta

    Верстка 2 страниц под 3 разрешения с нестандартной анимацией перелистывания категорий.

    Посмотреть
    Портфолио верстальщика

    Иконкаanimator142.ru

    2 страниц под 6 разрешений с запрограммированным квизом и отправкой заявок в телеграмм.

    Посмотреть

    Мои отзывы

    Дмитрий Гречишкин

    Дмитрий Гречишкин

    Узнал про Андрея банально полопатив интернет и внимательно изучив работы.

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

    Понравилось при работе с Андреем, что не было "воды" в общении, максимально быстро, максимально профессионально, задача поставлена - задача выполнена)

    Дмитрий Гречишкин

    Игорь Мисюров

    Выбрал Андрея среди других потому что понравился сайт и описание.

    Сомнений перед обращением не было, потому что предоставил 2 блока страницы до оплаты работ.

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

    Дмитрий Гречишкин

    Иван Кунин

    Верстает быстро и качественно, ещё и цены более чем адекватные.

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

    5 причин
    заказать у меня верстку

    1

    Расчет стоимости
    и сроков перед
    началом работы

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

    2

    Штраф 25%
    от заказа
    за просрочку

    Я понимаю неприятно и затратно, когда дела идут не по плану. Поэтому при условии внесения всех необходимых материалов (шрифтов, макетов, полного ТЗ) и без внесения дополнительных работ или правок в ТЗ и макет после начала работ, я снижаю стоимость заказа на 25% в случае срыва сроков.

    Если условия не выполняются штраф аннулируется.

    3

    На связи
    14 часов в сутки
    7 дней в неделю

    Чтобы не беспокоиться и узнать как продвигается работа, не нужно ждать несколько часов, по запросу я выгружу результат работы на текущий момент на хостинг в течении 10 минут, если это не раньше 6 утра и не позже 8 вечера по Москве.

    4

    Лично
    выполняю
    всю работу

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

    Все правки не входящие в первоначальную стоимость оплачиваются дополнительно.

    5

    Не беру в работу
    больше 2 заказов
    в одно время

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

    Как оплачивать

    Работаю по предоплате 25% если нужно сверстать многостраничный сайт, если одна страница предоплата 50%.

    Последняя оплата после тестирования на моем тестовом домене и перед установкой на ваш

    Спопсобы оплаты:

    СбербанкСбербанк

    PayPalPayPal

    YandexMoneyYandexMoney

    Моё окружение

    Основные инструменты (для клиентов)

    HTML 5HTML 5

    Король верстки, каркас будущей страницы из семантических тегов

    CSS 3CSS 3

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

    JavaScriptJavaScript

    Главный маг и чародей верстки, делает то на что HTML и CSS не способны, например 3D модели на сайте, абсолютно любую анимацию к примеру сладеры, молниеносные переходы по страницам без перезагрузки, специальные калькуляторы для сайтов, личные кабинеты с верификацией, онлайн чаты в реальном времени. Но в браузере он ничто без HTML и CSS.

    Фреймворки и библиотеки (для программистов)

    ReactReact

    Библилотека для удобной и поддерживаемой разработки приложений

    ReduxRedux

    Менеджемент состояния приложения

    React RouterReact Router

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

    NextJSNextJS

    Используют в тех случаях когда приложение написанном на React нужно проиндексировать.

    Сборщик Gulp (для программистов)

    Browser-syncBrowser-sync

    Для автоматической перезагрузки страницы при сохранени скриптов, стилей и html

    PUGPUG

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

    BabelBabel

    Для поддержки старых браузеров 6 и 7 спецификаций JavaScript

    Cssnano

    Для сжатия стилей

    SASSSASS

    Для упрощенного и быстрого написания стилей

    Uglifyjs

    Для сжатия скриптов

    AutoprefixerAutoprefixer

    Для автоматического добавления кроссбраузерных префиксов

    Сoncat

    Для обьедиения стилей и скриптов по одному файлу

    БЭМ-неймингБЭМ-нейминг

    Способ написания независимых стилей, с восможностью переиспользования в будущем.

    Графические редакторы (для дизайнеров)

    PhotoshopPhotoshop

    FigmaFigma

    Adobe XDAdobe XD

    SketchSketch