13 подписчиков
#услуги #вебинары #css #портфолио
Давно я не показывала свои новые работы по 💥ОФОРМЛЕНИЮ ДИЗАЙНА ВЕБИНАРНОЙ КОМНАТЫ (на платформе Bizon365) .
В этот раз оформляла новую комнату для заказчика, ставшего уже моим постоянным клиентом:) Очень приятно, когда твоя работа нравится и люди возвращаются со словами "ты уже боем проверенный кадр)))))".
————————————-
Заказчик:
Бизнес-академия Beauty Education
Задача:
1. Оформить вебинарную комнату по макету в Фигме.
2. Настроить кнопку "Розыгрыш", при нажатии на которую данные пользователей попадают в Гугл-таблицу, а та, в свою очередь, используется во время эфира для проведения жеребьевки. После нажатия кнопка меняет надпись на "Вы участвуете" и ее уже нельзя нажать повторно.
3. Адаптировать дизайн комнаты под разные устройства.
Что было сделано:
1. Изменила "шапку" вебинарной комнаты.
2. Заставку перед началом эфира оформляла послойно, чтобы избежать появления белых полос по краям на разных экранах. Именно наличие макета в Фигме позволяет разобрать заставку на слои и использовать их в верстке. Очень удобно!
3. Кнопки. Помимо обычных кнопок была добавлена кнопка "Розыгрыш". С помощью js_скрипта на нее был настроен необходимый функционал.
4. Изменила фон и форму границы чата, кнопку "Помощь" и ее всплывающую страницу, поле для ввода сообщений, плашки с именами модераторов, участников и сообщений в чате (в соответствующих цветах).
5. Выполнила адаптацию дизайна под моб. устройства.
Результат: стилизованная вебинарная комната, адаптированная под различные устройства. Кнопка для проведения розыгрыша в прямом эфире.
1 минута
21 декабря 2023