Разработка дизайна сайтов в Екатеринбурге

• 01

  Сначала логика, потом оформление

  Прототип показывает логику сайта до визуальной части: вы обсуждаете порядок блоков и путь клиента, а не оттенки. Дизайн строится на утверждённой структуре.

  Ключевое отличие

• 02

  Макеты, которые легко сверстать

  Слои названы понятно, состояния элементов и анимации описаны, графика выгружена, есть набор элементов (UI-kit). Разработчику не приходится гадать.

• 03

  Проверка перед передачей

  Проверяем читаемость, контраст, размеры кнопок на телефоне, соответствие макетов прототипу и подготовку файла к разработке. Итоговую проверку проводит руководитель студии.

  Ключевое отличие

• 04

  Цена и срок в договоре

  Число макетов и срок записываем в договор. Вёрстка и программирование в эту услугу не входят, их можно заказать у нас отдельно или у любого разработчика.

  Ключевое отличие

• 05

  Макеты принадлежат вам

  Файл Figma, выгрузку графики и доступы передаём вам. Макеты подходят любому разработчику.

• 06

  Один контакт на весь проект

  Проект ведёт менеджер, к нему подключаются дизайнер и руководитель студии. В Telegram отвечаем в течение часа в рабочее время. В расширенном тарифе консультируем разработчика при старте работы.

• Договор и акты

  Работаем официально: индивидуальный договор, счёт, акты. Подписываем в ЭДО или на бумаге.

• Прототип и согласование

  Сначала схема и структура, потом дизайн и код. На каждом этапе вы видите результат и вносите правки.

• Адаптивная вёрстка

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

• Заявки и аналитика

  Форма заявки с согласием на обработку данных, Яндекс.Метрика и базовые цели, регистрация в Яндекс.Вебмастере и Google Search Console.

• Контроль качества и запуск

  Перед сдачей проходим чек-лист: адаптивность, скорость, безопасность, формы и SEO-основа. Домен и хостинг помогаем выбрать, перенос берём на себя.

• Исходники и доступы

  Макеты, код, доступы и файлы передаём вам после полной оплаты. Сайт принадлежит вам.

• Обучение

  Показываем на созвоне, как управлять сайтом. Передаём запись и короткую инструкцию.

• Поддержка 30 календарных дней

  Исправляем ошибки и помогаем с мелкими правками после сдачи. Входит в любой тариф.

• 0,05с

  достаточно, чтобы оценить привлекательность страницы: оценки за 50 мс совпали с оценками после долгого просмотра

  Lindgaard и др., 2006

• 53%

  мобильных визитов прекращаются, если страница грузится дольше 3 секунд

  Google, 2016

• до 7%

  конверсии может уйти из-за задержки загрузки всего на 0,1 секунды (розничные сайты)

  Akamai, 2017

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

• Адаптивность макетов

  Отдельные макеты для компьютера и телефона, плюс описание того, как блоки перестраиваются на размерах между ними. Элементы не накладываются и не обрезаются.

• Читаемость и контраст

  Проверяем кегль шрифтов, соотношение цвета текста и фона, а также размеры кнопок и зон касания на смартфоне.

• Состояния элементов

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

• Влияние на скорость

  Подбираем формат и размер графики и не закладываем в макет тяжёлые эффекты, из-за которых сайт стал бы медленнее.

• Логика и путь к заявке

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

• Единство оформления

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

• Подготовка к разработке

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

• Тексты и ссылки

  Проверяем тексты, цены и условия по договору, ищем опечатки и неработающие ссылки в прототипе.