Кейс Ruvision

Кейс по созданию сайта для инфобизнеса.
г. Челябинск

Привет, привет! Сегодня поговорим про компанию "Ruvision".
Задача: Создать редизайн сайта по продаже онлайн курсов для видеографов.

Было

На сайте компании Ruvision было много элементов. Они не привлекали взглядов. Он выглядит громоздко. Этот стиль не актуален на момент 2020 года.

Так же данные картинки не лучшим образом сочетаются между собой. Нет общего единства иконок. Иконка выполнены в 2D, а некоторые в 3D.


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

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

Если бы сейчас добавить несколько отступов...

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


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

Было бы удобней читать, если выделить номинации жирным шрифтом. Ну да ладно...
Ещё один спорный элемент сайта. На один экран поместились целых 3 разных блока.

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


Старый добрый подвал сайта. Выглядит сжато, как будто каждый сантиметр сайта стоит денег.

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

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

Показать ещё

Стало

Мы создали в общей сложности 11 страниц сайта. Там разместили информацию по категориям и под категориям.
Первый блок в нашем дизайне с фоновым видео от самой компании Ruvision.
Информацию о том, для кого эти курсы, мы разместили в удобных Tab'ах, которые сразу отражают суть содержимого.
Блоки собрались в кирпичики информации, из которых и строится весь сайт.
Анимация появления или например "параллакс" присутствует на нескольких блоках страницы.
Ruvision.pro
Анимация сайта Ruvision
Ruvision.pro
Анимация сайта Ruvision
Современные и трендовые анимации крутящихся текстов, а так же смена темного фона страницы на белую.
Разбитый текст на абзацы для удобства чтения. Так же придает воздушность сайту.
Анимация почти на каждом шагу. Но не просто динамика, а только при взаимодействии. Придает сайту интригу. Мало ли что там закрутится при наведении.
Фиксированный текст при скролле помогает читателю не потеряться в большом количестве информации.
И снова переход на другую цветовую гамму.
Список ближайших вебинаров оформлен в стиле табличек. Они отражают главную информацию о предстоящем мероприятии.
И снова ховер эффекты (анимация при наведении).
Карточки популярных курсов разделены на мини блоки. Это концентрирует взгляд на определенной информации.
Массивный блок с Пакетами предложений разграничены цветовой гаммой.
Новое оформление статей для СМИ и для внутренних публикаций.
Новое оформление кейсов студентов с кнопкой увеличения их количества.
Ruvision.pro
Анимация сайта Ruvision

Видео отзыв

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

Алексей

Левин

Ruvision

Хороший сайт делается месяц. Не затягивай с решением и сразу начинай с заполнения брифа.
Спасибо за внимание!