Rate this fw-portfolio

Kunsht

Громадська організація «Куншт»

Про проєкт

Медіапортал для українського науково-популярного медіа “Куншт”, створений для популяризації науки через статті, подкасти, відео та події. Платформа оснащена особистим кабінетом користувача, пропонує різні варіанти підписки та надає доступ до ексклюзивних заходів для підписників.

Цілі проєкту

Основною метою стала розробка зручного та інтуїтивного дизайну особистого кабінету користувача. Також було важливо реалізувати функціонал сайту на основі публічної частини дизайну, наданого замовником. Окремим завданням стало забезпечення надійної та масштабованої платформи з можливістю подальшого розширення. Ще однією метою було створення зручного доступу до матеріалів для різних категорій користувачів.

Галузь

Науково-популярне медіа

Рік запуску

2023

Результат

Перейти на сайт

Виклики та завдання

Замовник стикався з кількома викликами, які вимагали комплексного підходу:

001

Реалізація публічної частини сайту

Потрібно було створити публічну частину ресурсу на основі дизайну, наданого замовником, з повним збереженням задумів та забезпеченням коректної адаптивності для різних пристроїв.

002

Розробка дизайну особистого кабінету

Інтерфейс особистого кабінету необхідно було створити з нуля. При цьому слід було врахувати сценарії взаємодії користувачів із підписками та матеріалами, забезпечивши інтуїтивну логіку роботи.

003

Система підписок із багаторівневим доступом

Важливим завданням стала розробка гнучкої системи підписок із різними рівнями доступу та можливістю подальшого розширення функціоналу.

Завдання для нашої команди

001

Розробка інтуїтивного дизайну особистого кабінету

Створити дизайн, який гармонійно поєднується зі стилем публічної частини сайту та забезпечує зручну навігацію для користувачів.

002

Розробка гнучкого та масштабованого функціоналу управління підписками

Передбачити можливість зміни плану, оновлення платіжної картки та скасування підписки без зайвих труднощів.

003

Надання доступу до ексклюзивних матеріалів

Забезпечити персоналізований доступ до контенту залежно від типу підписки користувача.

004

Функціонал взаємодії з контентом

Реалізувати можливість коментування статей і додавання матеріалів у розділ «Обране».

005

Інтеграція з платіжними сервісами

Налаштувати безпечну та стабільну інтеграцію з платіжними системами для зручності користувачів.

UX/UI дизайн

Проведено інтерв’ю з клієнтом для уточнення цілей проєкту, визначення цільової аудиторії, логіки підписок та сценаріїв взаємодії користувачів із сайтом.

Виконано аналіз схожих медіа та сервісів підписок для виявлення вдалих рішень і типових UX-помилок.

Розроблено дизайн особистого кабінету користувача з урахуванням отриманих даних та кращих практик.

Зміни, які були реалізовані

Розробка зручного дизайну особистого кабінету. Створено інтуїтивний та привабливий дизайн особистого кабінету, який відповідає стилю публічної частини сайту та забезпечує комфортну взаємодію користувачів з функціоналом.

Створення гнучкої системи підписок. Розроблено систему з можливістю змінювати тариф, оновлювати платіжну інформацію та скасовувати підписку, забезпечивши простоту та зручність управління.

Розробка адміністративної панелі. Створено панель адміністратора з великою кількістю кастомних функцій для ефективного управління контентом та налаштуваннями сайту.

Налаштування доступу до ексклюзивного контенту. Реалізовано систему, яка відкриває доступ до матеріалів залежно від обраного тарифного плану підписки.

Розширення функцій взаємодії з матеріалами. Додано можливість коментувати статті та додавати матеріали у розділ «Обране» для персоналізації досвіду користувача.

Інтеграція платіжних сервісів. Під'єднано сучасні та безпечні платіжні сервіси для зручної та швидкої онлайн-оплати.

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

Використані технології

Основою сайту став фреймворк Laravel, який забезпечує високу гнучкість розробки, надійність та масштабованість платформи. Розробка виконана мовою програмування PHP, що дозволяє реалізовувати складну бізнес-логіку та інтерактивний функціонал. Роботу сайту підтримує вебсервер Apache, відомий своєю стабільністю, безпекою та широкими можливостями налаштування.

Для зберігання та обробки даних використовується реляційна база MySQL, яка забезпечує високу швидкість виконання запитів і надійність зберігання інформації. Інтерфейс та візуальні елементи реалізовані з використанням HTML, CSS та JavaScript. Це дозволяє створити сучасний, адаптивний і зручний у користуванні дизайн. Для підвищення інтерактивності застосовано технологію Livewire, яка дає змогу оновлювати контент сторінки без повного перезавантаження.

Функціональні можливості сайту

Керування підпискою та акаунтом

01

Особистий кабінет користувача. Реалізовано зручний інтерфейс для керування підпискою, що дозволяє користувачам комфортно взаємодіяти з особистими налаштуваннями.
02

Зміна типу підписки. Надано можливість швидко змінювати тарифний план, оновлювати платіжну інформацію та скасовувати підписку без зайвих складнощів.
03

Доступ до ексклюзивного контенту. Забезпечено персоналізований доступ до матеріалів відповідно до рівня підписки користувача.

Робота з контентом та взаємодія

01

Коментування матеріалів. Додано функціонал, який дозволяє користувачам залишати відгуки та обговорення під статтями.
02

Додавання статей у «Обране». Користувачі можуть зберігати вподобані матеріали для швидкого доступу в майбутньому.
03

Інтеграція з платіжними сервісами. Забезпечена безпечна та зручна онлайн-оплата через популярні платіжні системи.
04

Фільтрація та пошук матеріалів. Реалізовано інструменти для швидкого пошуку контенту за типом, темою та форматом, що значно спрощує навігацію.