А.ЛАБ
Все проекты

Разработали фирменный стиль и сайт для российского аналога Miro и Notion

Онлайн-доска и документы — совместная работа в едином пространстве

Разработка сайтов
Брендинг
Сайт цифровой экосистемы Doc&Board

О клиенте

Doc&Board — отечественная ИТ-компания, создавшая комплексную цифровую экосистему для структурирования и управления корпоративными знаниями. Флагманское решение бренда объединяет возможности интерактивной онлайн-доски и интеллектуальные инструменты для синхронизации распределённых команд в едином рабочем пространстве

Задача

Задача заключалась в полном редизайне сайта Doc&Board, чтобы усилить лидогенерацию, улучшить ключевые метрики и наглядно продемонстрировать, как платформа делает совместную работу по-настоящему комфортной

Что делали

Исследование Проектирование Дизайн-концепция 3D-визуализация Масштабирование дизайна
Первый экран обновлённого сайта Doc&Board
Внутренние страницы сайта Doc&Board

Исследование
и прототипирование

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

Прототипы и вайрфреймы страниц сайта Doc&Board

Концепция

В основу визуальной стратегии лёг концепт «продуктивного минимализма» — создание лёгкого, не перегруженного интерфейса, который не отвлекает от совместного творчества, а стимулирует генерацию идей. Шрифт Onest благодаря своей открытой геометрии обеспечивает легкую читаемость текстовых блоков и документов на экранах с любым разрешением. Фирменная палитра сочетает светлый фон с насыщенными ультрамариновыми и фиолетовыми акцентами: это подчёркивает технологический статус платформы и помогает пользователю на интуитивном уровне разделять и структурировать потоки информации

Структура сайта

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

  • «Проблемы и решения» — наглядный интерактивный блок, противопоставляющий привычный хаос в разрозненных корпоративных файлах структурированному и комфортному пространству, которое команда получает сразу после внедрения Doc&Board.
  • «Функционал платформы» — обзор возможностей интерактивной доски, интеграции документов и гибкого подхода к работе с редактором
  • «Кому полезна» — персонализированные сценарии использования для руководителей, продуктологов и дизайнеров
  • «Перенос пространства» — понятные шаги по быстрой миграции рабочих процессов из зарубежных сервисов без потерь
  • «База знаний» — презентация инструментов для создания и ведения единой корпоративной базы знаний для всей команды
  • «Часто задаваемые вопросы» — удобный b2b-раздел FAQ для быстрого снятия барьеров и ответов на вопросы по работе с виртуальной онлайн-доской
Страницы обновлённого сайта Doc&Board

3D-визуализация

Чтобы познакомить потенциального клиента с продуктом, мы интегрировали элементы интерфейса самой онлайн-доски прямо на сайт. Кастомные графические модули, мини-схемы и динамические демонстрации работы с документами наглядно иллюстрируют гибкость редактирования в реальном времени. Такой подход позволил уйти от шаблонных описаний к интерактивному знакомству с возможностями платформы, формируя прогрессивный образ бренда

3D-иллюстрации для сайта Doc&Board

Результат

Обновлённый сайт позволил полноценно представить продукт и его технологические возможности. Новый фирменный стиль демонстрирует современность продукта, единую визуальную концепцию и возможности платформы Doc&Board

Над проектом работали
  • Арина Романова
    Дизайн-директор
  • Владислав Брынцев
    Дизайнер
  • Антон Васильев
    Дизайн-лид
  • Эвелина Лашкова
    Дизайнер
  • Ирина Тимошина
    Дизайн-лид