ОСАННЯ КАМЕЛІЯ

Історія Web-дизайну Кам'янського еколого-економічного ліцею "Камелія"

Мала академія наук України – III етап, 2023 рік

Відділення: Інформаційні технології

Секція: Іnternet-технології та WEB-дизайн

Тема проєкту: «Використання фреймворку Bootstrap для створення веб-сайту»

Учасник: Софія Бондаренко, 8 клас

У даній роботі розглядається використання фреймворку Bootstrap для створення адаптивних веб-сайтів. Bootstrap є популярним CSS-фреймворком, який надає готові компоненти та стилі для швидкої розробки веб-інтерфейсів. Описуються основні можливості Bootstrap, зокрема система сіток, стилізовані елементи інтерфейсу та використання компонентів JavaScript. Особлива увага приділяється адаптивності веб-сторінок, що забезпечує коректне відображення на різних пристроях. Робота також містить приклади коду та рекомендації щодо впровадження Bootstrap у проєкти веб-розробки.

ПЕРЕМОГА КАМЕЛІЇ - 2026

Історія IT Кам'янського еколого-економічного ліцею "Камелія"

Мала академія наук України – III етап, 2026 рік, ІІІ місце

Відділення: Інженерія та матеріалознавство

Секція: Інформаційно-телекомунікаційні системи та технології

Тема проєкту: «Веб-дизайн як складова успішності стартапу в інформаційно-телекомунікаційних системах»

Учасник: Софія Бондаренко, 11 клас

В результаті дослідження основних принципів UI та UX дизайну було створено три макети веб-сайтів за допомогою онлайн-сервісу Figma. Проаналізовано потреби та запити цільових аудиторій, підібрано відповідну стилістику, кольорову гаму та типографіку. Макети спроєктовані та структуровані, усі сторінки логічно пов’язані між собою та формують цілісну систему навігації. У роботі було враховано принципи зручності використання та зрозумілості інтерфейсу для користувача. Для покращення взаємодії, застосовано базові анімації та інтерактивні елементи там, де це є доцільним. Під час створення макетів особливу увагу було приділено візуальній ієрархії та розміщенню елементів. У результаті отримано прототипи веб-сайтів, що демонструють принципи сучасного веб-дизайну та можуть слугувати основою для подальшої розробки повноцінного веб-ресурсу.