Молодежный портал: каждый найдет свое вдохновение и ответы.

Заказчик

ГАУ ДО ВО «ЦПМИИДЮТ» — комитет по молодежной политике Волгоградской области обратился к нам с просьбой создать единый информационный портал для молодежи.

Задача

Разработка единого молодежного портала для Волгограда и Волгоградской области. Проек про большие цели: помочь молодежи региона найти себя, раскрыть потенциал и почувствовать поддержку на каждом шагу.

Задача: 

Комитет по молодежной политике Волгоградской области обратился к нам с просьбой создать единый информационный портал для молодежи. Мы сразу поняли, что этот проект — не просто про кнопки и меню. Он про большие цели: помочь молодежи региона найти себя, раскрыть потенциал и почувствовать поддержку на каждом шагу. А значит, мы взяли на себя ответственность за создание чего-то по-настоящему значимого.

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

Решение: 

С самого начала мы понимали, что задачи здесь непростые, и с азартом взялись за реализацию. Создали сайт, который станет путеводной звездой для молодёжи. Сделали простую навигацию, чтобы любой пользователь — от школьника до молодого предпринимателя — мог быстро найти нужную информацию.

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

Каждый раздел портала стал полноценной историей. Мы собрали дух Волгограда — его динамику, энергию и амбиции — и перенесли их на сайт, добавив современную эстетику.

Для кого сайт: анализ целевой аудитории

Начали мы с того, что визуализировали сайт глазами тех, кто будет его использовать. Представили, как кто-то заходит в раздел «Гранты», чтобы найти поддержку для своего первого крупного проекта. Или как группа студентов ищет место, чтобы провести мероприятие. Вдохновились сильно! 

Но чтобы выполнить все цели сайта, мы должны были не просто создать страницы с текстом, а понять, чего на самом деле хочет и ждёт наша аудитория. А тут, знаете ли, целый калейдоскоп интересов, целей и мечтаний. 

Мы разделили молодёжь на категории и разобрались в запросах каждой. Категорий получилось 7: 

Молодые специалисты:

Выпускники вузов и колледжей ищут всё, что поможет им уверенно вступить во взрослую жизнь. Где найти работу мечты, как получить поддержку от государства и какие есть возможности для профессионального роста.

Молодые семьи:

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

Обучающиеся:

Студенты вузов и колледжей стремятся найти информацию о стипендиях, грантах, стажировках и других возможностях, которые раскроют их потенциал.

Творческая молодежь:

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

Спортивная молодежь:

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

Те, кто ищет работу:

Молодые люди хотят разобраться, как обращаться в центры занятости, а также узнать, какие вакансии открыты для тех, кто только начинает свой путь.

Молодые предприниматели:

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

Что внутри: разбор структуры сайта

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

Каждая страница продумана так, чтобы информация не перегружала, но при этом давала всё необходимое для активного участия в жизни региона. Расскажем подробнее о разделах и их пользе:

Раздел «Новости» 

На этой странице публикуются: 

• Актуальные события и анонсы мероприятий.
• Итоги прошедших мероприятий.
• Информация о новых инициативах, грантах и программах.

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

Блок с новостями есть на главной странице, с переходом на внутреннюю — для тех, кто хочет найти нужную информацию максимально быстро. Раздел «новости» — главный канал связи между организаторами мероприятий и молодёжью. 

Раздел «Проекты» 

Здесь собрана информация о текущих и будущих проектах: 

• Описание инициатив. 
• Цели и задачи. 
• Условия участия.
• Результаты прошлых проектов.

Несколько примеров: 

• Проект «Я — донор 34» направлен на популяризацию безвозмездного донорства крови. Он помогает привлечь внимание к важной теме и вдохновить людей на благородный поступок, который может спасти чьи-то жизни.
• Всероссийский студенческий конкурс «Твой ход» создает условия для развития студентов в интересах страны и регионов. Молодых людей вовлекают в преобразование окружающей среды. Формируют активную жизненную позицию и стремление учиться.
• «Медиацентр 34» становится центром притяжения для тех, кто мечтает о карьере в медиа. Здесь проходят образовательные встречи для начинающих журналистов и студентов, готовых погрузиться в мир медиасферы.

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

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

Раздел «Афиша» 

Создан в виде интерактивного календаря, в котором можно:

• Узнать формат будущих мероприятий, дату и место.
• Прочитать подробное описание событий.
• Зарегистрироваться как участник в мероприятии.

Этот раздел позволяет с легкостью планировать свое время, выбирая наиболее интересные и подходящие инициативы.

В 2024 году мы с друзьями организовали бесплатный лекторий для ребят с темой «Факапы: как вынести максимум пользы». Рассказали про ошибки в дизайне и маркетинге, которые случались с нами на пути развития, и учили выносить из них ценный опыт.

Раздел «Пространства»

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

• Арт-пространство — место для творчества. Здесь можно проводить мастер-классы, выставки, встречи и реализовывать креативные проекты.
• Медиастудия — место для создания контента. Фото, видео и аудио материалов.
• Коворкинг — пространство для работы, учебы и совместной деятельности.
• Лекторий — для проведения конференций, лекций, презентаций и других мероприятий.
• Трансформер — универсальная площадка для проведения независимых мероприятий. Может выполнять функцию большого зала или превращаться в несколько отдельных помещений.
• Пространство встреч — уютное место для общения, дискуссий и любых взаимодействий между людьми.

Этот раздел — настоящая находка для молодых людей, которые хотят реализовать свои идеи. Здесь можно легко забронировать пространство для любых мероприятий или встреч, при этом — бесплатно! 

Раздел «Меры поддержки» 

Здесь представлены меры помощи для молодёжи Волгограда и региона. Страница охватывает подобные инициативы: финансовая поддержка IT-специалистов, жилищные льготы и студенческие программы. 

Для удобного поиска мы разделили информацию на 5 категорий:

• Молодые специалисты.
• Молодые семьи.
• Творческая и спортивная молодежь.
• Студенты.
• Молодые предприниматели.

И указали для каждой категории:

• Доступные программы.
• Условия участия.
• Алгоритм подачи заявок.

Этот раздел стал ориентиром для молодёжи. Он предоставляет ключевую информацию о государственной поддержке и делает процесс подачи заявок на программы простым и доступным.

Раздел «О комитете молодежной политики» 

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

Так же на несколько разделов, включая этот, добавили удобную форму для:

• Подачи заявок на реализацию проектов.
• Вопросов, предложений и отзывов.
• Связи с администрацией сайта.

Форма обратной связи упрощает коммуникацию с администрацией и позволяет пользователям проявлять себя в общественной жизни.

Раздел «Команда»

В этом разделе представили сотрудников комитета молодежной политики в лицах и показали амбассадоров проекта.

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

Раздел «Вакансии» 

Разместили информацию о доступных вакансиях и программах. Прописали обязанности, условия и пожелания к соискателям. 

Раздел способствует трудоустройству молодых специалистов и их профессиональному росту.

Разделы «Частые вопросы» и «Контакты» 

В первом разделе  собрали ответы на самые популярные вопросы молодежи. Если какого-то вопроса нет — добавили форму, где его можно задать. Отдельная страница экономит время пользователей и упрощает доступ к информации. 

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

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

Что снаружи: дизайн сайта 

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

За основу взяли 4 цвета: нежно-голубой, насыщенно-голубой, красный и черный.

• Черный чаще всего используется в заголовках, так как он привычный для восприятия и контрастный относительно других цветов. 
• Красный цвет акцентирует внимание на активных элементах и побуждает к действию. А также забирает на себя внимание в заголовках и мелких деталях. Так пользователи лучше концентрируются на информации. 
• Светло-голубой цвет ассоциируется с миром, гармонией и спокойствием. Он создает атмосферу легкости и свежести, вызывает ощущение доверия и стабильности. А такие мысли подталкивают к участию, потому что бояться нечего) 
• Ярко-голубой цвет символизирует энергию и динамичность. Эти оттенки часто ассоциируются с оптимизмом и креативностью, вызывают чувство воодушевления и мотивации, а это нам и нужно)

Использовали бесплатный шрифт «Stadium Display» для заголовков. Он отвечает мягкому направлению молодежи в сторону развития за счет скругления и крупной типографики. 

«Stadium Display» использовали для объяснения информации,а для декоративных описаний и создания настроения использовали шрифт «Anjhay».

Для простого описания текста и максимальной читабельности использовали шрифт «Golos Text».

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

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

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

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

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

На сайте всплывает и метафора гор. Они обращают внимание молодых людей на главное: фундамент. Горы не появились в одночасье, процесс их формирования занял миллионы лет. 

Так и в жизни: вначале человек нарабатывает базу знаний и опыт, а потом применяет их в любых сферах. 

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

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

• Простую навигацию с минимальным количеством кликов до нужной информации.
• Контрастные акценты, чтобы визуально выделить ключевые элементы (например, кнопки и заголовки).

UX/UI в этом проекте рассматривается как ключевой фактор:

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

Что под капотом

Сайт разработали на платформе Tilda Publishing, что позволило быстро внедрять сложные структуры без компромиссов по качеству и делать это максимально быстро. Использовались: 

• Интерактивные элементы, такие как формы обратной связи и календарь мероприятий; 
• Встроенные модули для аналитики, цель которых — отслеживать вовлеченность аудитории;
• Формы для подачи заявок. Они стали важным инструментом для тех, кто хочет реализовать свои проекты при поддержке администрации. 

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

Результат:

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

После запуска портала резко увеличилось число участников мероприятий и проектов. Молодёжь отмечает удобство подачи заявок и доступность информации. А комитет молодежной политики региона подчёркивает эффективность сайта как основного канала коммуникации.

Этот проект стал успешным инструментом для реализации целей молодёжной политики Волгоградской области и помог рассказать жителям города обо всех инициативах и программах в одном месте. 

Перейти на сайт