Дизайн сайта и UX/UI-дизайн: прототип, макеты в Figma, вёрстка Дизайн, который продаёт
Проектируем и рисуем сайты: сначала структура и сценарии, потом визуал. Макеты в Figma под десктоп и телефон, с UI-китом, по которому вёрстка не разъедется.
- с 2008
- года на рынке
- 1500+
- проектов
- Figma
- макеты и UI-кит
- 2
- версии: десктоп и мобильная
Кейсы по направлению «Дизайн»
// Что входит
Веб-дизайн: что входит в работу
Студия веб-дизайна внутри агентства: дизайнеры работают вместе с маркетологами и разработчиками.
- 01
Прототип сайта
Структура страниц, порядок блоков и путь посетителя до заявки. Без цвета, зато с логикой.
- 02
UX/UI-дизайн
Сценарии, формы, состояния кнопок и ошибок. Интерфейс, в котором не надо разбираться.
- 03
Дизайн лендинга и многостраничника
Главная, услуги, каталог, карточки, контакты. Отдельные макеты под телефон.
- 04
UI-кит и дизайн-система
Цвета, шрифты, сетка и компоненты. Новые страницы потом собираются без дизайнера.
// Наш подход
Сначала смысл, потом картинка
- 01 · Структура до визуала
Красивый макет без продуманной структуры остаётся просто картинкой. Поэтому первым делом согласуем прототип и тексты.
- 02 · Под ваш бренд
Берём логотип и фирменный стиль, если они есть. Если нет, предложим и их, это соседняя услуга.
- 03 · Готово к вёрстке
Макеты с адаптивом, состояниями и спецификацией. Разработчик не додумывает, как должно быть.
задача → прототип → дизайн → вёрстка
// Вёрстка сайта
Сверстаем то, что нарисовали
Отдельной вёрсткой тоже занимаемся: по нашим макетам или по вашим из Figma.
Адаптивная вёрстка
Страница одинаково аккуратна на ноутбуке, планшете и телефоне, и на старом ноутбуке бухгалтера тоже.
Пиксель в пиксель
Сверяем вёрстку с макетом по отступам, шрифтам и состояниям элементов.
Быстрая загрузка
Сжатые картинки, лёгкие шрифты и чистый код. Скорость влияет и на SEO, и на конверсию.
На любой платформе
Верстаем под CMS, Tilda или собственный движок. Подберём вариант под задачу.
// Процесс
Как делаем дизайн сайта: 4 этапа
- 01
Бриф и анализ
Разбираем бизнес, аудиторию и сайты конкурентов. Собираем референсы.
- 02
Прототип
Рисуем структуру всех страниц и согласуем путь посетителя.
- 03
Дизайн
Делаем визуал главной, затем остальных страниц и мобильной версии.
- 04
Передача
Готовим UI-кит и макеты для разработки, сопровождаем вёрстку.
// Гарантии
Почему с нами спокойно
Договор и документы
Работаем официально по договору и предоставляем закрывающие документы.
Ваши аккаунты и данные
Кабинеты, доступы и материалы оформляем на вас и передаём по первому запросу.
Прозрачный отчёт
Видите, что сделано, сколько потрачено и что это дало. Никакого «чёрного ящика».
Без долгих обязательств
Не привязываем длинными контрактами. Остаёмся за результат.
Точную смету считаем после бесплатного аудита и фиксируем в договоре, дальше она не меняется.
- 5'Вы рассказываете задачу
- 15'Смотрим сайт и конкурентов
- 20'Набрасываем структуру
- 25'Смета и сроки у вас на руках
бесплатно, для бизнеса
Консультация
Разберём ваш сайт или задачу за 25 минут: структура, что мешает заявкам и каким должен быть дизайн. На выходе план, этапы и оценка. Без обязательств.
// Вопросы
Частые вопросы
Сколько стоит дизайн сайта?
Цена зависит от числа уникальных страниц и глубины проработки: лендинг рисуется быстрее, чем каталог с фильтрами и личным кабинетом. Считаем после брифа, когда понятны структура и объём. Стоимость и сроки фиксируем в договоре.
Что такое UX/UI-дизайн и зачем он нужен сайту?
UX отвечает за логику: куда посетитель смотрит, что нажимает и где бросает форму. UI отвечает за внешний вид кнопок, полей и карточек. Вместе они решают, станет ли посетитель клиентом. Красивый сайт с неудобной формой заявки теряет обращения.
Можно заказать только дизайн, без разработки?
Да. Отдадим макеты в Figma с адаптивом, UI-китом и спецификацией, и ваш разработчик сверстает по ним. Если нужно, сделаем и вёрстку с разработкой у себя, так проще уследить, чтобы сайт совпал с макетом.
Вы делаете дизайн мобильной версии?
Да, всегда. У многих сайтов больше половины посетителей приходят с телефона, поэтому мобильные макеты рисуем отдельно, а не надеемся, что десктоп как-нибудь сожмётся.
Сколько времени занимает веб-дизайн?
Лендинг обычно занимает пару недель вместе с прототипом и правками. Многостраничный сайт дольше: срок зависит от числа шаблонов страниц. Точный график ставим в план после брифа.
Чем ваш дизайн отличается от шаблона?
Шаблон рисуют под всех сразу. Мы начинаем с вашей задачи, аудитории и конкурентов, поэтому структура и акценты получаются свои. При этом не изобретаем велосипед там, где пользователь привык к понятным решениям.
Нарисуем сайт, который приводит заявки?
обсудим за 25 минут
Посмотрим ваш сайт или идею, предложим структуру и расскажем, каким должен быть дизайн, чтобы посетитель дошёл до формы.
