Конкурс переведен автоматически. Войдите или зарегистрируйтесь, чтобы увидеть оригинал

Задача: Разработать дизайн главной страницы сайта (Figma)

Действующий сайт: asnu.net

Общие требования: 

  • Все страницы публичной части должны корректно отображаться на различных устройствах и экранах (десктопы, планшеты, смартфоны) с поддержкой современных браузеров.
  • Четкая и понятная структура меню, разделов и подразделов, обеспечивающая легкий доступ к ключевым страницам.
  • Соблюдение корпоративного стиля во всех элементах интерфейса (https://www.asnu.net/pages/237/).

На основе ниже приведенных требований, а также существующей главной страницы (https://www.asnu.net) сформировать дизайн главной страницы (собственные предложения по элементам страницы приветствуются).

 

Header

Логотип:

Должен поддерживать адаптивное масштабирование (особенно для мобильных устройств).

Главное меню:

Предусмотреть пункты меню: Главная, О АФНУ, Учебная платформа, Обсуждения, Консультации, База знаний, Блог).

Должно быть удобным и доступным для навигации.

Для пункта меню «О АФНУ» реализовать выпадающее меню, которое содержит пункты: Руководство, Структура,  Документы АФНУ)

Поисковая форма:

Должна включать текстовое поле для ввода поискового запроса и кнопку запуска поиска.

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

Языковая панель:

Должна содержать флажки или индикаторы языков для выбора (украинский и английский).

Языковая панель должна быть интуитивно понятной и удобной для использования на всех размерах экрана.

Ссылки на страницы регистрации и авторизации:

Должны содержать две кнопки или ссылки: "Регистрация" и "Авторизация".

Могут быть отображены как иконки или кнопки для удобства.

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

Ссылки на страницы в социальных сетях:

Иконки со ссылками на профили в социальных сетях (Facebook, Instagram и т.д.).

Иконки должны быть яркими и легко узнаваемыми.

Адаптивность:

Header должен корректно отображаться на всех устройствах и быть легким для навигации.

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

 

Footer

Контактная информация:

Должна включать основную контактную информацию, такую как адрес, телефон, электронная почта.

Контактные данные должны быть кликабельными (например, для телефонов и почты) для удобства пользователей мобильных устройств.

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

Полезные ссылки:

Должны включать ссылки на важные страницы, такие как:

Условия использования – правила использования платформы.

Политика конфиденциальности – детали по обработке данных пользователей.

Часто задаваемые вопросы (FAQ) – ответы на популярные вопросы.

Партнерские программы – информация для партнеров или программы лояльности.

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

Форма подписки:

Форма для ввода электронной почты для подписки на новости или рассылки.

Ссылки на социальные сети:

Иконки со ссылками на профили в социальных сетях (Facebook, Instagram и т.д.).

Иконки должны быть яркими и легко узнаваемыми.

Авторские права и другие важные сведения:

Текст с информацией об авторских правах, например, "© 2024. АФНУ. Все права защищены".

Адаптивность:

Footer должен корректно отображаться на мобильных устройствах, сохраняя структуру и удобство.

Все элементы футера должны быть легкодоступными и удобными для чтения на малых экранах.

 

AI-ассистент

Виджет для открытия AI-ассистента

Виджет должен размещаться в углу экрана (в нижнем правом углу) и оставаться видимым во время прокрутки страницы.

Виджет должен отображать иконку или кнопку с пометкой и текстом "AI-ассистент".

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

 

Body

Блок "Миссия, видение и ценности АФНУ"

  • Расположение: Блок должен быть размещен в верхней части страницы, так как он должен производить первое впечатление о ассоциации.
  • Контент: Должен содержать короткий текстовый описание миссии, видения и ценностей АФНУ.
  • Дизайн: Контент должен быть представлен в виде привлекательного графического элемента, который может включать изображения или иконки, чтобы подчеркнуть ключевые ценности.
  • CTA: Кнопка со ссылкой на страницу с детальной информацией об ассоциации.

Слайдер анонсов

  • Расположение: После блока с миссией АФНУ или в верхней части страницы.
  • Функционал: Слайдер с вкладками для отображения анонсов:
    1. АФНУ (основные события ассоциации);
    2. Региональные отделения (события, касающиеся региональных отделений);
    3. Комитеты (анонсы событий комитетов);
    4. Учебная платформа (анонсы учебных событий).
  • Отображение: Показываются только анонсы событий, которые еще не состоялись.
  • Архив: Должно быть ссылка на страницу архива анонсов для просмотра прошлых событий.

Слайдер новостей

  • Функционал: Слайдер с вкладками для различных категорий новостей:
    1. АФНУ;
    2. Региональные отделения;
    3. Комитеты;
    4. Учебная платформа.
  • Контент: Отображает до 5 последних новостей в каждой вкладке.
  • Ссылка: Должна быть предусмотрена ссылка для перехода на общую страницу новостей, где можно просмотреть все новости.

Блок "Пульс АФНУ"

  • Контент: Должен содержать общую статистическую информацию о деятельности ассоциации (количество членов, региональных отделений, проведенных мероприятий и т.д.).
  • CTA: Кнопка или ссылка на страницу с расширенной аналитикой.

Группа вкладок

  • Структура: Должна быть представлена группой вкладок, каждая из которых содержит короткую информацию и количество записей с возможностью быстрого перехода на соответствующую страницу.
  • Вкладки:
    1. Реестры (Реестр членов АФНУ, Реестр награжденных "Золотым знаком АФНУ", Реестр Сертифицированных Управляющих Недвижимостью (CPM) в Украине и т.д.).
    2. Мероприятия (съезды, советы, конференции).
    3. Документы.

Блок "Учебная платформа"

  • Контент: Должен отображать ключевую информацию об учебной платформе (например, описание доступных курсов, программ сертификации).
  • CTA: Кнопка со ссылкой на отдельную страницу учебной платформы для просмотра полной информации.

Блок "Сертификация"

  • Контент: Должен содержать короткое описание сертификационных программ, которые предлагает ассоциация.
  • CTA: Кнопка со ссылкой на страницу с детальной информацией о сертификации.

Блок "Наши партнеры"

  • Структура: Слайдер с логотипами партнеров ассоциации.
  • Функционал: При наведении курсора должна отображаться основная информация о партнере (например, короткое описание или специализация).
  • Ссылка: Логотипы должны быть кликабельными с возможностью перехода на сайт партнера.

Блок "Популярные материалы"

  • Контент: Отображаются публикации, которые являются лидерами по количеству просмотров и рейтингу.
  • Максимальное количество материалов: Не более 5.
  • CTA: Кнопка для перехода на страницу со всеми популярными материалами или полным списком публикаций.

Интерактивная карта

  • Функционал: Интерактивная карта Украины, которая отображает статистическую информацию об ассоциации по областям.
  • Вкладки: Вкладки для переключения между типами информации (например, члены АФНУ, отделения, учебные центры).
  • Интерактивность: При наведении на определенную область должна отображаться детальная информация о статистике в этом регионе.
  • Масштабирование и навигация: Возможность изменять масштаб карты для более детального просмотра регионов.


Другие детали и тексты

  • Специалистам, которые желают присоединиться к конкурсу, ответы на вопросы будут предоставлены в переписке.