Сайт компании
Структура разделов, главная, страницы услуг и продуктов, контакты и формы заявок.
ДИЗАЙН / ВЕБ-ДИЗАЙН
Разработка дизайна сайта, лендинга и дизайн-системы
Проектируем сайты компаний и посадочные страницы под рекламу. Сначала структура: что человек ищет и где увидит кнопку заявки, потом визуальный дизайн. Для больших сайтов собираем дизайн-систему, чтобы новые страницы не расходились со старыми.
Сайт начинается со структуры
Красивый сайт, на котором не найти цену или кнопку заявки, не работает. Поэтому дизайн сайта начинаем с вопросов: кто приходит, откуда, что хочет узнать и что должен сделать. В студии есть своя разработка. Дизайнеры видят, как макет превращается в код, и не рисуют то, что невозможно или слишком дорого собрать. Мобильные приложения и сервисы — отдельная услуга «Интерфейсы приложений».
Что делаем
Лендинг под рекламу
Одна страница под одну задачу: кампанию, продукт или событие. Первый экран отвечает на запрос из объявления, кнопка заявки видна без долгой прокрутки.
Каталог и карточки
Список товаров или услуг с фильтрами и карточка, из которой понятно, что это, какие есть варианты и как заказать.
Структура и прототипы
Карта страниц и чёрно-белые прототипы ключевых экранов до визуального дизайна.
Дизайн-система
Компоненты, состояния, сетка, типографика, цвета в переменных. Одна библиотека для дизайнеров и разработчиков, из которой собираются новые страницы.
Адаптив
Макеты под телефон, планшет и компьютер. Мобильную версию проектируем отдельно, а не сжимаем из широкой.
Редизайн
Разбираем по Метрике и записям визитов, что в текущем сайте мешает людям, и меняем это в первую очередь.
Макеты, по которым удобно разрабатывать
В передаче есть не только страницы, но и состояния элементов: наведение, ошибка в форме, пустой результат поиска, загрузка. Компоненты собраны в библиотеку, отступы и цвета заданы переменными. Так разработчики не додумывают за дизайнера, а сайт после запуска выглядит так же, как в макете.
Посадочная, которую видно в цифрах
Лендинг под рекламу проектируем вместе с целями Метрики: заявка, звонок, переход в мессенджер. После запуска видно, до какого блока дочитывают и где уходят. У себя студия каждый день автоматически разбирает рекламу и посадочную страницу и получает предложения правок. Если реклама на вашу посадочную тоже нужна, подключим направление маркетинга.
Как проектируем сайт
01/ 05
Разбор
Цели сайта, аудитория, конкуренты, контент и ограничения по технологиям.
Вопросы о дизайне сайтов
Сколько стоит дизайн сайта?
Рассчитаем после обсуждения задачи. Главное влияет количество уникальных страниц, сложность каталога и форм и нужна ли дизайн-система.
Вы можете и сверстать, и запустить сайт?
Да, в студии есть своя разработка. Можем сделать весь проект или только дизайн для вашей команды разработчиков.
У нас уже есть сайт. Можно обновить только дизайн?
Да. Разберём, что в текущем сайте мешает людям, и предложим, что менять в первую очередь. Иногда хватает переделать главную и страницы услуг.
Зачем дизайн-система, если нужен один сайт?
Для лендинга она не нужна. Для сайта, который будет расти, — нужна: без неё каждая новая страница собирается заново и понемногу расходится со стилем.
Что нужно от нас?
Цель сайта, кто клиенты, ссылки на примеры, фирменный стиль и материалы: тексты, фото, описание услуг и товаров.
Обсудим сайт
Расскажите, что нужно: новый сайт, лендинг под рекламу, редизайн или дизайн-система. Добавьте ссылку на текущий сайт, если он есть, и примеры, которые нравятся.
