landing.su

Адаптивные сайты под ключ
от 20 т.р.

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

Смотреть работы Связаться с нами

Наша специализация

Посадочная страница

Адаптивная посадочная (лендинг) страница:
современный аналог рекламной листовки, на которой можно сразу заказать, зарегистрироваться, купить…

На нее “приземляются” по контекстной рекламе, QR коду, почтовой или sms-рассылке.

Незаменима для продвижения новых товаров или услуг, оповещения об акциях, скидках, мероприятиях.

Одностраничный сайт

Адаптивный одностраничный сайт:
индивидуальный дизайн, компактная подача информации, быстрая загрузка.

Подходит для сайта-визитки, представления нового или дополнительного направления в бизнесе.

Идеальный вариант для быстрого развертывания интернет-проекта.

Сайт компании

Адаптивный сайт компании:
удобное добавление и управление контентом, стандартный функционал - каталог продукции, блог, галерея, мультиязычность...

Система управления (CMS).

Оптимальный выбор для продвижения имиджа, информирования партнёров и клиентов о деятельности компании.

Почему под ключ?

Ведь можно сделать общий дизайн сайта или использовать готовый шаблон, а окончательное наполнение сайта отложить на потом.

Главная причина, по которой адаптивный сайт надо разрабатывать под ключ, его содержание - контент.
Контент готовится в первую очередь, тестируется и дорабатывается для удобного восприятия на разных устройствах. Для небольших проектов бессмысленно делать каркас с приблизительным содержанием - при наполнении сайта заказчик столкнется с необходимостью доработки структуры и дизайна.
Полуфабрикаты часто так и остаются полуфабрикатами на все время своего существования, только отпугивая посетителей.

Наш подход к разработке

Задачи, которые мы решаем при разработке сайта:

  • адаптивность
  • быстрота загрузки, отказоустойчивость
  • лаконичный дизайн, легко воспринимаемый контент  Читать далее>>

× 


Просто напишите нам:

info@landing.su

Сергей Ющенко, Юля Киселева
г. Санкт‑Петербург

Адаптивность

Сайт адаптируется под пять типов устройств: десктоп, нетбук, планшет 9'' и более, планшет 7'' и более, смартфон 3'' и более. Для мобильных устройств определяется портретная и альбомная ориентация. При разработке адаптивного дизайна мы используем подход, основанный на тестировании браузера до загрузки дополнительных компонентов страницы: стилей оформления CSS и библиотек JavaScript.

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

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

Быстрота загрузки

Уязвимое место большинства адаптивных сайтов - они “тяжелые” и долго грузятся при медленном интернет соединении (что в наших условиях для мобильных устройств скорее правило, чем исключение). Но ожидание загрузки в несколько десятков секунд означает, что сайт практически недоступен. Так, например, среднестатистический адаптивный сайт размером в 2 мб и кучей JavaScript довольно шустро откроется при быстром интернете на десктопе с мощным процессором и будет нормально работать. Но ровно этот же сайт повесит смартфон, нервируя пользователя долгим ожиданием, подтормаживаниями и на глазах кончающейся батарейкой.

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

Отказоустойчивость

Контент должен быть доступен всегда, то есть сайт должен работать: при отключенном JavaScript, на устаревших браузерах, а также при медленном интернет-соединении. В этом случае загружаются не все элементы, а лишь необходимые - мини-версия сайта (текстовый контент и базовое оформление). При таком подходе посетитель сможет получить информацию, а это самое главное.

В основе повышения отказоустойчивости сайтов лежит принцип Progressive Enhancement (постепенное улучшение): сайт постепенно повышает свои возможности, в полной мере раскрывая их при просмотре в современных браузерах. Разработка движется по возрастающей: начиная от самого простого - логической, семантически правильной разметки. Это значит, что содержание сайта будет доступно не только в современных десктопных браузерах, но и в любых браузерах,
а именно:
• мобильных;
• с отключенным JavaScript;
• устаревших, которые не поддерживают современные технологии.
То есть, если кто-то зайдет на сайт, допустим, с Internet Explorer 7, он все равно сможет получить полноценную информацию, только не увидит всех красивостей и возможностей, которые обеспечивают современные браузеры. В современных браузерах сайт продемонстрирует функциональные возможности по полной, так как в этом случае подключатся технологии HTML5, CSS3 и JavaScript.

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

Несовременные браузеры, для которых мы делаем исключение - это до сих пор широко используемые Internet Explorer 8 и 9. Для них мы можем при необходимости добавить с помощью полифилов поддержку технологий: CSS3, Media Queries, разметки HTML5. На других устаревших браузерах сайт отобразится в мини-версии, весь основной контент и функционал будут доступны.

Лаконичный дизайн, легко воспринимаемый контент

Разработка адаптивного сайта немыслима без многократного и разнообразного тестирования (сайт тестируется на разных устройствах, на маленьких, обычных и больших экранах, в различных браузерах и различных версиях каждого браузера), в процессе которого отлавливаются проблемы интерфейса и подачи контента. В результате приходится одни и те же шаги повторять множество раз, внося изменения и все время возвращаясь к пройденному. Здесь важна связка разработчик - дизайнер - копирайтер, так как на тестировании часто становится видно, что контент плохо воспринимается на каком-то из устройств и нужно менять форму его подачи, а это значит - переписывать, перекомпоновывать.

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