Перейти к содержимому

(SW® — 01) Услуга

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

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

(SW® — 02) Условия

Стоимость
от $25/час
Срок
после брифа
Заполнить бриф 5 мин
  • 210+ проектов с 2016 года
  • 3 версии экрана в каждом макете

(SW® — 03) Диагноз

Дизайн сайта не работает, если…

  1. 01

    Это шаблон, который уже видели ваши клиенты.

    Одинаковые блоки в одинаковых сайтах делают вас одним из многих и сводят выбор к цене.

  2. 02

    Красиво, но непонятно, куда нажимать.

    Дизайн, отвлекающий от главного действия, продаёт хуже простого, но чёткого.

  3. 03

    Макет есть только для десктопа.

    На телефоне и планшете сайт рассыпается, потому что там никто не продумывал экраны.

  4. 04

    Дизайнер передал картинку, а разработчик угадывает.

    Без состояний, компонентов и порядка в файле вёрстка получается не такой, как задумано.

Хороший дизайн не украшает сайт. Он ведёт клиента к заявке.

(SW® — 05) Что входит в работу

Что входит в работу

Стоимость
от $25/час
Срок
после брифа

001. Шаг

Бриф и референсы

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

  • Бизнес, аудитория и цель сайта
  • Референсы и ваш фирменный стиль
  • Что должен почувствовать клиент на первом экране

Вы получаетеОбщее понимание, в каком направлении мы движемся.

002. Шаг

Направление стиля

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

  • Цвета, типографика и настроение
  • Одно-два направления на выбор
  • Согласование до работы над деталями

Вы получаетеУтверждённое направление, от которого строим весь макет.

003. Шаг

Ключевые экраны

Рисуем главную и ключевые страницы с акцентом на главное действие.

  • Главная и ключевые страницы
  • Чёткие призывы к действию
  • Логика блоков без заглушек

Вы получаетеМакеты, по которым уже видно, как будет работать сайт.

004. Шаг

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

Собираем не отдельные макеты, а набор компонентов: типографику, кнопки, карточки, формы.

  • Типографика и цветовые стили
  • Кнопки, карточки, формы как компоненты
  • Новые страницы собираются из готовых блоков

Вы получаетеСистему, которая растёт вместе с сайтом.

005. Шаг

Адаптив, состояния и анимации

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

  • Десктопная, планшетная и мобильная версии
  • Состояния кнопок, форм и меню
  • Анимации и переходы

Вы получаетеМакет, который не рассыпается ни на одном экране.

006. Шаг

Правки, утверждение и передача

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

  • Правки до утверждения
  • Порядок и названия в файле
  • Файл в Figma ваш

Вы получаетеМакет, по которому разработчик работает без догадок.

(SW® — 04) Кому подходит

Кому подходит

© — 001.

Новый сайт или продукт

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

© — 002.

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

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

© — 003.

Есть разработчик, нет дизайнера

Разработчик готов, а макета нет. Делаем дизайн, который легко превратить в код.

(SW® — 06) Сравнение

Шаблон или дизайн от SWEB?

Готовый шаблон Дизайн от SWEB
Уникальность Тот же вид, что у тысяч других сайтов Макет под ваш бренд, без шаблонов
Структура Блоки в порядке, который даёт шаблон Порядок под возражения вашей аудитории
Система Отдельные экраны Дизайн-система: типографика, кнопки, карточки, формы
Экраны Только десктоп Десктопная, планшетная и мобильная версии
Детали Стандартные состояния Продуманные состояния кнопок и форм, анимации
Передача Картинки без структуры Файл в Figma, готовый к разработке

(SW® — 07) Форматы

Что проектируем в дизайне

Объём определяем после короткого брифа, это бесплатно.

© — 01

Дизайн лендинга

Одна страница, которая ведёт к одному действию.

после брифа

Срок: после брифа

  • Уникальный макет под ваш бренд
  • Десктопная, планшетная и мобильная версии
  • Продуманные состояния кнопок и форм
  • Правки до окончательного утверждения
  • Файл в Figma, готовый к разработке

© — 02 Рекомендуем

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

Многостраничный сайт с набором компонентов.

от $25/час

Срок: после брифа

  • Уникальный дизайн без шаблонов
  • Дизайн-система: типографика, кнопки, карточки, формы
  • Ключевые страницы в трёх версиях экрана
  • Анимации и состояния интерактивных элементов
  • Новые страницы собираются из готовых блоков
  • Файл в Figma, готовый к разработке

© — 03

Обновление существующего дизайна

Свежий вид в рамках вашего стиля.

после обзора

Срок: после обзора

  • Обзор текущего дизайна
  • Обновление в рамках вашего стиля и логотипа
  • Новая структура, если это повышает конверсию
  • Десктопная и мобильная версии
  • Файл в Figma, готовый к разработке

(SW® — 06) Похожие работы

Похожие работы

Все проекты

(SW® — 11)Отзывы клиентов

Отзывы клиентов

Что говорят компании, с которыми мы работали.

Все отзывы

Мы продавали одежду для танцев через Instagram и тонули в заказах в директе. Ребята сделали магазин, где покупатель сам выбирает размер и цвет, и заказы наконец перестали теряться. Отдельно отмечу, что каталог мы с того дня ведём сами — ни разу не пришлось обращаться по мелочам.

Анна Founder

(SW® — 09) Гарантии

Макет, по которому можно строить

  • 01

    Сначала направление, потом детали

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

  • 02

    Макет ваш

    Передаём файл в Figma: вы можете отдать его любому разработчику.

  • 03

    Работаем в вашем стиле

    Дизайн сайта не обязательно означает ребрендинг: если ваш логотип и цвета рабочие, оставляем их.

  • 04

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

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

(SW® — 10) FAQ

Вопросы о дизайне

001. Получу ли я файл Figma?

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

002. Можете ли работать по нашему брендбуку?

Конечно. Работаем в рамках вашего стиля, если он рабочий. Ребрендинг делаем только когда он нужен.

003. Сколько стоит дизайн?

Почасовая работа от $25/час. Сумму называем после короткого брифа, когда понятны количество страниц и сложность.

004. Верстаете ли вы по вашему дизайну?

Да. После утверждения макета можем сверстать его и подключить к CMS или платформе. Смотрите услугу «Вёрстка и адаптивность».

005. Можно ли заказать только дизайн без разработки?

Да. Передаём готовый файл в Figma, и вы можете отдать его своему разработчику.

006. Почему не сгенерировать дизайн через ИИ?

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

(SW® — 12) Следующий шаг

Расскажите о проекте. Покажем, каким может быть его дизайн.

Опишите бизнес, аудиторию и примеры, которые нравятся. Дадим честную оценку объёма и стоимости.

Заполнить бриф
Без обязательств и предоплаты.
Обсудить проект