Сайт разработан на:

КСБ ПРОФИ

Эксперты

по разработке и внедрению инженерно-технических решений для обеспечения безопасности

Мокап КСБ ПРОФИ

Задачи проекта

  • 1
    Создание сайта под ключ

    Разработать концепцию и дизайн сайта. Сверстать и запрограммировать функционал на 1С-Битрикс

    Подробнее
  • 2
    Редизайн логотипа

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

    Подробнее

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

  • Обсуждение проекта
    • Встреча с клиентом (возможно обсуждение проекта онлайн)
    • Агрегация требований. Заполнение брифа
    • Обсуждение проекта с дизайнерами, верстальщиками и программистами
  • Составление ТЗ
    • Мониторинг конкурентов
    • Постановка целей и задач по реализации проекта
  • Согласование
    • Согласование ТЗ
    • Согласование приоритетного списка задач
  • Реализация проекта
    • Создание дизайна
    • Верстка
    • Программирование
  • Завершение проекта
    • Тестирование
    • Отдаем готовый проект клиенту

Создание сайта под ключ

Особенности проекта

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

Разработка прототипа с высокой детализацией
  • Проанализировали топ-10 сайтов-конкурентов, обращая внимание на расположение элементов на главной странице, меню, подразделы
  • Прототип сайта постарались сделать максимально функциональным, чтобы заказчик мог понять, каким он будет, и при необходимости внес правки. Благодаря прототипу мы получили четкий план, как отрисовать и сверстать страницы
  • На этапе создания прототипа занимались визуализацией гипотиз и результатов исследований
  • Группировали информацию по смысловым блокам и располагали на страницах
  • Создали кликабельный прототип
схема сайта

Создание дизайна

  • Главной особенностью проекта является невозможность использования реальных фото с объектов
  • Учитывая особенности проекта и пожелание заказчика решили использовать элементы швейцарского стиля, а именно крупные заголовки, табличную подачу информации, четко структурированный контент
  • После соглосования прототипа мы приступили к созданию дизайна сайта
  • Для сайта КСБ Профи были созданы уникальные векторные иллюстрации
схема сайта
схема сайта
схема сайта
схема сайта
схема сайта
схема сайта
схема сайта
схема сайта
схема сайта
схема сайта
схема сайта
схема сайта
Сайт адаптирован
под все устройства

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

мокап
  • Для корректного отображения сайта на всех устройствах была применена резиновая верстка
  • При верстке программисты столкнулись с трудностью корректного отображения декоративных элементов таблицы на всех разрешениях
  • В процессе работы над проектом были разработаны уникальные решения для анимирования отдельных элементов
в процессе программирования

Наши разработчики вели работу короткими итерациями с тестированием каждого этапа. По мере необходимости вносились изменения и доработки.

    Весь процесс делился на несколько этапов:
  • Сборка основной структуры сайта
  • Создание поисковых страниц
  • Привязка блога к админке

Редизайн логотипа

Параллельно с созданием сайта была задача осуществить редизайн уже существующего логотипа. Основным требованием клиента было создание актуального и современного дизайна логотипа в стиле минимализм с сохранением фирменных цветов компании

Образ логотипа должен быть технологичный, современный и понятный, создавать впечатление крупной серьезной компании

Для кого создаётся логотип:
  • Потенциальные пользователи продукта — это крупные государственные корпорации и частные компании, которые ищут надежного подрядчика с широким спектром услуг в сфере обеспечения безопасности
  • Новый логотип должен показать действующим и потенциальным клиентам, что КСБ ПРОФИ — это ответственная фирма, которая гарантирует решение поставленных задач, обеспечит комплексный подход к решению вопроса и найдет самое выгодное решение
логотип
Создание дизайна

Для определения предпочтений заказчика было разработано несколько вариантов внешнего вида логотипа, основываясь на его пожеланиях

логотип
логотип
логотип
логотип
логотип
логотип
логотип
Вариант который
одобрил клиент

После повторного обсуждения мы определились с основной концепцией и продолжили двигаться в заданном направлении

На основе выбранного образца было создано еще 4 варианта дизайна, после чего клиент окончательно определился с выбором

логотип
Итоговый вариант:
логотип