2023
UI/UX design
Frontend
Backend
SEO
PWA
Ebashing-Time
Ebashing time — центр трансформации, основанный фитнес-тренером, коучем и просто хорошим человеком Марией Норик, где девушки могут приобрести курсы по прокачке своего тела, исцеляющему питанию, а также спортпитам и бадам.
ebashing-time.comЦель
Разработать сайт, который увеличит количество
продаж курсов и поможет клиентам в выборе нужного продукта
Задачи
- Продумать и разработать яркий продающий дизайн
- Сделать оплату через эквайринг и подключить рассрочку
- Разработать простую, но функциональную структуру
- Организовать помощь клиенту с выбором продукта
- Добавить функциональную админ-панель
Дизайн
Дизайн сайта разрабатывался исходя из пожеланий заказчицы, которая предоставила примеры сайтов, а также
примерную цветовую палитру. Опираясь на задачу сделать сайт ярким и продающим, было принято решение
использовать яркий заметный градиент в контрасте с черным и белым фонами, а также не менее заметные
мотивационные фотографии самой Марии Норик
Особенности Frontend
Для обеспечения оптимальной работы и быстрой загрузки сайта, использовался инструмент GULP, который помогает оптимизировать размер файлов JavaScript, CSS и изображений. Таким образом, сайт успешно функционирует на различных устройствах, включая мобильные телефоны, планшеты и компьютеры. Адаптивный дизайн позволяет сайту выглядеть привлекательно на любом устройстве и обеспечивать пользователю комфортное взаимодействие с интерфейсом. Также в адаптиве на различные устройства были внесены изменения в структуру сайта, чтобы обеспечить его функциональность на разных экранах.
01
Загрузка
Для сайта был разработан прелоадер, который способствует созданию более плавного и динамичного пользовательского опыта, улучшая восприятие загрузки страницы и сокращая время ожидания для пользователей.
02
Страница курса
Первый блок курса расположен таким образом, чтобы занимать всю доступную высоту экрана. Градиент используется для создания анимации на всех элементах, где он применяется. Задний фон декорирован фотографией, которая создает эффект параллакса.
Особенности Backend
Этот веб-сайт построен на платформе WordPress. В панели администратора возможно редактировать тексты, изображения, создавать новые страницы и программы. Создание новых программ осуществляется с помощью универсального конструктора. Если в одной программе требуется определенный блок, но он не требуется в другой программе, то этот блок может быть легко удален на новой странице. Некоторые блоки имеют заданный контент по умолчанию. Они отображаются на всех страницах в исходном виде, но при необходимости можно заменить их содержимое для конкретной страницы. В админ-панели отображаются все успешные и неуспешные покупки курсов.
01
Личный кабинет
В личном кабинете имеется возможность загрузить фотографию, указать свое имя и фамилию, указать адрес электронной почты и подписаться на рассылку новостей. Кроме того, в личном кабинете отображаются купленные программы, и можно приобрести недостающие.
02
Оформление заказа
При покупке курсов есть несколько вариантов оплаты. Доступные методы платежа зависят от того, выбрана ли оплата из России или зарубежья. Если заказ сделан из России, то можно оплатить картой, воспользоваться рассрочкой через Тинькофф, оплатить долями или сделать оплату через менеджера. В админ-панели отображются все успешные и неуспешные покупки курсов, так что менеджеры могут связаться с покупателями, у которых возникли проблемы с платежом.
CMS – Wordpress
WordPress - это бесплатная и популярная система управления контентом (CMS), которая используется для создания и управления различными типами веб-сайтов. Основные особенности WordPress включают гибкость, расширяемость, простоту использования. WordPress предоставляет возможности для создания блогов, интернет-магазинов, корпоративных сайтов и других онлайн-проектов.
Следуя вышеизложенному WordPress прекрасно подходит для создания этого веб-сайта. Оплата за курсы, блог, личный кабинет и подписка на новости успешно функционируют благодаря использованию WordPress.
Следуя вышеизложенному WordPress прекрасно подходит для создания этого веб-сайта. Оплата за курсы, блог, личный кабинет и подписка на новости успешно функционируют благодаря использованию WordPress.
Мария Норик – основательница центра трансформации
Ebashing-Time
Оценка заказчика 5 /5