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

• 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

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

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

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

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

  Смотрим на размер шрифтов, контраст текста с фоном, величину кнопок и область нажатия на телефоне.

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

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

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

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

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

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

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

  Сетку, отступы, шрифты и цвета собираем в набор элементов, так что на всех страницах они одинаковы.

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

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

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

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