1. Верстка сайтов любой сложности

    Воплотим Ваш проект в реальность

  2. Адаптивная верстка

    Подход Mobile First на основании метода Progressive Enhancement

  3. Создание Landing-Page

    Создание одностраничных сайтов для привлечения новой аудитории к Вашему бизнесу или товару.

  4. Интернет-магазины

    На базе OkayCMS - простой и понятной в использовании CMS с широким рядом возможностей и отличной оптимизацией для SEO-продвижения

  5. Создание сайтов под различную тематику

    Интернет-магазины, сайты-каталоги, информационные порталы, бизнес-страницы

  6. Брендовые магазины

    Создание дропшипинг платформ для B2B бизнеса

Что такое верстка?

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

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

Кроме макетов формата PSD возможно верстка по макетам Zeplin и Figma.

Наша основная задача, чтобы Ваш сайт не только максимально соотвествовал Вашим макетам, но также обеспечить семантически правильный, валидный код, соответсвующий соверменным web стандартнам, что в дальнейшем позволяет Вам занимать более высокие позиции в поисковой выдаче.
Ваш сайт должен быть одинаково красив как снаружи, так и внутри =)

Как мы верстаем?

Благодаря четкому регламенту работ, разработанному отделом верстки Ok-CMS, на выходе получается оптимизованный и структурированный код , что также несомненно упрощает поддержку вашего проекта в дальнейшем.

  • Верстка проектов производится по стандартам W3C(World Wide Web Consortium)
    Валидность кода невероятно важна для поисковых роботов, которые подчиняются данным стандартам. Если в вашем HTML коде есть грубые ошибки, то роботы могут запутаться и не найти релевантный контент на вашей странице.
  • Mobile First поход при разработке проектов
    Благодаря Mobile first ваш сайт будет грузиться быстрее, а это дает множество преимуществ. Во-первых, скорость загрузки повлияет на ваш рейтинг в Google. Кроме того, к концу 2019г. по данным мировой статистики почти 60% сайтов посещаются через мобильный устройства.
  • Адаптация сайта под различные устройства
    Данный подход подразумевает, что Ваш сайт будет корректно отображаться для пользователей любых устройств. Предусмотрена поддержка следующих размеров экранов: ПК-Стандартный, Мобильный, Планшетный, ПКШирокоформатный (от 320px (минимальное разрешение) и до 1920px (Full HD)).
  • Кроссбраузерность
    Учет особенностей различных web-браузеров Макет одинаково корректно отображается в следующих браузерах: MS Internet Explorer 10+, MS Edge (все версии), Google Chrome 47+, Mozilla FireFox 57+, Opera 17+, Safari 9+
  • Разметка по BEM-методологии
    Компонентый поход веб разработке - это не только понятное наименование элементов DOM, но такжке ускорение верстки, позволяет переиспользовать элементы,
  • Использование Css-препроцессоров и сборщиков проектов
    Благодаря использовунию современных web-инструментов мы ускоряем процесс разработки, делаем его более гибким и экономим Ваш бюджет.
  • Граммотная работа с графикой
    - оптимизация изображений под retina экраны (дисплеи с увеличенной плотностью пикселей)
    - приминение svg(масштабируемой векторной графики) - одно из требований совремееного веба
    - использование спрайтов для уменьшения запросов на сервер - использование иконочные шрифтов
  • Создание анимационных эффектов средствами СSS3 и JS
    Анимация может быть мощным инструментом на Вашем сайте. Во-первых, она привлекает внимание, а во-вторых, делает взаимодействие с сайтом интереснее для пользователя.
  • Минимизация кода и грамотное внедрение скриптов и стилей
    Все это также относится к правилам и рекомендациям Google PageSpeed
  • Создание микроразметки сайта согласно стандарту schema.org
    Благодаря расширенному сниппету страницы с микроразметкой выглядят более привлекательно в поисковой выдаче и лучше индексируются поисковыми системами.
  • Внедрение Open Graf-разметки
    Протокол Open Graph предназначен для формирования отображения превью страниц вашего сайта в социльных сетях в более привлекательном и кликабельном виде. Данная микроазметка поддерживается такими популярными мессенджерами и сетями как Viber, Telegram, Twitter, WhatsApp, Facebook.

Стандартный стек-технологий для наших проектов

  • HTML5

    Стандарт W3C
  • CCS3

    Flexbox и Grid CSS, CSS3-анимациин, CSS3-трансформации
  • JAVASCRIPT

    Стандарт ECMAScript
  • GULP/GRUNT

    Инструменты автоматизации сборки проектов
  • SASS/LESS

    CSS препроцессоры - расширенный функционал CSS
  • GIT

    Система контроля версий
  • ВЭМ - методолгия

    Компонентный подход к веб-разработке.
  • SVG графика

    Масштабируемая векторная графики
  • jQuery

    Популярная Javascript библиотека
  • Bootstrap

    Популярный СSS фреймворк

Заказать верстку проекта

После заполнения формы ...
  • В течении одного рабочего дня Ваша заявка будет обработана;
  • Наши менеджеры свяжутся с Вами для уточнения деталей;
  • Вы сможете выбрать условия сотрудничества которые подойдут вам больше всего.

Если вы хотите получить более подробное коммерческое предложение и заранее ответить на вопросы менеджера, рекомендуем вам заполнить Бриф.

Telegram

Связаться с нами
Закрыть