Архив: Дизайн для крупного видео-сайта
Бюджет
1667$
/ 100000
руб
в месяц
Создан: 6 лет назад
Закрыт
- Описание
- Описание проекта
Проект является видео сайтом. Проект высоконагруженный, прогнозируемая посещаемость 1М пользователей в день. При разработке использован фреймворк Next.JS
Концепция и принципы дизайна
Для визуального оформления элементов предполагается использовать Material UI.
Пользователь должен получать удовольствие от просмотра видео с минимальным количеством раздражающих и отвлекающих факторов.
Необходимо максимально снизить количество ненужных переходов между страницами. На мобильных устройствах максимальным количеством функционала сайта должно быть возможно пользоваться одной рукой.
Цикл разработки дизайна
Первоначально разрабатываем мобильную версию сайта, потом разрабатываем десктопную версию сайта.
Прототипы разрабатываем черно-белыми, после утверждение прототипов, можно добавлять цвета.
Согласуем цветовую гамму элементов управления.
Отрисовываем окончательный вариант элементов.
Структура сайта
Шапка и футер
Содержат логотип сайта и меню для доступа ключевым функциям сайта в зависимости от типа страницы. Содержание для мобильной и десктопной версии будут отличаться.
Главная страница
Основным элементом является лента роликов, сформированная по определенным правилам.
Каждый ролик, кроме скриншота, содержит базовую информацию:
Название (можно ограничивать по количеству символов)
Длительность ролика
Качество ролика
Лента имеет размер страницы 120 роликов, количество столбцов зависит от ширины экрана. Загрузка скриншотов происходит по мере прокрутки экрана.
Внизу страницы находиться пагинация
Страница видео
На странице имеется видео плеер.
Страница содержит всю информацию о видео:
Название (можно ограничивать по количеству символов)
Длительность ролика
Качество ролика
Теги
Категории
Описание (показывается только начало, по кнопке read more показывается полная версия)
Теги и категории являются ссылками и ведут в соответствующий набор видео. Другие фильтры при этом переходе сбрасываются, настройки сортировки остаются.
Также, на странице расположены блоки рекомендованных видео, их может быть больше одного.
Страница имеет все мета-теги и микроразметку для SEO.
Поиск
С каждой страницы сайта можно вызвать функционал поиска.
При переходе в строку ввода запроса появляется список последних популярных поисковых запросов. По мере ввода, список популярных запросов корректируется с учётом введенного пользователям текста и количеством роликов по этому запросу.
Показываем пользователю не только список поисковых запросов, но и каналы в которых встречается этот запрос.
После клика на популярный запрос или кнопку Искать переходит редирект на страницу результатов поиска.
Страница результатов аналогична главной странице, вверху только пишем что пользователь искал и количество результатов найденного.
Фактически Поиск является частным случаем функционала Фильтров.
Фильтры
С каждой страницы сайта можно вызвать функционал фильтров. Он должен быть реализован в виде дополнительного элемента, который можно показать на любой странице.
Элемент фильтров по возможности должен закрывать минимальную часть экрана, чтобы пользователь мог в реальном времени видеть результаты применения фильтров.
При выборе фильтра, выдача автоматически меняется, с учётом этого фильтра.
Нужно показывать какие фильтры уже применены (поиск, категория, теги)
При клике вне набора фильтров, набор фильтров закрывается.
Когда у пользователя есть активные фильтры, кнопка открытия фильтров должна измениться, чтобы пользователь понимал что у него есть примененные фильтры. Либо появляется дополнительная кнопка для быстрого сброса фильтров.
При переходе между страницами сайта состояние фильтров сохраняется. То есть пользователь сходил на ролик и вернулся назад, он должен вернуться в тоже самое место страницы в ту же самую поисковую выдачу.
Базовый набор фильтров
Сортировка (релевантность, по дате создания, по количеству просмотров)
Фильтр по дате создания ( за сегодня, за вчера, за неделю, за месяц)
Фильтр по длительности (Short до 3 минут, Medium 3-10 минут, Long 10-20 минут, Full 20+ минут)
Также в фильтрах можно выбрать категории и теги.
Пользователь может выбрать несколько категорий и тегов одновременно. До 3 категорий и 5 тегов одновременно.
Страница категории/тега
На странице должен быть расположен SEO текст для продвижения, возможно какие-то скриншоты из видео и кнопка перехода к видео.
После её нажатия автоматически применяется фильтрация по выбранному тегу/категории, при этом прочие фильтры сбрасываются.
Прямых ссылок на ролики не должно быть, возможно можно добавить ссылки на популярные каналы.
Реклама
Каждая страница должна имеет место для размещения рекламных блоков. Отображение страницы не должно ломаться в случае отсутствия рекламы или включенного блокировщика рекламы.
- Категория
Похожие проекты
0
1
0
7
0
2
Необходимо переработать логотип компании (железный архитектор) в 3D модель и анимировать его. В дальнейшем планируем использовать его в рекламе нашей продукции (шотрсы, рилсы, видео где наш масскот рассказывает о продукции компании). Фото масскота направлю потенциальному исполнителю....
3 месяца назад
$5
0
2
$7
0
6
0
2
0
0
$14
0
7
Создам для вас стильные и продающие карточки для товаров на маректплейсах....
6 месяцев назад
$43
0
4
0
30
По концепции будет два персонажа, это «Хмелек» - смахивающее Пивко бочка, только в Виде хмеля. И персонаж Кружка Пива с пеной - девочка «Пенка» По концепции вывески несколько вариантов. Либо схожая как вывеска у ПивКо. Только вместо Пив-Хмель/затем также персонаж «Хмелек» и затем Март 2. Либо логотип......
7 месяцев назад
$30
0
8
Логотип - это главный ключ к успеху любой деятельности. Ведь запоминающиеся лого, дает гарантию что о вас вспомнят. Абсолютно любой и индивидуальный современный лого на ваш вкус - будет сделано!...
8 месяцев назад
$143
0
4
$14
0
6
Ищем мем-мейкера! Нужен человек, который умеет делать смешные мемы — картинки или видео (до 1 мин). Условия:. Оплата: 500 ₽ за 1 одобренный мем. В день нужно делать 2 мема. Оплата только за те мемы, которые мы одобрим. Работа удалённая, можно совмещать. Тема 18+ (массаж, СПА) Если умеешь делать вирусный,......
8 месяцев назад
0
1
Требуется дизайнер для разработки корпоративного шаблона либо целой серии для оклейки автомобилей. Требования: наличие подобных кейсов (разработка ливреи на авто). В сообщения присылайте, пожалуйста, примеры кейсов и стоимость ваших услуг. Потребность на регулярной основе....
8 месяцев назад
$4
0
18
0
6
$21
0
4
0
20
0
1
Задача:. — Отрисовка кейсов со скинами для CS в различных стилистиках. Базовая модель кейса в 3d есть, нужно добавлять туда пушки, разукрашивать, добавлять эффекты и различные элементы декора. Кого мы ищем:. — Дизайнера с опытом подобной работы, подтверждённым в портфолио. В идеале, именно кейсы для......
10 месяцев назад
0
0
leonardo-da-vinci-2. creator-spring....
10 месяцев назад
0
0
leonardo-da-vinci-2. creator-spring....
10 месяцев назад
Похожая удалённая работа
- Удаленная работа для веб-дизайнера
- Удаленная работа для дизайнера логотипов
- Удаленная работа для технического дизайнера
- Удаленная работа для дизайнера для создания фирменного стиля
- Удаленная работа для дизайнера векторной графики
- Удаленная работа для художника, иллюстратора
- Удаленная работа для дизайнера баннеров
- Удаленная работа для дизайнера иконок, пиксель арта
- Удаленная работа для дизайнера 3D графики
- Удаленная работа для дизайнера презентаций
- Удаленная работа для дизайнера интерьера
- Удаленная работа для промышленного дизайнера
- Удаленная работа для дизайнера интерфейсов
- Удаленная работа для дизайнера шрифтов
- Удаленная работа для дизайнера наружной рекламы
- Удаленная работа для рукодельника
- Удаленная работа для дизайнера 2D графики
Перетащите