Внешний вид сайта формирует первое впечатление об организации, влияет на восприятие информации на сайте, учитывается при индексации сайта поисковыми системами. Поэтому мы уделяем много внимания тому, как выглядит сайт.
В разработке дизайна сайта мы можем использовать разные подходы, например:
- использование готового шаблона для CMS с последующей адаптацией под конкретные нужды,
- создание темы оформления для CMS на основе готовых материалов,
- разработка уникального дизайна сайта "с нуля".
Использование готового шаблона имеет свои преимущества и недостатки. В числе преимуществ: быстрый запуск, небольшие трудозатраты. Среди недостатков: отсуствие уникальности, функционал только типовой, высокие трудозатраты при внесении структурных изменений. Мы редко используем готовые шаблоны, потому что заметили, что "допиливание" готового шаблона под конкретные пожелания занимает много времени и в некоторых случаях бывает проще создать нужный функционал "с нуля".
При создании дизайна с использованием готовых материалов мы можем задействовать уже существующие элементы фирменного стиля, брендбука, готовых референсов, графических элементов оформления документов, сувенирной продукции, логотипа. Качественно разработанный фирменный стиль, как правило, предоставляет всё необходимое для оформления сайта в соответствии с уже утвержденной визуальной концепцией.
В качестве материала могут быть использованы готовые макеты страниц сайта, которые были разработаны веб-дизанером и утверждены ранее. Макет мы можем использовать в любом распространенном формате: PDF, презентация MS PowerPoint, Word .doc, .jpg или, допустим, рисунок от руки акварелью. Однако, самый удобный формат, по нашему мнению, это .psd или Figma, с сгруппированными объектами, слоями, понятным неймингом и комментариями.
Для создания визуальной концепции будущего сайта мы также можем использовать впечатления заказчика от любых графических образцов - готовой печатной продукции, сайтов из интернета, живописных полотен, фотографий. Иногда может быть полезным просто подробное текстовое описание внешнего вида сайта.
Если никаких графических материалов нет, то мы можем разработать дизайн сайта "с нуля". В этом случае будет очень полезным проведение интервью с заказчиком сайта, в котором выясняются основные предпочтения: цветовая гамма, стилистика подачи контента и подобные детали. При этом необходимо учитывать свойства целевой аудитории, которая должна органично воспринимать подачу информации на сайте.
При разработке уникального дизайна мы изучаем современные тенденции в области веб-дизайна и стараемся их последовательно учитывать.
После того как макет готов и утвержден, мы приступаем к html-верстке и интеграции верстки к конкретному программному решению, которое используется для работы сайта. Вёрстка осуществляется в полном соответствии со стандартами веб-разработки.
При разработке дизайна сайта мы опираемся на требования к адаптивности макета, который должен быть отзывчивым и адекватно отображаться на различных устройствах. Среди основных типов устройств мы обычно выделяем: широкоэкранные мониторы 4K и более, типовые десктопные мониторы Full HD, типовые экраны ноутбуков, планшеты, смартфоны. В качестве breakpoints чаще всего у нас присутствуют такие величины: <576px, 768px, 992px, 1200px, 1400px, >1920px, при необходимости мы используем другие breakpoints под конкретную ситуацию.
Также мы рассматриваем такие задачи: редизайн существующего сайта, исправление ошибок верстки, создание новых визуальных блоков и промо-элементов.