Вёрстка сайта

У вас есть красивый дизайн-макет сайта.  Чтобы он «ожил», нужно перевести макет с языка картинок на язык программного кода.  То есть сверстать сайт.

В нашем портфолио более 600 готовых сайтов и миллионы строк программного кода.

Что мы верстаем:

1.    Интернет-магазины
2.    Посадочные страницы
3.    Корпоративные порталы

Этапы работы:

1.    Проверка дизайн-макета на требования верстки:

- формат psd с минимальной шириной 1000 рх
- отсутствие объединенных и лишних слоев
- соблюдение пропорций на всех вариантах дизайна
- наличие дизайна карты сайта, макета 404 страницы
- дизайн разных состояний кнопок, форм, ссылок, пунктов меню
- нерастрированные шрифты, без эффектов smooth и sharp
и т.д.

2.    Собственно верстка (подготовка html- и сss- файлов) – создание структуры и оформления страниц.

3.    Тестирование в различных браузерах, в том числе в  разных версиях одного браузера.

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

Варианты верстки сайта:

1.    Фиксированная верстка

Наиболее распространенный вариант вёрстки, подходит для корпоративных порталов и компаний, работающих на b2b-рынке.  

Сайт верстается под определенное разрешение экрана.

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

2.    Мобильная и адаптивная верстка

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

•    Адаптивная верстка сайта – подстраивается под любое разрешение экрана.

Вёрстка «понимает», с какого устройства приходит пользователь,  и предлагает  удобно организованный контент.

Особенности адаптивной вёрстки:
- Автоматически подстраивается под все виды устройств и расширения экранов.
- Контент удобен для восприятия,  страницы не требуют горизонтальной прокрутки.
- Есть возможность настраивать показ блоков в зависимости от размера экрана.
- Программируется на этапе разработки сайта.
- Скорость загрузки сайта не сокращается, вес сайта остается прежним.

•    Мобильная верстка сайта – версия сайта под определенное расширение экрана.

Мобильная версия выдается пользователю в результате ответа сервера, когда он «понимает», что на сайт вошли с мобильного устройства.  

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

Качество отображения товара на экране телефона или планшета становится конкурентным преимуществом:  по данным компании Google на конец 2016 года, 62 % интернет-пользователей Рунета выходят в сеть с мобильных устройств;  65 % покупок в интернет-магазинах  России совершается мобильными пользователями.  

Стоимость верстки сайта рассчитывается после предварительной оценки. Час работ стоит 1790 руб.

Отправьте заявку - мы предложим варианты решения вашей задачи по вёрстке сайта!

Заявка №7427

Укажите услугу
Как Вас зовут?*
Ваш телефон*
Ваш e-mail
Адрес вашего сайта
Какие задачи мы должны решить?
Отправить

На нашем сайте мы используем cookie для сбора информации технического характера.

В частности, для персонифицированной работы сайта мы обрабатываем IP-адрес региона вашего местоположения.

OK