360iМаркетинговое агентство

Разработка веб-дизайна сайта: Figma-макет, готовый к вёрстке

Делаем только дизайн — вёрстку ведёт ваш разработчик. Передаём организованный Figma-файл с компонентами, состояниями элементов и мобильной версией. Дизайн лендинга — от 30 000 ₽, корпоративного сайта — от 80 000 ₽, редизайн магазина — от 150 000 ₽.

  • 2–3 концепции на выбор, а не один вариант
  • Редизайн без переделки сайта: SEO, формы и интеграции остаются
  • Срок в договоре и неустойка за срыв по нашей вине

Бесплатно разберём дизайн вашего сайта и назовём срок и цену

Письменный список проблем с приоритетами. Без обязательств.

Разработка веб-дизайна сайта в агентстве 360i

Когда нужен только дизайн

Услуга подходит, когда сборку сайта делает ваша команда или подрядчик, а дизайн — узкое место.

Есть свой разработчик

Команда готова верстать, но ждёт макет — работа стоит из-за дизайна.

Шаблон выглядит шаблоном

Готовая тема конструктора не отличает вас от конкурентов в той же нише.

Сайт работает, а визуал устарел

Заявки идут, SEO есть, но дизайн остался на уровне прошлых лет.

Неудобно показывать партнёрам

На встречах и в тендерах сайт работает против вас, а не на вас.

Мобильная версия сломана

Больше половины посетителей — с телефонов, а под них сайт не рассчитан.

Трафик есть, заявок мало

Реклама и поиск приводят людей, но интерфейс не доводит их до заявки.

Что входит в разработку веб-дизайна

Figma-файл, готовый к вёрстке

Именованные слои, компоненты, единые стили и сетка. Разработчик верстает по макету, а не додумывает.

2–3 концепции на выбор

Принципиально разные варианты в стандартном пакете. Вы выбираете из готового, а не соглашаетесь с единственным.

Все состояния элементов

Наведение, нажатие, неактивная кнопка, ошибка и загрузка прорисованы — верстка совпадёт с дизайном.

Мобильная версия в стандарте

Входит в любой пакет, планшетная — в «Корпоративный» и «Редизайн магазина». Отдельной доплаты за адаптив нет.

Редизайн без переделки сайта

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

1

Что остаётся

Адреса страниц и позиции в поиске, формы, интеграции с CRM и 1С, аналитика и цели.

2

Что меняется

Типографика, сетка, цвета, кнопки, карточки, мобильная версия и логика экрана.

3

Как считаем объём

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

Разработка веб-дизайна: 5 шагов

1

Бриф и разбор сайта

Встреча с дизайнером и арт-директором: задача, аудитория, конкуренты, референсы. Для редизайна — разбор текущего сайта.

1–2 дня

2

Moodboard

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

2–3 дня

3

Концепции

2–3 варианта с разными стилями. Вы выбираете направление, дальше работаем только с ним.

5–10 дней

4

Финализация

Все экраны, все состояния элементов, адаптив и библиотека компонентов.

5–15 дней

5

Передача разработчику

Скринкаст по Figma-файлу, созвон с вашим разработчиком и месяц на вопросы по вёрстке.

1–2 дня

Почему нам доверяют

Прозрачность работы над проектом

Figma-файл готов к вёрстке

Именованные слои, компоненты, единые стили и сетка — не набор картинок. Разработчик открывает файл и сразу верстает.

Агентство 360i работает с 2021 года

С 2021 года в digital-маркетинге

Дизайн делает агентство, которое потом ведёт рекламу и SEO. Поэтому макет проектируется под заявки, а не под красивую картинку.

Ответственность агентства за результат

Передаём с поддержкой а не файлом в архиве

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

Персональный подход к стратегии

Срок и оплата в договоре

Сорвали срок по нашей вине — платим 2% от стоимости за каждую неделю. Оплата частями: 30 / 40 / 30.

Только дизайн: фрилансер или агентство 360i

Дизайнер-фрилансер

  • Один вариант — не понравился, переделка с нуля
  • Состояния кнопок и полей додумывает верстальщик
  • Мобильная версия — за доплату
  • Отдал файл — дальше не его забота
Частный специалист

Агентство 360i

  • 2–3 концепции в стандартном пакете
  • Наведение, нажатие, ошибка и загрузка прорисованы
  • Мобильная версия в цене, без доплат за адаптив
  • Скринкаст, созвон с разработчиком и месяц поддержки
Команда агентства 360i

Разработка веб-дизайна: цена

В цену входят moodboard, концепции, финальный макет со всеми состояниями элементов, мобильная версия, передача разработчику и месяц консультаций по вёрстке. Планшетная версия — в «Корпоративном» и «Редизайне магазина». Оплата частями: 30 / 40 / 30. Точный срок фиксируем в договоре под ваш проект.

Тариф

«Лендинг»

Одна страница, до 7 экранов

  • Moodboard и 2 концепции
  • Десктоп и мобильная версия
  • Состояния элементов
  • Figma-файл готов к вёрстке
  • Скринкаст по файлу

Результат: Макет, который ваш разработчик сверстает без переспросов

Стоимость

от 30 000р

около 2 недель

Тариф

«Корпоративный»

Главная и 10–30 внутренних страниц

  • Всё из «Лендинга»
  • Разбор текущего сайта — для редизайна
  • 3 концепции с разными стилями
  • Мобильная и планшетная версии
  • Библиотека компонентов
  • Созвон с вашим разработчиком

Результат: Единая система шаблонов, а не набор отдельных страниц

Стоимость

от 80 000р

3–5 недель

Тариф

«Редизайн магазина»

Главная, категории, карточка, корзина, оформление

  • Всё из «Корпоративного»
  • Разбор пути покупателя по шагам
  • Состояния фильтров, сортировки и вариантов товара
  • Дизайн под существующую платформу
  • Порядок внедрения по приоритету

Результат: Обновлённый магазин без переделки платформы

Стоимость

от 150 000р

4–6 недель

Кто делает ваш дизайн

Проект-менеджер проекта

Руководитель проекта

Единая точка связи: ведёт проект от брифа до передачи файла, следит за сроками этапов.

Специалист по продвижению

Дизайнер

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

Редактор контента

Арт-директор

Участвует в брифе и проверяет каждый этап: единство стиля, типографику, сетку и то, насколько макет пригоден для вёрстки.

Дизайн, который мы сделали

Скриншот проекта: Landing page для тимбилдинга Игра в КальмараTilda

Landing page для тимбилдинга Игра в Кальмара

Тимбилдинг в формате «Игры в кальмара»: формат нужно было объяснить с первого экрана. Переработали сайт kalmar-show.ru под три формата мероприятий, наполнили 9 кейсов реальных игр, добавили живые отзывы из Telegram-группы и отдельную SEO-страницу. Сайт в ТОП-3 по запросу «тимбилдинг Игра в кальмара».

Посмотреть все кейсы
Разбор дизайна бесплатно

Закажите бесплатный разбор дизайна вашего сайта

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

Бесплатный разбор дизайна сайта
+7

Часто задаваемые вопросы

Сколько стоит разработка веб-дизайна сайта?
Чем «дизайн-макет» отличается от макета, готового к вёрстке?
У меня уже есть разработчик. Вы делаете только дизайн?
Зачем 2–3 концепции? Я хочу одну — хорошую.
Что значит «редизайн без переделки сайта»?
Figma-макет подойдёт для любой платформы?
Можно ли заказать разработку после получения макета?
Мобильная версия оплачивается отдельно?
Что будет, если макет не понравится?

Статьи по теме

Другие услуги

Дизайн мобильных приложенийМакет приложения для iOS и Android, готовый к разработке.Подробнее →Разработка лендинговЕсли нужен не только макет, но и готовая страница под рекламу.Подробнее →Разработка сайтов на TildaМногостраничный сайт под ключ: дизайн, сборка, SEO и аналитика.Подробнее →Разработка интернет-магазиновКаталог, корзина и оплата — с дизайном и разработкой в одной команде.Подробнее →Разработка сайтов на 1С-БитриксЕсли макет нужно сверстать на Битриксе — сделаем и то, и другое.Подробнее →

Подписывайтесь на наш Telegram-канал

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

Подписаться