Кейс · корпоративный сайт · 2026

Сайт для сбора и разметки данных: кейс СБиР

Для компании СБиР, которая собирает и размечает данные, мы сделали корпоративный сайт: главная, страницы направлений и страница о стоимости. Тёмный дизайн с бирюзовым акцентом, на дизайн и разработку ушло четыре недели.

4 неделидизайн 2 недели, разработка 2 недели
Сайт готовкорпоративный, для компьютера, планшета и телефона
Макет главного экрана сайта СБиР на компьютере: заголовок «Привет, мы занимаемся сбором и разметкой данных любой сложности», кнопки «Получить расчет» и «Получить консультацию», тёмный фон и цветная круговая визуализация данных

Факты о проекте

Срок
4 неделидизайн 2 · разработка 2
Тип проекта
Корпоративный сайт, 2026
Ниша
Сбор и разметка данных
Результат
Сайт готов
Обсудить такой проект

СБиР — компания по сбору и разметке данных. Мы сделали для неё корпоративный сайт: 2026 год, срок 4 недели, две недели на дизайн и две на разработку.

Задача

Задача клиента

Клиентов компания находит сама и сама с ними общается. Сайт был нужен для другого: место, где она показывает себя и рассказывает о себе.

  • Коротко объяснить, чем занимается компания и как работает, чтобы посетитель понял это сразу.
  • Показать направления: разметка данных, сбор данных, стоимость.
  • Рассказать о компании, команде и принципах работы так, чтобы вызывать доверие.
  • Дать понятные формы: связи и получения тестового датасета.
Решение

Что мы сделали

  1. Структуру и главную страницуГлавный экран, «Наши услуги» тремя карточками, библиотека данных плиткой, «О компании», принципы работы, форма тестового датасета.
  2. Страницу «Разметка данных»Описание и четыре вида данных: изображения, аудиозаписи, видеозаписи, текстовые данные.
  3. Шаблон страницы вида данныхНа примере «Сегментации изображений»: виды сегментации, примеры по отраслям, переход к другим видам данных.
  4. Страницу «Сбор данных»Что собирают и шесть шагов процесса: от определения потребности до передачи результата.
  5. Страницу «Стоимость»От чего зависит итоговая цена, список услуг, блок «Почему мы».
  6. Шапку и подвалМеню с пятью пунктами, подвал с формой «Не нашли ответа на свой вопрос? Оставьте заявку».
  7. Версии для планшета и телефонаКаждая страница нарисована для трёх экранов, на узких меню открывается кнопкой-«бургером».
  8. Разработку сайтаСборка страниц и форм по макетам.
Стиль

Стиль: цвета, шрифт, настроение

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

  • Значок СБиР для вкладки браузера, первый вариант: белая буква С с бирюзовым сегментом вверху справа
  • Значок СБиР для вкладки браузера, второй вариант: белая буква С с бирюзовым сегментом внизу справа
Значок для вкладки браузера

Один знак из логотипа, в двух вариантах под два варианта логотипа.

  • #25C4AAБирюзовый: кнопки, значки, подсветка, активный пункт меню
  • #121212Графитово-чёрный: фон страниц
  • #1B3531Тёмно-зелёный: переходы и полосы в блоках
  • Заголовки
    Сбор данных

    Простой современный гротеск без засечек, полужирный: крупные белые заголовки.

  • Основной текст
    Разметка и сбор данных для обучения моделей.

    Тот же гротеск обычного начертания: спокойно читается на тёмном фоне.

Макеты

Главная, направления, стоимость, шапка и подвал

Страницы сайта мы нарисовали для компьютера, планшета и телефона. На картинках макеты дизайна для компьютера: тексты и фотографии в них показывают расположение блоков.

На компьютере

Макет главной страницы сайта СБиР на компьютере: заголовок о сборе и разметке данных, кнопки «Получить расчет» и «Получить консультацию», круговая визуализация данных
Главная страница (макет)
Макет блока «Наши услуги» на главной: три карточки «Разметка данных», «Сбор данных», «Создание данных» с фотографиями и кнопками «Подробнее»
Главная: «Наши услуги» (макет)
Макет страницы «Сбор данных»: заголовок, фотография городской толпы, текст о сборе данных, поле телефона и кнопка «Заказать тестовый датасет»
Сбор данных (макет)
Макет страницы «Разметка данных»: заголовок, широкая фотография парковки с высоты, поле телефона и кнопка «Заказать тестовый датасет»
Разметка данных (макет)
Макет страницы «Сегментация изображений»: заголовок с описанием и кнопкой «Заказать тестовый датасет» на фоне фотографии парковки
Шаблон страницы вида данных: сегментация изображений (макет)
Макет страницы «Стоимость»: фотография монет, плашка с заголовком и кнопкой «Заказать тестовый датасет», блок «На итоговую цену влияют» с четырьмя пунктами
Стоимость: от чего зависит итоговая цена (макет)

Шапка и подвал

Макет шапки сайта СБиР на компьютере: логотип и меню из пяти пунктов: Разметка, Сбор, Стоимость, О нас, Контакты
Шапка с меню (макет)
Макет формы в подвале сайта: заголовок «Не нашли ответа на свой вопрос? Оставьте заявку», поля имени, телефона, почты, описания проекта и способа связи, кнопка «Отправить»
Подвал: форма заявки (макет)
Три экрана для каждой страницы

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

Страницы в макете

  • Главная
  • Разметка данных
  • Сегментация изображений
  • Сбор данных
  • Стоимость
  • Шапка
  • Подвал

Что получил клиент

Корпоративный сайт в собственном стиле: место, где компания показывает себя и рассказывает о себе.

  • Сайт готовКорпоративный сайт СБиР, компании по сбору и разметке данных.
  • Страницы направленийРазметка данных, сбор данных, стоимость и шаблон страницы вида данных.
  • ФормыФорма связи в подвале и форма получения тестового датасета на страницах.
  • Три экранаВерсии для компьютера, планшета и телефона.

Срок и этапы

4 недели: дизайн 2 недели и разработка 2 недели

  1. Дизайн · 2 неделиСтруктура, главная и страницы направлений, страница стоимости, макеты для компьютера, планшета и телефона
  2. Разработка · 2 неделиСборка страниц и форм по макетам

Комментарий студии

Компании СБиР сайт был нужен как визитная карточка: рассказать, чем она занимается и как работает, ведь клиентов она находит сама. Мы сделали сдержанный тёмный дизайн с одним бирюзовым акцентом, чтобы текст и фотографии читались легко и ничто не отвлекало. На дизайн и на разработку ушло по две недели.

GreenOakвеб-студия

Заявка

Нужен сайт, который расскажет о вашей компании?

Расскажите, чем занимается ваша компания и что нужно показать на сайте. Скажем, что можно сделать, за какой срок и сколько это стоит.

Срок
4 недели
Состав
Дизайн, разработка
Год
2026
Результат
Сайт готов

Обсудить проект

Опишите задачу в двух-трёх фразах. Ответим и предложим варианты.

СМОТРЕТЬ ДРУГИЕ РАБОТЫ

Разработка креативного лендинга — Кейс BatoMedia
Креативный подход!

Разработка креативного лендинга — Кейс BatoMedia

ДизайнЛэндинг
Разработка интернет-магазина аксессуаров EM7 — Кейс GreenOak
Интернет-магазин аксессуаров для смартфонов

Разработка интернет-магазина аксессуаров EM7 — Кейс GreenOak

E-COMMERCEMobile First
Редизайн сайта строительной компании: кейс Pinewood Homes
Редизайн сайта строительной компании, 2024

Редизайн сайта строительной компании: кейс Pinewood Homes

Real EstateSMM
Редизайн сайта боулинг-парка: кейс Bowling Park Mandarin
Редизайн сайта боулинг-парка, 2024

Редизайн сайта боулинг-парка: кейс Bowling Park Mandarin

Mobile FirstSMM дизайн
Сайт автосервиса: кейс Gekata
Корпоративный сайт автосервиса по восстановлению дисков Gekata, 2023

Сайт автосервиса: кейс Gekata

АвтосервисАдаптивный дизайн
Сайт производителя противопожарных конструкций: кейс ПСК ГОСТ
Корпоративный сайт производителя противопожарных конструкций ПСК ГОСТ: около 65 страниц, 77 заявок за 8 месяцев, 2026

Сайт производителя противопожарных конструкций: кейс ПСК ГОСТ

Сайт студии оклейки авто: кейс Kitkar Pro
Корпоративный сайт студии оклейки автомобилей защитной плёнкой и винилом Kitkar Pro, 2026

Сайт студии оклейки авто: кейс Kitkar Pro

Автомобильная тематика
Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media
Сайт игровой платформы DaVinci Media для Counter-Strike 2 с личным кабинетом, турнирами и магазином, 2026

Сайт игровой платформы Counter-Strike 2: кейс DaVinci Media

Редизайн сайта центра дооснащения автомобилей: кейс XT-Tuning
Редизайн сайта центра дооснащения автомобилей XT-Tuning в Москве: новый дизайн, около 70 страниц услуг и разделов, блог и новости

Редизайн сайта центра дооснащения автомобилей: кейс XT-Tuning

Автомобильная тематика
Лендинг для мотошколы: кейс Unique Racing Team 96
Лендинг для мотошколы и команды Unique Racing Team 96

Лендинг для мотошколы: кейс Unique Racing Team 96

Лендинг для студии массажа: кейс «Песочные часы»
Лендинг для студии массажа «Песочные часы», 2026

Лендинг для студии массажа: кейс «Песочные часы»

Лендинг для службы эвакуации: кейс ТЕХЭКСПЕРТ
Лендинг для службы эвакуации автомобилей ТЕХЭКСПЕРТ в Самаре, 2026

Лендинг для службы эвакуации: кейс ТЕХЭКСПЕРТ

Автомобильная тематика
Интернет-магазин защитных плёнок: кейс MARPREMIER
Интернет-магазин антигравийных полиуретановых защитных плёнок для автомобилей MARPREMIER, 2026

Интернет-магазин защитных плёнок: кейс MARPREMIER

Автомобильная тематикаИнтернет-магазин
Интернет-магазин игровых ключей: кейс Orion
Интернет-магазин игровых ключей с автовыдачей

Интернет-магазин игровых ключей: кейс Orion

APIAutomation
Корпоративный сайт для автосервиса: кейс СТОКТ
Корпоративный сайт для ремонта коммерческого транспорта, 2025

Корпоративный сайт для автосервиса: кейс СТОКТ

AutoCatalog
Сайт школы астрологии: кейс Jyotish Academy
Сайт онлайн-школы ведической астрологии, 2025

Сайт школы астрологии: кейс Jyotish Academy

ОбразованиеТёмная тема
Сайт центра дооснащения авто: кейс XT-Tuning
Корпоративный сайт центра дооснащения автомобилей XT-Tuning в Москве, 2023

Сайт центра дооснащения авто: кейс XT-Tuning

АвтобизнесВеб-дизайн
Корпоративный сайт швейной фабрики: кейс 4Look
Корпоративный сайт швейной фабрики, 2022

Корпоративный сайт швейной фабрики: кейс 4Look

B2BКаталог продукции
Разработка интернет-магазина цветов — Кейс Бирюза
Редизайн интернет-магазина цветов, 2023

Разработка интернет-магазина цветов — Кейс Бирюза

E-COMMERCEMobile First
Сайт студии эстетики: кейс Beauty Grace
Корпоративный сайт студии красоты и эстетики Beauty Grace, 2024

Сайт студии эстетики: кейс Beauty Grace

Адаптивная вёрсткаВеб-дизайн
Сайт производителя кованых дисков: кейс Buffalo
Сайт производителя кованых дисков, 2023

Сайт производителя кованых дисков: кейс Buffalo

Автомобильная тематикаДизайн интерфейсов
Сайт компании по ОДД: кейс ИнтелТранс
Корпоративный сайт ИнтелТранс, компании по организации дорожного движения (ОДД), 2023

Сайт компании по ОДД: кейс ИнтелТранс

B2GОДД
Лендинг для франшизы общепита: кейс РашЛаваш
Лендинг для франшизы общепита, 2023

Лендинг для франшизы общепита: кейс РашЛаваш

E-COMMERCEPROMO
Сайт загородного клуба с инвестиционными коттеджами: кейс
Корпоративный сайт загородного клуба с инвестиционными коттеджами, 2023

Сайт загородного клуба с инвестиционными коттеджами: кейс

Загородный клубКорпоративный сайт
Сайт для фитнес-студии: кейс Best Life Studio
Сайт для фитнес-студии, 2023

Сайт для фитнес-студии: кейс Best Life Studio

BeautyBrutalism
Лендинг для бренда чая: кейс Funny Faces
Лендинг для бренда чая, 2022

Лендинг для бренда чая: кейс Funny Faces

CREATIVEE-COMMERCE
Разработка аналитической платформы для строительства — Bimograph
Аналитика строительства

Разработка аналитической платформы для строительства — Bimograph

B2BBig Data
Сайт капсульного отеля: кейс PodSpot
Лендинг для капсульного отеля PodSpot, 2024

Сайт капсульного отеля: кейс PodSpot

Адаптивный дизайнГостиничный бизнес

Понравился проект? Хочу такой же сайт: виды сайтов и цены · Другие примеры работ