Лендинг
под рекламную кампанию или один продукт
ПодробнееРабота начинается с бесплатного разбора текущего ресурса и ниши, после него готовим прототипы, UI и адаптивные версии ключевых страниц. Готовый web-дизайн передаем в верстку вашему программисту или в нашу разработку.
На рынке с 2020 года · 6 направлений работы агентства · До 15 проектов одновременно
Виды веб-дизайна, которые мы делаем
Три группы карточек показывают, какие есть сферы работы у команды, и каждая карточка ведет на страницу с составом услуги. Если не знаете, что выбрать, отталкивайтесь от своей ситуации. Для запуска нового проекта смотрите первую группу, в ней есть и дизайн одной web-страницы под рекламу. Устаревший или плохо конвертирующий ресурс обновит редизайн, а мобильную версию закроет адаптив.
По типу сайта
Интерфейсы и отдельные работы
Что входит в создание веб-дизайна сайта
Результат работы – макеты в Figma, а состав остальных файлов на выходе фиксируем в договоре после брифа. От вас понадобятся три вещи до старта. Это доступы к текущему ресурсу, материалы бренда с логотипом и фирменными цветами, а также тексты страниц или задание, по которому их напишет копирайтер нашей группы. Основу макета задает прототип, поэтому визуальная часть не спорит со сценарием пользователя.
UX-проектирование
включает бриф, анализ конкурентов, портрет аудитории, карту сайта, сценарии пользователя, прототипы ключевых страниц
UI и интерфейс
охватывают сетку, типографику, цвета, кнопки, формы, карточки, состояния каждого элемента, адаптивные версии
Визуальное оформление
дает концепцию ключевых страниц, иллюстрации, иконки, обработку фото, микроанимацию
Наши проекты и кейсы по веб-дизайну
Свои работы показываем с согласия клиентов, чужие проекты за портфолио не выдаем. В карточке проекта будут ниша, тип задачи, главный экран с мобильной версией и одна метрика после запуска, например конверсия в заявку по данным Яндекс Метрики до обновления и после него. К примеру прикладываем прототип, концепцию и итоговые макеты, чтобы по ним можно было проследить работу от брифа до сдачи.
СТОИМОСТЬ
Сколько стоит веб-дизайн сайта и что мы гарантируем
Состав работ и стоимость согласуем после обсуждения задачи.
Этапы работы от проектирования веб-дизайна до сдачи макетов
Ваше участие нужно на брифе и в трех точках согласования. Сначала вы утверждаете прототипы, потом концепцию ключевых страниц, а в конце полный комплект макетов, чтобы каждый следующий этап начинался с принятой основы и дизайнерам не пришлось переделывать готовые экраны. В промежутках команда работает сама, а короткие вопросы по ходу проекта решаем в мессенджере.
Бриф и аналитика
фиксируют цели проекта, аудиторию, конкурентов, референсы
Проектирование
дает карту разделов, сценарии, прототипы ключевых страниц
Концепция
показывает визуальное решение ключевых страниц
Макеты всех страниц
рисуем вместе с адаптивными версиями
UI-kit и спецификация
готовят макеты к верстке
Приемка
завершает проект, а при заказе разработки сверяем верстку с макетом
Веб-дизайн и разработка сайта в одной команде
Работать с нами можно двумя способами. Если у вас есть свой программист, заказывайте только дизайн: вы получаете макеты со спецификацией, а верстку он делает сам. Создание сайта под ключ устроено иначе: после макетов мы верстаем страницы на HTML и CSS с адаптивом, собираем их на CMS, наполняем контентом и запускаем. Способ работы выбираем на брифе, потому что от него зависят смета и состав команды.
Цены и этапы программирования собраны на странице разработка сайтов. Заказ под ключ удобен тем, что дизайнер, разработчик и аккаунт-менеджер сверяются с одним файлом Figma и общим планом проекта, поэтому вопросы по макету решаются внутри одной группы. Для такого заказа отметьте в заявке, что кроме макетов вам нужны верстка с программированием и наполнение страниц.
Макет
в Figma со спецификацией для верстки
Адаптивная верстка
на HTML, CSS по макету
Программирование
и наполнение готового сайта
Макет проверяет разработчик
еще до сдачи, поэтому в нем нет решений, которые нельзя сверстать
Структуру закладываем под SEO
и рекламу на этапе прототипа
Один подрядчик отвечает за результат
и спора двух команд о расхождениях нет
Технологии веб-дизайна, на которых работаем
Макеты собираем в Figma (Фигма): заказчик получает доступ к файлу, видит компоненты и оставляет комментарии прямо на экране. Анимацию показываем в интерактивном прототипе. Из компонентов строим дизайн-систему и UI-kit, по ним новые экраны в том же стиле соберет и другой веб-дизайнер. Для сборки подбираем CMS под задачу, например конструктор для лендинга или систему с каталогом для интернет-магазина.
Хороший веб-дизайн и критерии, по которым мы сдаем проект
Первый экран
объясняет предложение компании без прокрутки
Дорога к заявке
простая и проверена на прототипе по основному сценарию пользователя
Текст на телефоне
читается без увеличения
Кнопки и формы
отрисованы во всех состояниях, включая ошибку
Фирменный стиль
соблюден в цветах, шрифтах, иконках
Страницы собраны из компонентов
новую контент-менеджер добавит без дизайнера
Графика не тормозит загрузку
и не ломает SEO-структуру заголовков
Команда проекта
Студия веб-дизайна в Москве и команда вашего проекта
Группа проекта состоит из 8 специалистов: кроме названных ролей, в нее входят стратег, оптимизатор, директолог и веб-аналитик. Премий и мест в отраслевых рейтингах у нас нет, поэтому вместо наград даем проверяемые реквизиты: ИП Сопин Владислав Васильевич, ОГРНИП 320312300046094, ИНН 310803252031. Их можно проверить в ЕГРИП налоговой службы до оплаты.
Владислав Сопин
собственник и руководитель агентства «Про Продвижение»
Веб-дизайнер
рисует прототипы, макеты, адаптивные версии
Разработчик
верстает и собирает сайт, если заказана разработка
Копирайтер
пишет тексты страниц под структуру прототипа
Аккаунт-менеджер
держит связь с заказчиком на всех этапах
FAQ
Вопросы о заказе веб-дизайна
Где заказать веб-дизайн сайта в Москве, если нужна студия с разработкой?
У нас: дизайнер, разработчик и копирайтер входят в одну группу проекта, поэтому макеты передаются в верстку внутри команды. Оставьте заявку в форме внизу страницы с описанием задачи и ссылкой на ваш ресурс.
Сколько длится дизайн сайта?
Срок зависит от объема проекта, поэтому дату сдачи записываем в договор после брифа. Сам бриф занимает один день, а дальше график этапов с точками согласования утверждаем вместе с вами.
Можно ли заказать только дизайн без разработки?
Да, можно заказать только макеты, а верстку по ним сделает ваш программист или другой подрядчик. Если позже понадобятся верстка и программирование, нашу разработку можно подключить к уже готовым макетам.
Сколько правок входит в стоимость?
Условия и порядок правок фиксируем в договоре после брифа, чтобы обе стороны заранее понимали объем. Они зависят от числа страниц и того, сколько человек согласует макеты с вашей стороны.
Работаете ли с шаблонами или рисуете дизайн с нуля?
Рисуем макеты с нуля под задачу и фирменный стиль. Готовый шаблон CMS используем, только если так решили на брифе ради бюджета, и тогда адаптируем его под ваш бренд без полной перерисовки.
Можно ли обновить дизайн текущего сайта без переделки?
Да, это задача редизайна. Меняем визуальную часть ресурса на текущей структуре, а какие страницы и тексты сохранить, решаем на брифе. Состав и цену редизайна смотрите на его странице в карточках направлений.
Работаете ли удаленно с клиентами не из Москвы?
Да, работаем удаленно с заказчиками из любого города России. Бриф и согласования этапов проводим на созвонах, а для переписки мы есть в Telegram и ВКонтакте под именем prosto_prodvinem.
Читайте о веб-дизайне в нашем блоге
Теорию собрали в отдельных статьях нашего блога. В них объясняем, что такое веб-дизайн простыми словами, показываем примеры работ, лендингов и отдельных страниц, а еще разбираем формы заявки. Эти материалы пригодятся заказчику при подготовке брифа и начинающим web-дизайнерам. Если вы пока только выбираете формат проекта, начните со статьи про основы.
Веб дизайн: что это такое простыми словами и для чего он нужен
Примеры веб-дизайна: сайты, страницы и лендинги
Дизайн форм: оптимизация заполнения и валидации
Нужен веб-дизайн сайта? Обсудим задачу и назовем стоимость
Оставьте заявку, чтобы начать работу над проектом. Бесплатный разбор ни к чему не обязывает и дает план работ на первый месяц. Стоимость называем после брифа, а договор вступает в силу с оплатой. Мы свяжемся с вами по телефону или в мессенджере, который вы укажете в форме заявки.