landing page (Лендинг)

Верстка одностаничника (он же лендинг) по PSD-макету. Делаю качественно и, если горят сроки, быстро. Все вопросы можно обсудить в личном общении. Считаю, что у любой задачи есть решение.

Заказать сейчас

Стоимость: 3000 руб.

Срок выполнения: от одного дня.

В эту стоимость входит адаптивность и верстка 5-7 экранов. Но без анимации, динамичности, установки целей Я.Метрики, аналитики Google, формы заявок и многих других «плюшек», которые можно было использовать. За это надо платить отдельно.

Сайт-визитка

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

Заказать сейчас

Главная страница: 3000 руб.

Внутренняя страница: 1000.

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

Иная верстка веб-страниц

Любая другая реализация кода. Это может быть рассыльное письмо, онлайн-открытка, сайт-галерея, интернет-магазин, блог/влог – все что относится к Интернет-ресурсам.

Заказать сейчас

Стоимость: от 1000 руб.

Срок выполнения: от одного дня.

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

Скачать бриф

Что еще важно знать перед заказом верстки веб-страниц

Я верстаю качественно, соблюдая все правила. Гарантирую кроссбраузерность (корректное отображение контента во всех браузерах), адаптивность (содержание веб-страницы адаптируется под любое разрешение экрана) и валидность (проверка кода на ошибки/предупреждения через сервис http://validator.w3.org). Мое отношение к работе не зависит от размера заказа. Даже маленький сайт делаю с душой, полной отдачей и в срок.

Эффекты/динамичность/анимация

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

Оптимизация кода HTML/CSS/JS

В построении HTML кода соблюдаю табуляцию, чтоб код был логичный, аккуратный и понятный. Каждому блоку добавляю комментарий (так называемая навигация). Все это позволяет легко разобраться в коде и доработать его даже стороннему специалисту. С каскадной таблицей стилей (CSS) принцип тот же. Мой код всегда чистый, аккуратный, с пробелами и отступами. Вверху файла будет находиться содержание (навигация по стилям), с помощью которой проще находить нужные строки.

В конечном результате вы получите CSS и JS в двух вариантах. Первый – описанный выше, то есть с пробелами, отступами и т.п., чтобы в дальнейшем было удобно совершенствовать код. Второй вариант будет минимизирован. То есть из кода будут убраны все пробелы, отступы, пустые строки, чтобы браузер быстрее загружал станицы. Таким файлам обычно приписывают приставку MIN. Пример, style.min.css.

Оптимизация img-файлов

Изображения, которые используются при услуги верстке сайта, оптимизирую так, чтобы размер файла был минимальным, но качество картинки не ухудшалось. Это нужно, чтобы уменьшить размер страницы и повысить скорость загрузки всего сайта.
Такие элементы, как иконки, логотипы, отрисованная графика (иллюстрации) стараюсь сохранять в формате SVG. Это позволит сделать иконку четче, без размытых линий. Но только если иконка имеет необходимый размер. Все это оговаривается отдельно при разработке дизайна сайта.

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

Чем осуществляется верстка

В верстке веб-страниц могу использовать Фреймворки. Самые известные – Bootstrap, Skeleton. Они упрощают работу своей готовой адаптивной сеткой.

Или же пишу и адаптирую код с чистого листа. Это влияет на стоимость, но в результате код будет чище, без лишних нагрузок.
В любом случае оба варианта корректны и используются в разных проектах. К примеру, Bootstrap применяется во многих темах оформления WordPress. А половина лендингов работает на Фреймворке.