Digital-агентство полного цикла
Digital-агентство полного цикла
Digital-агентство полного цикла
Обсудить проект

Разработка портала Знаю ТВ

Информационный портал
с полезным видеоконтентом

Знаю ТВ — это информационный портал, на котором пользователи смогут найти экспертную информацию в самых разных форматах. Это площадка, где каждый может реализовать свой потенциал

Пример информационного сайта
Создание информационного сайта

Пользователю доступна навигация по разделам сайта, как
с помощью объемной структуры в виде дерева из частиц, так и с помощью классической навигации по меню

Пример оформления категории второго уровня. Каждая подкатегория содержит счетчик количества видео и диаграмму по уровню сложности: Новичкам Профессионалам Экспертам

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

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

Разработка информационного портала

Анимация поиска на сайте

Категория

У каждой категории есть подкатегории, в которых доступны все типы контента по выбранной тематике: видео, подборки, статьи, новости и тесты

Информационный портал

ПРЕЗЕНТАЦИЯ ПРОЕКТА

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

Разработка портала

Презентация собрана в анимацию

страница одного материала

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

Разработка информационный сайта

обратный play

Потребление видеоконтента сегодня, ассоциируется скорее с деградацией, чем с развитием. Получение знаний в видеоформате, как антипод этого процесса, показан в знаке «antiPlay». Стрелка повернута в другую сторону и разделена на 2 части, как символ расширения кругозора и углубления знаний. Основная идея айдентики транслируется на сайте проекта

тест

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

Эксперты

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

Новости и статьи

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

UI kit

Для большого образовательного портала мы разработали полноценную дизайн-систему. Основные цвета — черный и оранжевый. Все состояния и изображения прорисованы в рамках этой системы. Одним из основных элементов стали яркие иллюстрации в стиле flat

Bright orange# FF5A18
Dark grey# 4A4A4A
Middle grey# 7B7B7B
Deep black# 000000

ОБЛАСТИ ЗНАНИЙ

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

Профиль

В профиле отображается статистика, уровень прохождения тестов на проверку знаний, закладки, избранное, а также общий рейтинг в системе

АВТОРИЗАЦИЯ

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

Адаптив

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

Почтовая рассылка

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

Обсудить проект