Створення логотипу та дизайну сайту компанії «Браво» та LIMS «Браво-Лабораторія»

Створення логотипу та дизайну сайту компанії «Браво»

1. Мета проекту
Попередня версія http://bravosoft.org

Створити сучасний, адаптивний, двомовний сайт компанії «Браво» із чіткою візуальною ідентичністю, що включає логотип, елементи дизайну, UI/UX-макети та іконографіку.
Ціль — підвищення впізнаваності бренду, полегшення комунікації з B2B-клієнтами, підтримка цифрової презентації продуктів компанії.
2. Цільова аудиторія
Установи та підприємства, які шукають програмні продукти (або створення нового продукту) для автоматизації своєї діяльності;
Державні та приватні лабораторії будь якого напрямку діяльності;
Заклади вищої освіти;
Підприємства, які використовують продукти компанії «Браво» ;
IT-фахівці.
3. Структура сайту (розділи)
Новини.(або «Про нас пишуть») Відображення власних новин, та новин з інших сайтів (які розташовують інформацію про використання продуктів компанії «Браво». Наприклад: https://dpss.gov.ua/news/v-derzhprodspozhyvsluzhbi-rozpochalos-navchannia-stosovno-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-friendly шрифти, які добре рендеряться у всіх браузерах.
Мінімум 2 стилі: основний (body text) та заголовковий (headline).
Застосувати єдину ієрархію розмірів шрифтів (наприклад: H1 – 36 px, H2 – 28 px, body – 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)