01
Прототип
Сначала — структура в ч/б и комментарии прямо на макете: что поднять, что убрать, где запись.
Дизайн сайта в Figma — под ваш бренд, а не под шаблон
Рисуем каждую страницу для компьютера и телефона, договариваемся о каждом состоянии кнопки — и сами переносим макет на Webasyst. Без разрыва между дизайнером и разработчиком.
Figma
все страницы и состояния
1440 · 390
компьютер и телефон
от 250 тыс. ₽
дизайн и вёрстка
Что получаете
Не картинка главной, а дизайн всего сайта
Макет, по которому сайт собирается без догадок — ни у нас, ни у вашего следующего разработчика.
01
Прототип
Структура всех страниц в ч/б: что где стоит и куда ведёт — до цвета и шрифтов.
02
Главная и внутренние
Каждая страница отдельно: услуги, цены, команда, контакты, записи блога.
03
Телефон
Мобильная версия каждого экрана, а не «как-нибудь сожмётся».
04
Состояния
Наведение, нажатие, ошибки форм, пустые списки, загрузка — всё нарисовано.
05
Тёмная тема
Если нужна — вторая палитра для всех экранов.
06
Дизайн-система
Цвета, шрифты, кнопки, поля и карточки — компонентами Figma.
Как работаем
Шесть шагов от брифа до сайта, который совпадает с макетом.
01
Бриф и референсы
Разбираем задачу, аудиторию, конкурентов и сайты, которые вам нравятся.
02
Прототип
Собираем структуру страниц в ч/б и согласуем её до цвета.
03
Концепция главной
Два направления оформления на выбор — дальше развиваем одно.
04
Все страницы и телефон
Рисуем внутренние страницы и мобильную версию каждой.
05
Дизайн-система
Собираем цвета, шрифты и компоненты; дорисовываем состояния.
06
Вёрстка на Slate
Переносим макет на Webasyst и сверяем с ним каждую страницу.
Как это выглядит
Работа над сайтом в Figma — на примерах тем Slate.
02
Дизайн страниц
Главная и внутренние страницы в цвете — с реальными текстами, а не «рыбой».
03
Телефон
Каждый экран — отдельно для телефона: меню, формы, таблицы цен.
04
Дизайн-система
Палитра, шрифты, кнопки во всех состояниях, поля и карточки — основа темы сайта.
Почему у нас
Дизайн и вёрстка в одних руках
Макет, который не придётся «адаптировать» при вёрстке.
01
Рисуем под Webasyst
Корзина, оформление заказа, кабинет и формы в макете — такие, какие работают на платформе.
02
Сверяем по пикселям
Каждую страницу сайта сравниваем с макетом на компьютере и телефоне.
03
Новые страницы — без дизайнера
Дизайн-система переходит в тему: новые страницы собираются из тех же блоков.
Цены и сроки
Точная стоимость — после брифа.
Рекомендуем
Дизайн и вёрстка на Slate
от 250 000 ₽
Срок: 1–2 месяца
Сайт под ключ по вашему макету.
- Прототип и дизайн всех страниц
- Мобильная версия и состояния
- Дизайн-система в Figma
- Вёрстка на Slate, наполнение, запуск
Тариф
Сайт на готовой теме
от 150 000 ₽
Срок: от 1 недели
Если свой дизайн пока не нужен.
- Конфигурация под вашу сферу
- Ваш логотип, цвета и шрифты
- Тексты, фото, формы
Наши работы
Показываем проекты, где дизайн, каталог, интеграции и SEO работают как единая витрина для продаж.
Главный кейс
Миграция интернет-магазина открыток CardsLike на Easyweb: Seller 2.0
Когда магазин открыток CardsLike вырос из рамок первой версии темы, встал вопрос о переезде. Каталог разросся до почти 800 позиций, оптовые клиенты просили удобную систему скидок, а мобильная версия уже не справлялась с нагрузкой. Решение — миграция на Easyweb: Seller 2.0. О п
Смотреть кейс
01
Интернет-магазин лечебной воды из Чехии и Сербии
О клиенте Компания «Лечебные воды» занимается продажей минеральных вод и лечебных напитков. Компания предлагает широкий ассортимент продукции, которая помогает улучшить здоровье и поддерживать отличное самочувствие. Цели и задачи проекта Основной задачей было пересобрать
02
Интернет-магазин медицинского оборудования
Заказчик: Компания по продаже и сервисному обслуживанию медицинское оборудования «МедБери». Цель: Миграция интернет-магазина тему дизайна Easyweb: Seller. Верстка контентных страниц и записей блога. Оптимизация сервера для ускорения загрузки сайта. SEO оптим
03
Интернет-магазин напольных покрытий
О клиенте Компания «Ламинат 98» специализируется на продаже ламината и сопутствующих материалов. Она предлагает широкий ассортимент продукции, ориентированный как на частных клиентов, так и на корпоративных заказчиков. Цели и задачи проекта Основной задачей проекта было
120+ проектов с 2014 года.
Вопросы
Что спрашивают про дизайн сайта.
Сколько правок можно внести?
Правки — на каждом шаге, пока шаг не согласован: прототип, концепция, страницы. Мы не ограничиваем их числом, ограничиваем порядком: структуру меняем на прототипе, а не после вёрстки.
Кому принадлежат исходники Figma?
Вам. Передаём файл Figma со всеми страницами, компонентами и стилями.
Можно ли потом сверстать не у вас?
Можно: макет и дизайн-система — обычный файл Figma. Но вёрстка у нас идёт поверх Slate, поэтому корзина, кабинет и формы работают сразу и стоят дешевле, чем вёрстка с нуля.
Нужен ли свой дизайн, если есть готовые темы?
Не всегда. Если сфера совпадает с одной из конфигураций Slate — быстрее и дешевле начать с неё. Свой дизайн — когда важен узнаваемый бренд или нестандартная структура.
Не нашли ответа? Напишите в форме ниже — ответим в течение рабочего дня.
Отзывы
Что говорят клиенты
Что пишут клиенты — на Яндекс.Картах, в каталоге партнёров Webasyst и в магазине наших решений. Все источники публичные, оставлены реальными покупателями, не отфильтрованы.
- Яндекс.КартыКарточка организации с оценками и отзывами клиентов — самый подробный публичный источник мнений о работе с нами.
- Эксперт WebasystПрофиль студии в каталоге партнёров платформы. Отзывы клиентов на проекты, выполненные с использованием Webasyst.
- Разработчик WebasystМагазин наших решений (темы дизайна, плагины) с оценками и отзывами покупателей.
- Наши кейсыЗапуски и редизайны проектов с цифрами, процессом и выводами клиентов.
Обсудить проект
Расскажите о компании и задаче — предложим формат дизайна, сроки и бюджет.
- Обсудим задачу, сроки и бюджет.
- Подскажем оптимальный формат запуска.
- Ответим в течение рабочего дня.
