Создание логотипа и дизайна сайта компании «Браво»
1. Цель проекта
Предварительная версия http://bravosoft.org
Создать современный, адаптивный, двуязычный сайт компании «Браво» с четкой визуальной идентичностью, включающей логотип, элементы дизайна, UI/UX-макеты и иконографику.
Цель — повышение узнаваемости бренда, облегчение коммуникации с B2B-клиентами, поддержка цифровой презентации продуктов компании.
2. Целевая аудитория
- Учреждения и предприятия, ищущие программные продукты (или создание нового продукта) для автоматизации своей деятельности;
- Государственные и частные лаборатории любого направления деятельности;
- Учебные заведения высшей школы;
- Предприятия, использующие продукты компании «Браво» ;
- IT-специалисты.
3. Структура сайта (разделы)
- Новости.(или «О нас пишут») Отображение собственных новостей и новостей с других сайтов (которые размещают информацию об использовании продуктов компании «Браво». Например: https://dpss.gov.ua/news/v-derzhprodspozhyvsluzhbi-rozpochalos-navchannia-stovno-onovlennia-informatsiinoi-systemy-dlia-pidtrymky-fitosanitarnykh-inspektsiinykh-zakhodiv-ii-etap)
- Общая информация о компании
- Почему вам будет комфортно с компанией БРАВО
- Наши продукты
- Документы (авторские свидетельства)
- Отзывы/Благодарности. (ЗВО, ЛИМС)
- История развития (ключевые этапы)
- Связаться с нами
4. Языковые версии
Украинский (основной), Английский (альтернативный)
5. Задачи дизайнера
- Разработать логотип (основной и упрощенный вариант) с учетом специфики IT-компании.
- Разработать полный UI/UX-дизайн сайта на основе утвержденной структуры.
- Разработать иконки/визуальные блоки для каждого продукта компании.
- Подготовить адаптивные макеты (для ПК, планшетов, мобильных устройств).
6. Разработка логотипа
- Полная векторная графика (SVG, EPS, PDF, PNG)
- Варианты логотипа: горизонтальный, вертикальный, монохромный, на светлом/темном фоне
- Учет требований цифровой адаптации (favicon, иконка для мобильных)
- Создание мини-гайда по применению (brandbook light)
7. Дизайн сайта
- Основные страницы для дизайна (соответственно разделу 3. Структура сайта (разделы))
- Система шрифтов:
- Использовать web-совместимые шрифты, хорошо отображающиеся во всех браузерах.
- Минимум 2 стиля: основной (текст тела) и заголовочный (headline).
- Применять единую иерархию размеров шрифтов (например: H1 – 36 px, H2 – 28 px, тело – 16 px).
- Обеспечить читаемость на всех типах устройств.
- Цветовая гамма:
- Основные цвета должны ассоциироваться с технологичностью, доверием и стабильностью (например: оттенки синего, серого, белого).
- Предусмотреть акцентный цвет для кнопок и призывов к действию (CTA).
- Создать цветовую палитру из:
- Основных цветов (Primary)
- Дополнительных цветов (Secondary)
- Фона / текста / границ / сообщений (инфо, предупреждение, ошибка)
- Интерактивность: hover-эффекты, адаптивные кнопки, отображение форм
- Все кнопки, меню, ссылки должны иметь hover-эффекты (изменение цвета, тени, масштабирование).
- Предусмотреть адаптивное поведение кнопок на мобильных устройствах (большая зона клика, анимация).
- Макеты: Figma
8. Компоненты дизайна
- Хедер и футер (адаптивные)
- Боковая панель/меню (для мобильной версии)
- Компоненты: кнопки, CTA-блоки, вкладки, выпадающие списки
- Макеты форм: форма обратной связи, подписка на новости
- Блок новостей с отображением карточек (изображение, дата, заголовок)
9. Иконография
- Иконки продуктов:
- Для каждого продукта компании («PHIS», «LIMS», «Ветконтроль», «Персонал-ЗВО» и т. д.) необходимо создать уникальную, но стилистически согласованную иконку.
- Иконки должны отображать функциональное или отраслевое назначение системы.
- Каждая иконка — в 2 размерах (для веба и мобильного интерфейса).
- Создать набор системных/общих иконок
- Требования к стилю и форматам:
- Унифицированный стиль: все иконки должны быть выполнены в едином стиле (outline, filled, two-tone и т. д. — определяется на этапе концепции).
- Форматы:
- SVG — основной формат для сайта
- PNG 2x/3x — для мобильной версии и fallback
- Иконки должны быть пригодны для использования в темных и светлых темах (на прозрачном фоне).
10. Требования UX/UI
- Адаптивность (Mobile First — дизайн создается сначала с учетом мобильных устройств, затем масштабируется для планшетов и десктопов.)
- Контент должен оптимально компоноваться на разных экранах без потери функциональности.
- Интуитивная навигация (минимум уровней меню)
- Фокус на быстром восприятии: простые блоки, воздушность, контрастность
- Поддержка украинской и английской версий
- Учет принципов доступности WCAG 2.1 (контраст, масштабирование)
11. Формат передачи результатов
- Графика логотипа — SVG, PNG, EPS, PDF + light brandbook
- Макеты сайта — Figma (с публичным доступом для просмотра и скачивания)
- Иконки — отдельными файлами SVG + ZIP-архив с иконпаком
- Стиль-гайд — шрифты, цвета, UI-компоненты
Создание логотипа и дизайна сайта «Браво-Лаборатория»
1. Цель проекта
Предварительная версия http://bravosoft.org/_lab.htm
Создать современный, адаптивный, двуязычный сайт системы LIMS «Браво-Лаборатория» с четкой визуальной идентичностью, включающей логотип, элементы дизайна, UI/UX-макеты и иконографику.
Цель — представить LIMS как эффективное решение для лабораторий, обеспечить SEO-продвижение и привлечение заявок от потенциальных клиентов через сайт.
2. Целевая аудитория
- Государственные и частные лаборатории (ветеринарные, фитосанитарные, метрологические, агро и т. д.);
- Руководители лабораторий, менеджеры по качеству;
- IT-специалисты и аудиторы СУЯ;
- Иностранные партнеры и дистрибьюторы (англоязычная аудитория).
3. Структура сайта (разделы)
1. Главная страница
2. О системе
3. Преимущества
4. Модули
5. Для кого подходит
6. Как мы работаем
7. Результаты внедрения
8. Отзывы / Благодарности (или раздел «Наши клиенты» с логотипами/отзывами)
9. История развития системы
10. Публикации в СМИ, упоминания в проектах ЕС (разместить доказательства/ссылки).
11. Авторские свидетельства (изображения)
12. Запись на демо / консультацию
13. Контакты (ссылка на главный сайт компании)
4. Языковые версии
Украинский (основной), Английский (альтернативный)
5. Задачи дизайнера
- Разработать логотип (основной и упрощенный вариант) с учетом специфики IT-продукта.
- Разработать полный UI/UX-дизайн сайта на основе утвержденной структуры.
- Разработать иконки/визуальные блоки для каждого продукта компании.
- Подготовить адаптивные макеты (для ПК, планшетов, мобильных устройств).
6. Разработка логотипа
- Полная векторная графика (SVG, EPS, PDF, PNG)
- Варианты логотипа: горизонтальный, вертикальный, монохромный, на светлом/темном фоне
- Учет требований цифровой адаптации (favicon, иконка для мобильных)
- Создание мини-гайда по применению (brandbook light)
