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

Индивидуальный
подход

Наши проекты отличаются индивидуальностью — у нас нет ни стандартных жестких решений, нет коробки-конструктора из строгих кирпичиков — любой проект индивидуален.

Идейная
составляющая

Если Вы хотите сайт с идеей, отличающей сайт от других «стандартных» — доверяйте дизайнерам, позвольте им воплощать их идеи. Нам такие сайты делать интереснее.

Сайт
«под ключ»

Даже если Вы толком не представляете какой именно сайт Вам нужен — мы поможем проанализировать задачи и предложим достойные решения.

Адаптивный дизайн?

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

Geometric shapes are widely used in web and graphic design. From complex large-scale patterns to simple shapes, geometry is one of the biggest trends that is easy to define. Textures with geometric shapes like triangles or circles are used for various illustrations, backgrounds, foregrounds, banners, buttons, and other design elements.

aside widely used in web and graphic design.

Чаще всего, клиент сначала не знает про «движок» и не догадывается о его сложности. Попробуем заглянуть под капот.

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

На поверхности мы видим готовую страницу, а под водой, вне наших глаз, работа сложной системы и различных технологий.

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

Так в чем же сложности?

Это давно, на заре интернета, сайты были набором статичных страниц, сверстал один раз и забыл. Но сейчас каждая просматриваемая нами страница — это результат работы движка (CMS). Движок понимает что мы хотим, генерирует страницу и отдает её браузеру — тут мы и видим результат: текстовые блоки, картинки, таблицы, графики.

Сайт — это айсберг — на поверхности мы видим готовую страницу, а под водой, вне наших глаз, работа сложной системы и различных технологий.

Так что внутри?

Попробуем разобрать работу системы на простом примере.
Откроем страницу «контакты»:

На сервер приходит запрос на страницу «контакты»

Система смотрит на шаблон страницы и блоки которые она содержит: логотип, телефон, меню, текстовый блок страницы.

Работа с базой данных

Далее система заполняет блоки в шаблоне: находит в базе телефон, находит ячейку с текстовый блоком для требуемой страницы.

Подготовка шаблона

Все выбранные из базы данные вставляются в определенные места в шаблоне вывода: на место логотипа ссылка на картинку, на место меню блок ссылок, и так далее.

Отображение страницы

Браузер получает код страницы, скачивает и применяет к ней стили оформления, выводит на экран красочную, часто даже интерактивную, картинку.

Все на своих местах, четко по шаблону и в заданном стиле оформления — это результат работы нескольких технологий:
apache + php + sql + html + css + js + …

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

Новая работа

Новая работа

Магазин живого пива
«Пивной атлас»

Этот свежий проект было очень интересно делать.

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

© 2016.

Неужели Пользователи не скроллят?!

Читать далее

Если информацию не видно с первого экрана — пользователь закроет страницу

Знакомо?

Это старое и абсолютное заблуждение. Попробуем разобраться что к чему. Неужели пользователи действительно не скроллят страницу?

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

Все на макете хорошо и сблансировано, но давайте этот блок из десяти новостей, коллаж и конечно телефоны сделаем крупно и на самом верху страницы, на первом экране, иначе это никто не увидит

Я вывел для себя несколько моментов:

Первый экран — самый важный

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

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

Я бы перефразировал мысль пользователя немного по-другому: «если первая страница не удовлетворяет меня информацией — я закрою страницу»

Не первый экран, а первая страница

Вот это уже правильнее. Большие первые страницы уже давно перестали быть редкостью. Все больше и больше сайтов используют «гигантскую» прокрутку, выдавая на первой странице большое количество конента. Есть даже целый сектор «одностраничных» сайтов — все блоки на одной странице.
Огромный скроллинг используют и в интерактивных целях — прокручивая страницу пользователь анимирует те или иные блоки.

Скроллер означает продолжение

Пользователь, увидев полосу прокрутки, понимает что внизу есть что-то еще — и прокрутит страницу. Он это не сделает только в одном случае — если он искал или ожидал другого, контент страницы ему не интересен.

Это привычно

Большинство сайтов уже невозможно представить «одноэкранными», без прокрутки. Это всевозможные блоги, журналы, СМИ и другие информационные ресурсы.

Скролл — как в жизни

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

А что если?

А если, все же, уместить все самое важное на одном экране?
Представьте сами:

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

Неужели удобно?

© 2016. Все права защищены.