Kunsht
Общественная организация «Куншт»
О проекте
Медиапортал для украинского научно-популярного медиа "Куншт", созданный для популяризации науки через статьи, подкасты, видео и события. Платформа оснащена личным пользовательским кабинетом, предлагает различные варианты подписки и предоставляет доступ к эксклюзивным мерам для подписчиков.
Цели проекта
Основной целью стала разработка удобного и интуитивного дизайна личного пользовательского кабинета. Также важно реализовать функционал сайта на основе публичной части дизайна, предоставленного заказчиком. Отдельной задачей стало обеспечение надежной и масштабируемой платформы с возможностью дальнейшего расширения. Еще одной целью было создание удобного доступа к материалам для разных категорий пользователей.
Вызовы и задания
Реализация публичной части сайта
Требовалось создать публичную часть ресурса на основе дизайна, предоставленного заказчиком, с полным сохранением замыслов и обеспечением корректной адаптивности для различных устройств.
Разработка дизайна личного кабинета
Интерфейс личного кабинета нужно было сделать с нуля. При этом следует учесть сценарии взаимодействия пользователей с подписками и материалами, обеспечив интуитивную логику работы.
Система подписок с многоуровневым доступом
Важной задачей стала разработка гибкой системы подписок с разными уровнями доступа и возможностью дальнейшего расширения функционала.
Задачи для нашей команды
Разработка интуитивного дизайна личного кабинета
Создать дизайн, гармонично сочетающийся со стилем публичной части сайта и обеспечивающий удобную навигацию для пользователей.
Разработка гибкого и масштабируемого функционала управления подписками
Предусмотреть возможность изменения плана, обновления платежной карты и отмены подписки без лишних затруднений.
Предоставление доступа к эксклюзивным материалам
Обеспечить персональный доступ к контенту в зависимости от типа подписки пользователя.
Функционал взаимодействия с контентом
Реализовать возможность комментирования статей и добавления материалов в раздел «Избранное».
Интеграция с платежными сервисами
Настройка безопасной и стабильной интеграции с платежными системами для удобства пользователей.
UX/UI дизайн
Проведено интервью с клиентом для уточнения целей проекта, определения целевой аудитории, логики подписок и сценариев взаимодействия пользователей с сайтом.
Проведен анализ подобных медиа и сервисов подписок для обнаружения удачных решений и типичных ошибок UX.
Разработан дизайн личного пользовательского кабинета с учетом полученных данных и лучших практик.
Изменения, которые были реализованы
Разработка удобного дизайна личного кабинета. Создан интуитивный и привлекательный дизайн личного кабинета, отвечающий стилю публичной части сайта и обеспечивающий комфортное взаимодействие пользователей с функционалом.
Создание гибкой системы подписок. Разработана система с возможностью изменять тариф, обновлять платежную информацию и отменять подписку, обеспечив простоту и удобство управления.
Создание административной панели. Создана панель администратора с большим количеством кастомных функций для эффективного управления контентом и настройками сайта.
Настройка доступа к эксклюзивному контенту. Реализована система, которая открывает доступ к материалам в зависимости от выбранного тарифного плана подписки.
Расширение функций взаимодействия с материалами. Добавлена возможность комментировать статьи и добавлять материалы в раздел «Избранное» для персонализации опыта пользователя.
Интеграция платежных сервисов. Подключены современные и безопасные платежные сервисы для удобной и быстрой онлайн-оплаты.
Оптимизация скорости работы сайта. Выполнена комплексная оптимизация, благодаря которой сайт достиг высоких показателей скорости загрузки и стабильности работы.
Использованные технологии
Основой сайта стал фреймворк Laravel, обеспечивающий высокую гибкость разработки, надежность и масштабируемость платформы. Разработка выполнена на языке программирования PHP, что позволяет реализовывать сложную бизнес-логику и интерактивный функционал. Работу сайта поддерживает вебсервер Apache, известный своей стабильностью, безопасностью и широкими возможностями настройки.
Для хранения и обработки данных используется реляционная база MySQL, обеспечивающая высокую скорость выполнения запросов и надежность хранения информации. Интерфейс и визуальные элементы реализуются с использованием HTML, CSS и JavaScript. Это позволяет создать современный, адаптивный и удобный дизайн. Для повышения интерактивности применена технология Livewire, позволяющая обновлять контент страницы без полной перезагрузки.
Функциональные возможности сайта
Управление подпиской и аккаунтом
-
01
Личный пользовательский кабинет. Реализован удобный интерфейс управления подпиской, что позволяет пользователям комфортно взаимодействовать с личными настройками.
-
02
Смена типа подписки. Дана возможность быстро изменять тарифный план, обновлять платежную информацию и отменять подписку без лишних сложностей.
-
03
Доступ к эксклюзивному контенту. Обеспечен персонализированный доступ к материалам в соответствии с уровнем подписки пользователя.
Работа с контентом и взаимодействие
-
01
Комментирование материалов. Добавлен функционал, позволяющий пользователям оставлять отзывы и обсуждения под статьями.
-
02
Добавление статей в «Избранное». Пользователи могут хранить понравившиеся материалы для быстрого доступа в будущем.
-
03
Интеграция с платежными сервисами. Обеспечена безопасная и удобная онлайн-оплата через популярные платежные системы.
-
04
Фильтрация и поиск материалов. Реализованы инструменты для быстрого поиска контента по типу, теме и формату, что значительно упрощает навигацию.
Результаты
Полноценный медиапортал с системой подписок
Реализован полноценный медиапортал, включающий личные кабинеты пользователей и гибкую систему подписок.
Гибкая и масштабируемая архитектура
Создана гибкая архитектура сайта, которая обеспечивает возможность легкого расширения функционала в будущем.
Удобный интерфейс управления подпиской
Разработан интуитивный интерфейс управления подпиской, позволяющий изменять тарифные планы, отменять подписку и обновлять платежные данные.
Улучшенная навигация по контенту
Оптимизирована структура сайта и внедрена эффективная фильтрация, что способствует удобному и быстрому поиску материалов и повышает глубину просмотра.
Высокая производительность сайта
Обеспечена стабильная работа ресурса с высокой скоростью загрузки и обработки данных.
Команда проекта
-
UX/UI дизайнер
-
Front-end разработчик
-
Back-end разработчик
-
SEO (партнеры)
-
QA
-
PM
Предыдущий проект
