IT Meetup #1 Инженерно-технического института был посвящён теме «Наука о данных в Приднестровье. Прошлое. Настоящее. Будущее.». Сайту требовалось познакомить посетителя с событием, показать программу и спикеров, затем дать возможность перейти к регистрации. В портфолио это архивная работа, сохранившаяся по скриншотам и исходному коду.

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

Задача

Основной задачей было объяснить содержание события через понятную структуру. В программе поднимались история школы анализа данных, машинный перевод, нейронные сети, их использование в медицине, Big Data, академические и бизнес-задачи. Эти темы нужно было связать с общей идеей встречи и её спикерами.

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

Решение

Работа включала разработку и адаптацию лендинга на базе одностраничного шаблона Start Bootstrap Agency. Готовая основа была кастомизирована под мероприятие, его содержание и визуальную презентацию. Базовый дизайн шаблона относится к Start Bootstrap; вклад в проект заключался в его применении и адаптации для конкретного события.

В историческом техническом контексте использовались Bootstrap 4, jQuery и инструменты SCSS/Gulp. Это описание архивной реализации. На странице были собраны описание встречи, программа, спикеры и регистрация, а тематические блоки помогали представить направления анализа данных, обсуждавшиеся на мероприятии.

Адаптивная версия

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

Адаптация шаблона для события

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

Результат

Результатом стал адаптивный сайт мероприятия с программой, спикерами и регистрацией. Работа сохранена как архивный кейс; открытый репозиторий дополняет реальные скриншоты. Старый домен не используется как действующий канал регистрации. Кейс показывает разработку и кастомизацию event landing page с корректным указанием шаблона, на котором он основан.

Проект в портфолио · Разработка сайтов Noros

Исходный код архивного проекта