[ UI/UX-дизайн ]

Дизайн сайта, который выглядит так же хорошо, как ваша работа

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

  • 3–6недели на весь сайт
  • 3брейкпоинта на страницу
  • 100%файлы Figma ваши
  • Figma
  • Tailwind CSS
[ Что вы получаете ]

Что входит

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

  1. 01

    Визуальное направление

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

  2. 02

    Дизайн ключевых страниц

    Главная, услуги, о компании, блог и контакты в финальном качестве.

  3. 03

    Адаптивные макеты

    Версии каждого шаблона для десктопа, планшета и мобильных.

  4. 04

    Переиспользуемые секции

    Блоки hero, преимуществ, цен, отзывов и CTA для будущих страниц.

  5. 05

    Состояния взаимодействия

    Hover, focus, active и состояния ошибок для кнопок, ссылок и форм.

  6. 06

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

    Отступы, размеры и ассеты готовы к просмотру и экспорту в Figma.

  • Ваш сайт выглядит устаревшим

    Бизнес вырос, а сайт всё ещё выглядит как в первые дни.

  • Страницы выглядят разнородно

    Каждая страница сделана по-своему, и бренд кажется размытым.

  • Мобильная версия сделана по остаточному принципу

    Большинство посетителей с телефонов, а макет проектировали под десктоп.

  • Вы всё равно переделываете сайт

    Новая CMS или платформа — подходящий момент, чтобы исправить и дизайн.

[ Процесс ]

Как движется работа

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

  1. 01 · Знакомство

    Понимаем пользователей и цели

    Интервью, аналитика и разбор конкурентов, чтобы согласовать, чего должна добиться каждая страница.

    1 неделя
  2. 02 · Структура

    Прорабатываем сценарии и вайрфреймы

    Структура страниц, порядок контента и пути пользователей — до цветов и стилей.

    1–2 недели
  3. 03 · Дизайн

    Проектируем интерфейс

    Визуальный стиль, адаптивные экраны и компоненты на единой сетке.

    1–3 недели
  4. 04 · Проверка

    Тестируем на прототипе

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

    1 неделя
  5. 05 · Передача

    Передаём макеты и сопровождаем разработку

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

    Постоянно
[ Объём ]

Три способа начать

Типичные объёмы работ по этому направлению. Точную оценку дадим после короткого брифа — обычно в течение двух рабочих дней.

  1. Вариант 01

    Аудит

    Точечный разбор вашего сайта или приложения с приоритетным списком исправлений.

    • Эвристический анализ
    • Аннотированные скриншоты
    • Приоритизированный список исправлений
  2. Вариант 03

    Продуктовый дизайн

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

    • Сценарии и прототип
    • Библиотека компонентов
    • Гайд по дизайн-системе
[ Вопросы ]

Вопросы перед стартом

Короткие ответы на то, о чём клиенты спрашивают чаще всего.

Задать вопрос Все вопросы и ответы
Нужен ли вам наш брендбук?

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

Можете сделать дизайн под WordPress или Webflow?

Да. Мы проектируем с учётом платформы, чтобы секции потом можно было редактировать без разработчика.

Сколько страниц вы проектируете?

Обычно 5–8 уникальных шаблонов. Остальные страницы используют те же секции.

Вы пишете тексты?

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

Вы также разрабатываете то, что проектируете?

Да. Наши разработчики собирают экраны на WordPress, Laravel, React или в мобильных приложениях — или мы передаём аккуратные файлы вашей команде.

Какие инструменты вы используете?

Figma для дизайна и прототипов, с компонентами и стилями, которые напрямую ложатся на Tailwind CSS или ваш текущий код.

[ Следующий шаг ]

Расскажите о вашем проекте

Ответьте на несколько вопросов о вашем бизнесе — в течение двух рабочих дней мы пришлём план, сроки и оценку стоимости.