• Сделать редизайн одностраничного сайта
• Разработать UX-прототип, который доносил бы до пользователей смыслы и продуктовую линейку
• Показать масштабность компании

UX-прототип
Рекдатирование текстов под веб-формат
Дизайн-концепция
Дизайн сайта
Верстка на Тильде

Формы сбора заявок

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

Май 2024

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

• Ряд блоков неинформативнен для пользователя / не закрывает задачу и запрос посетителя сайта. Любая лишняя информация на сайте влияет на конверсию, так как если пользователь не видит быстрого ответа на свой запрос – он уходит изучать информацию к конкурентам.
• Услуги вели на отдельные страницы, что затрудняет движение пользователя по сайту и негативно сказывается на лояльности. Вся ключая информация должна быть видна на экране, а не «прятаться» на отдельных страницах или показываться по кнопке.
• Сайт дает очень мало информации о компании, её преимуществах и сильных сторонах сотрудничества. Хотя VSporte сотрудничает с ведущими лидерами рынка (Яндекс, Триколор, Кинопоиск) и со спортивными лигами (ФНЛ, КХЛ и тд). Такой опыт работы нельзя прятать от потенциального заказчика.

В результате работы над прототипом, я вычленила нужные смыслы, разнесла их по блокам по системе AIDA и согласно знаниям о пользовательском опыте (как людям удобно по сайтам сёрчить).
Разработала линейку услуг:

• Путем согласования с заказчиком убрали ненужные / дублированные услуги;
• В каждой услуге крупно выделили основую задачу, которую нам можно делигировать;
• Тезисно обозначили объём выполняемой работы в рамках конкретной услуги;
• Кнопка для оставления заявки – обязательно!

• Навигация и контакты всегда перед глазами. Навигацию, соц.сети и кнопку «Оставить заявку» разместила в меню и закрепила на протяжении всего сайта. Фотографии, как быстрый способ передачи информации: спортсмены, камеры, спортивные поля, команда.
• Сразу видны направления работы. Так как компания специализируется на нескольких ключевых услугах, но не хотела делать сайт многостраничным, я выделила ключевые направления сразу под первым экраном – это сразу дает понять пользователю, сможет ли он найти решение для своей задачи у этой копмании. В качестве визуального решения была выбрана «решетка», которая видна в объективах камеры.
• Крупно показываем преимущества. После знакомства пользователя с компанием, демонстрируем преимущества цифрами и фактами. Здесь же демонстрируем логотипы известных компаний, с которыми сотрудничает VSporte — данные преимущества конкурентноспособны на рынке, их нельзя прятать
• Всю информацию по услугам разместили в одном блоке. При клике на «+» пользователю открывается подробная информация по выбранной услуге, не нужно переходить на отдельные страницы и ждать их загрузки.
• Дополнительные кейсы убрали под кнопку «Смотреть ещё», чтобы не делать сайт слишком длинным и сэкономить время при загрузке.
• Логотипы партнеров, компаний и команд, с которыми работает VSporte, разместила в статичном блоке, так как при анимации бегущей линии часть из них могла быть не замечена пользователем. При наведении на логотип появлялась его цветная версия.

• Все услуги в одном блоке, без перехода на другие страницы. Тексты в качестве тезисов для быстрого считывания. Всю информацию по услугам разместили в одном блоке. При клике на «+» пользователю открывается подробная информация по выбранной услуге, не нужно переходить на отдельные страницы и ждать их загрузки.
• Дополнительные кейсы убрали под кнопку «Смотреть ещё». Это не делать сайт слишком длинным и экономит время при загрузке.
• Демонстрируем, для кого снимала компания в статичном блоке (т.к. логотипов было много и в бегущей строке какие-то лого остались бы незамечены пользователем). При наведении на логотип появлялась его цветная версия.