SATELIONSATELION
Главная/Веб / Маркетинг/Дизайн сайтов под ключ

Веб-дизайн · UI/UX · Киев

Дизайн сайтов под ключ

Проектируем интерфейсы для корпоративных сайтов и интернет-магазинов: от анализа аудитории до интерактивного прототипа в Figma. Дизайн, который конвертирует, а не просто красиво выглядит.

10–20 дн

Полный цикл дизайна

Figma

Живой доступ для клиента

Коротко об услуге

Дизайн сайта от SATELION — полный цикл: UX-исследование, wireframe, UI-дизайн в Figma, интерактивный прототип и дизайн-система для дальнейшего развития. SATELION проектирует интерфейсы для B2B-предприятий, фокусируясь на конверсии и удобстве работы с контентом.

Что входит в услугу

Полный состав работ

Фиксированный перечень без скрытых доплат — вы знаете что получаете до старта проекта.

UX-исследование под задачу

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

Wireframe до старта дизайна

Структура страниц, навигация и CTA-точки — фиксируем в wireframe и согласовываем до первого цветного макета. Переделать скелет дешевле, чем менять готовый дизайн.

Три брейкпоинта в каждом макете

Десктоп, планшет и мобильный — отдельные макеты с первого дня, а не «адаптация потом». Разработчик вёрстает по готовым спецификациям без самодеятельности.

Интерактивный прототип

Перед стартом вёрстки собираем кликабельный прототип в Figma: регистрация, заказ, заявка. Находим UX-проблемы там, где их исправление стоит 0 — а не после написания кода.

Дизайн-система в Figma

Компоненты, стили, цветовые токены и типографическая шкала — собраны в библиотеку. Разработчик вёрстает без лишних вопросов; новый подрядчик подхватывает работу без «переосмысления» стиля.

Готово к вёрстке

Figma Dev Mode с отступами, размерами, цветами и шрифтами — без скриншотов и догадок. Разработчик начинает вёрстку в тот же день, как получает файлы.

Типичные операционные проблемы

С какими проблемами к нам приходят

Каждый пункт — реальная ситуация из нашего опыта. Если узнали свою — есть смысл поговорить.

  • 01

    Дизайнер сделал красиво, но разработчик говорит «это невозможно реализовать» — дорого и долго переделывать

    Решено
  • 02

    Нет мобильной версии — половина трафика идёт с телефона

    Решено
  • 03

    Сайт выглядит устаревшим и не соответствует уровню компании

    Решено
  • 04

    Сайт есть, но не генерирует заявок — красивый дизайн без конверсионной структуры не спасает

    Решено
  • 05

    Подрядчик передал макеты без спецификаций — разработчики тратят недели на выяснение деталей

    Решено
Форматы работы

Форматы под разные задачи

Каждый формат заточен под конкретный тип бизнеса и масштаб задачи.

UI / UX Design

Дизайн с нуля

Начинаем с анализа целевой аудитории, сценариев использования и пяти конкурентов — чтобы понять, где сайт должен конвертировать, ещё до первого пикселя. Wireframe согласовываем до старта UI: так правки в структуре стоят час, а не неделю. Финальные макеты в Figma — три брейкпоинта, интерактивный прототип и Dev Mode со спецификациями для разработчика.

01
Site Redesign

Редизайн сайта

Обновляем визуальную часть без изменения URL-структуры, заголовков и семантики — SEO-позиции остаются. Анализируем текущую аналитику и точки выхода, чтобы новый дизайн решал реальные проблемы, а не просто выглядел современнее. Передаём макеты в Figma с покомпонентной структурой, которую разработчик поддерживает без участия дизайнера.

02
Design System

Дизайн-система

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

03
UX Audit

UX-аудит

Анализируем тепловые карты, записи сессий и воронки конверсии — находим, где посетители останавливаются и не оставляют заявку. Результат: приоритизированный список правок с конкретными рекомендациями, без размытых советов. Типовой аудит занимает 5–7 рабочих дней и окупается ещё до редизайна.

04
Процесс работы

Как мы строим проект

От первого звонка до запуска — предсказуемые шаги с фиксированными сроками. Вы всегда знаете, на каком этапе находитесь и что будет дальше.

01

UX-исследование

Анализируем целевую аудиторию, сценарии использования и топ-5 конкурентов. Определяем ключевые страницы и CTA-точки до старта wireframe — чтобы дизайн решал бизнес-задачу, а не просто выглядел.

2–3 дня
02

Wireframe

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

3–5 дней
03

UI-дизайн

Полноценные макеты в Figma: цвета, типографика, фото, иконки, анимация. Каждая страница — для трёх брейкпоинтов. Два раунда правок включены в стоимость.

5–10 дней
04

Прототип и тестирование

Собираем интерактивный прототип для тестирования сценариев: регистрация, заказ, заявка. Проверяем UX-логику до передачи в разработку — чтобы не исправлять уже написанный код.

2–3 дня
05

Дизайн-система

Формируем библиотеку компонентов: кнопки, формы, карточки, модалки, типографика. Прописываем токены цветов и отступов — разработчик вёрстает без лишних вопросов и придерживается единого стиля.

2–3 дня
06

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

Готовим спецификации в Figma Dev Mode: отступы, размеры, цвета, шрифты — всё без скриншотов и догадок. Проверяем соответствие макетов между брейкпоинтами перед стартом вёрстки.

1 день
FAQ

Частые вопросы

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

Дизайн лендинга — от 15 000 UAH. Дизайн корпоративного сайта (10–15 страниц) — от 35 000 UAH. Дизайн интернет-магазина — от 50 000 UAH. Точную стоимость рассчитываем после брифа.

Да. Все макеты передаются в Figma вместе с дизайн-системой. Вы получаете полный доступ к редактированию и можете передать файлы любому разработчику.

Да. Мы выполняем дизайн как отдельную услугу и передаём готовые макеты в Figma. Если в дальнейшем решите разрабатывать у нас — учтём это при ценообразовании.

Лендинг — 5–7 рабочих дней. Корпоративный сайт (10–15 страниц) — 2–3 недели. Интернет-магазин — 3–4 недели. Сроки зависят от сложности и скорости согласования на каждом этапе.

На каждом этапе — 2 раунда правок: wireframe, концепция дизайна, финальные макеты. Правки в рамках брифа бесплатны. Изменения, выходящие за начальное задание, оплачиваются отдельно по часовой ставке.

Да, адаптивный дизайн включён по умолчанию. Разрабатываем макеты для трёх брейкпоинтов: десктоп, планшет и мобильный. Если мобильный трафик более 60% — рекомендуем mobile-first подход с приоритетом на смартфон.

Есть похожая задача?

Бесплатная консультация — 30 минут. Конкретный анализ вашей ситуации.

Отвечаем в течение 2 часов в рабочее время
Запланировать встречуили →

Отвечаем в течение 2 часов в рабочее время