Как мы работаем

На этой странице мы расскажем, как делаем интерфейсы и сайты, чтобы вы захотели создать их вместе с нами.

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

Читайте подробнее о нас.

Мы хорошо делаем интерфейсы и сайты, потому что выстроили правильный процесс работы

Клиенты довольны: Kaspersky, Gett, ПИК-Комфорт, RBK.money, Robokassa и др. Посмотрите отзывы, которые они оставили.
Наши проекты получают награды на российских и зарубежных конкурсах.
Более 100 работ за 6 лет получили 56 наград.

Позвоните или напишите нам

Наши менеджеры проведут брифинг.

Они обсудят с вами главные вопросы:

  • ваше видение проекта,
  • цели и задачи проекта,
  • требования, сроки и бюджет.

Ещё менеджер расскажет о нашем подходе к созданию проектов и ответит на ваши вопросы.

Анна Блажко
Я Аня, менеджер наших с вами будущих крутых проектов в BeaversBrothers :) Позабочусь о качестве, коммуникации, сроках, пользе и результате.
Оксана Антонова
Привет! Я руковожу проектами в Бобрах и знаю, как решить ваши бизнес-задачи. Я стану вашим проводником в мир красивых и полезных цифровых продуктов, от которых все будут в восторге!
В КП мы не просто показываем смету и график работ. Мы готовим небольшой аудит, чтобы лучше погрузиться в проект и предложить вам хорошее решение задач проекта.

Начало работы над проектом

Агрегация требований

Наши менеджер, аналитик и техдир собирают и формируют требования к будущему проекту.

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

АналитикКлиентКлиенты клиентаМенеджер
Мы обсуждаем с вами результаты нашего исследования. После этого формируем требования к интерфейсу или сайту и приступаем к проектированию.

Список требований

  • Анализируем рынок и потребности целевой аудитории
  • Проводим глубинные интервью и делаем выводы
  • Изучаем продукт клиента
  • Смотрим на маркетинговые активности клиента
  • Понимаем сценарий
    продажи
  • Создаём карту пользовательских сценариев
  • Прорабатываем структуру будущего сайта или сервиса
  • Формируем технические требования

В результате создаём разные документы

Описание этапов работы над проектом
Требования к разработке
Структура и навигация
CJM
Карта сайта
Выводы из глубинных интервью
Описание этапов работы над проектом

Переходите в Miro, чтобы
подробнее посмотреть результаты работы этапа.

Проектирование

Наш дизайнер и аналитик создают прототипы будущего проекта.

Создаём кликабельные прототипы сценариев для разных типов устройств.

АФК «Система»
Kaspersky iHub
RBK.money

Посмотрите примеры наших прототипов в Figma.

Во время проектирования копирайтер параллельно пишет контент для сайта.

Написание контента

В нашей команде сильные интерфейсные копирайтеры и редакторы.

Формируем ключевое сообщение, пишем редполитику. Готовим структуру страниц. Создаём содержательные и понятные заголовки и тексты.

МенеджерТы чё так вырядился?КопирайтерЯ так лучше чувствую аудиторию.
После того как дизайнер собрал прототипы сайта, команда проводит тестирование. Мы всегда тестируем прототипы на пользователях и проводим коридорное тестирование.
Бывает, что цикл тестирование-правки мы проходим несколько раз. Мы делаем это быстро. Зато результат получается ярким.

Дизайн

Арт-директор и дизайнеры готовят дизайн.

Создаём стилевой мудборд и дизайн-концепцию. Разрабатываем макеты для адаптивного дизайна на требуемых разрешениях — отображение сайта или лендинга будет подстраиваться под устройства. Собираем дизайн-системы и UI-киты, которыми легко пользуются дизайнеры и разработчики.

АФК «Система»
Kaspersky iHub
RBK.money
Мы с Урала

Посмотрите наши UI-киты и макеты в Figma, которые мы сделали для разных сайтов.

Когда дизайн готов, команда проводит промежуточное тестирование с респондентами.

Вёрстка и фронтенд

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

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

Разработка

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

Это два приложения, которые обмениваются данными друг с другом. Такой подход повышает возможности поддержки и развития продукта по сравнению с монолитом.

Есть неудачный опыт работыс Битрикс? Не беда, сделаем своё решение с Symfony.Техлид

Варианты разработки

Symfony + Индивидуальная CMS

Для CMS используем решение на фреймворке Symfony — это позволяет делать простые и понятные админки с минимальной функциональностью.

1С-Битрикс: Управление сайтом

1С-Битрикс берёт на себя задачи по созданию структуры сайта, управлению содержимым и обеспечению обмена данными с фронтендом.

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

Приёмка и публикация

Перед сдачей проекта мы ещё раз проверяем готовность по чек-листу.

Перед публикацией мы тестируем функциональность, отображение страниц, работу системы администрирования. Для этого мы публикуем проект на приёмочном стенде с настройками хостинга, интеграциями и контентом как на финальном продукте.

Что проверяем перед публикацией

  • Вёрстку и анимацию (финальный арт-контроль)
  • Отработанность всех комментариев заказчика
  • Готовность контента, корректуру, соответствие редполитике
  • Соблюдение авторских прав: фотографии и шрифты
  • Установку и настройки систем сбора статистики
  • Настройку хостинга и SSL-сертификатов
Мы всё проверили. Всё готово. Давайте покажем клиенту!Арт-директорКакая отличная новость!АналитикКонечно, давайте!Менеджер
Когда убеждаемся, что все правки сделаны, то выкатываем проектна приёмочный стенд, чтобы заказчик сам убедилсяв готовности проекта.

Готовый проект

Посмотрите несколько примеров наших проектов.
Сайт о екатеринбургской телебашне
Золотой сайт 2019
Золото
Уральский Федеральный
Округ
Tagline Awards 2019
Бронза
Лучший социальный проект
Лучшее решение в AR/VR
Сайт для АФК «Система»
Премия Digital Communication Awards 2021
Лауреат
Digital-медиа&Инструменты / Веб-сайт
Horizon Interactive Awards 2020
Золото
Bank / Finance
Серебро
Corporate & B2B
CSS Design Awards 2020
Best UI Design / Best UX Design / Best Innovation / Special Kudos award
RBK.money
Tagline Awards 2019
Серебро
Лучшая B2B кампания
CSS Design Awards 2019
Special Kudos / Best UX Design / Best UI Design / Best Innovation
Рейтинг Рунета 2019
Серебро
Финансы, инвестиции, банки
Мы с Урала
Рейтинг Рунета 2020
Золото
Туризм и отдых
CSS Design Awards 2020
Best UI Design / Best UX Design / Best Innovation / Special Kudos award

В портфолио собраны лучшие проекты.

ИнтерфейсыСайты

Поддержка

После запуска сайта работа не заканчивается.

Мы делаем техническую и контентную поддержку проектов. Отслеживаем статистику. Создаём функциональность, улучшаем дизайн.

КлиентМне нужна ваша поддержка!Точнее, моему сайту...РазработчикАга, расскажите, что у вас произошло.

Способы поддержки

Делаем бесплатную поддержку по ранее составленному договору.

Поддерживаем сайты по предварительной оценке с почасовой оплатой.

Создаём тексты и изображения
на разных языках.

Проекты на поддержке

Например, мы поддерживаем сайты для Kaspersky iHub
и АФК «Система».