Видеохостинг QuTube.ru
5BROTHERS
О КОМПАНИИ
Эксклюзивный проект для мастера автомобильной оптики Дмитрия Кузьмина, который решил воплотить свой многолетний профессиональный опыт в виде собственного видеохостинга!
Проект проектировался и создавался "под ключ", по техническому заданию, включающему в себя каждую деталь и идею, обеспечивая дух и цели проекта QuTube.ru.
Разработан в 2023 году
Смотреть актуальный сайт
Что было сделано
Исследование и структура
- Анализ сценариев пользователей видеосервиса: поиск видео, просмотр каталога, переход на страницу ролика и взаимодействие с каналом.
- Проработка структуры платформы: главная лента, популярные каналы, поиск, карточка видео, страница просмотра и авторизация.
- Определение ключевых точек выбора: превью, название, автор, дата публикации, просмотры и релевантность запроса.
UX/UI-дизайн
- Создание прототипов главной страницы, видеокаталога и страницы просмотра ролика.
- Разработка тёмного интерфейса с фокусом на видеоконтент, крупные превью и простую навигацию.
- Проработка карточек видео, блока популярных каналов, поисковой строки, кнопок действий и комментариев.
- Адаптация интерфейса под удобный просмотр контента на разных разрешениях экрана.
Каталог и просмотр видео
- Разработка логики отображения видеоконтента: превью, название, канал, дата публикации и количество просмотров.
- Проработка страницы видео с плеером, описанием, автором, просмотрами, действиями и блоком комментариев.
- Создание сценариев поиска по запросу и перехода из каталога к просмотру конкретного ролика.
- Подготовка интерфейсных состояний для авторизации, пустых комментариев и пользовательских действий.
Backend и разработка
- Реализация логики хранения видео, каналов, описаний, просмотров, пользователей и комментариев.
- Настройка административной части для добавления роликов, управления каналами и редактирования контента.
- Интеграция frontend-интерфейса с поиском, видеокаталогом, страницей просмотра и системой авторизации.
- Подключение базовых действий пользователя: вход, регистрация, комментарии, лайк и отправка ссылки.
Результат
Qutube получил простой и понятный видеосервис для размещения, поиска и просмотра роликов.
- Пользователь может быстро найти нужное видео, перейти к просмотру и взаимодействовать с контентом.
- Страница ролика объединяет плеер, описание, автора, просмотры и комментарии в одном сценарии.
- Проект стал рабочей медиаплатформой с минималистичным интерфейсом и понятной структурой видеоконтента.