BritTherm Limited
Про проєкт
BritTherm Limited — сайт компанії, яка спеціалізується на енергоефективних опалювальних та водопостачальних рішеннях. Компанія займається розробкою, виробництвом та постачанням сучасних систем опалення для побутового та комерційного використання. Сайт є платформою для представлення продуктів компанії, має сертифікати відповідності ISO та слугує для інформування клієнтів про асортимент і послуги.
Цілі проєкту
Старий сайт був створений розробниками, які використовували неякісні модулі, придбані на неперевірених ресурсах. Це призводило до вразливостей у системі. Код сайту був недопрацьований, що ускладнювало його функціональність. Основною метою стало виведення сайту в робочий стан, оновлення дизайну та функціоналу. Також важливо було забезпечити конкурентоспроможність на ринку.
Виклики та завдання:
Застарілий дизайн старого сайту.
Старий сайт не відповідав сучасним вимогам дизайну та не був зручним для користувачів. Потрібно було оновити його до актуального вигляду, щоб покращити досвід користувачів та адаптувати його під сучасні тренди.
Вразливість системи.
Ресурс був побудований на основі неякісних модулів, що містили безліч вразливостей. Це ставило під загрозу безпеку та стабільність роботи сайту. Треба було оновити систему та замінити вразливі компоненти на безпечніші та надійніші.
Недостатній функціонал сайту та обмеження керування.
Попередній сайт мав обмежений функціонал, який ускладнював управління контентом та товарами. Це вимагало розширення можливостей для адміністратора сайту, а також покращення структури управління та пошуку.
Завдання для нашої команди:
Розробка та оновлення дизайну сайту
Створити новий, сучасний дизайн, що відповідає актуальним вимогам користувачів та брендовим стандартам. Забезпечити адаптивність і зручність інтерфейсу на різних пристроях.
Розширення функціональності карток товарів
Розширити функціональність карток товарів, додавши можливість вставки відео, детальних описів, характеристик та інших параметрів. Це дасть змогу надавати користувачам більш повну інформацію про продукцію, що покращить їхній досвід і полегшить прийняття рішення про покупку.
Оновлення структури категорій та побудови сайту
Переробити структуру категорій товарів для забезпечення зручності навігації та швидкого доступу до потрібної інформації. Реалізувати інтуїтивно зрозумілу систему підкатегорій.
Доопрацювання пошуку та топових товарів
Удосконалити систему пошуку на сайті для швидкого знаходження товарів. Також додати можливість відображення ТОП товарів на головній сторінці.
Оновлення модулів та безпеки сайту
Оновити старі модулі та забезпечити максимальний рівень безпеки для сайту, усунувши всі вразливості та інтегрувавши актуальні технології захисту.
UX/UI дизайн:
Оновлення сайту проводилося на основі запитів клієнта з адаптацією до сучасних стандартів дизайну. Було проведено аналіз потреб цільової аудиторії та конкурентів для створення зручного й привабливого інтерфейсу.
Зміни, які були реалізовані:
Розроблено новий, сучасний дизайн сайту. Було створено стильний та адаптивний вебресурс, що відповідає сучасним вимогам UI/UX-дизайну та враховує корпоративну айдентику для забезпечення впізнаваності бренду.
Додано нові функціональні можливості для сайту. Інтегровано нові функції, які покращують користувацький досвід та забезпечують зручність у використанні ресурсу.
Реалізовано пошукову систему. Впроваджено зручну та швидку пошукову систему. Вона дозволяє користувачам швидко знаходити необхідну інформацію та продукти на сайті.
Додано можливість вставки відео на картки товарів. Інтегровано функцію для завантаження відео на картки товарів. Це дозволяє наочно продемонструвати продукцію та покращує взаємодію з користувачами.
Розроблена нова структура побудови каталогу та кастомного управління посиланнями. Змінена структура категорій і підкатегорій для зручної навігації.Також впроваджено кастомне управління посиланнями для полегшення роботи з контентом.
Оптимізовано сайт і оновлено модулі до безпечних версій. Покращено роботу сайту шляхом оновлення модулів до останніх версій з виправленими вразливостями, що підвищило безпеку ресурсу.
Оптимізовано SEO запити для поліпшення видимості в пошукових системах. Внесено зміни, які дозволяють покращити індексацію сайту в пошукових системах та підвищити його видимість для потенційних користувачів.
Використані технології:
Сайт розроблений на CMS OpenCart з використанням мови програмування PHP та компілятора Twig. Сайт працює на сервері Apache, дані зберігаються в базі MySQL. Додатково застосовувалися HTML, CSS та JavaScript для реалізації дизайну та інтерактивних елементів.
Функціональні можливості сайту:
Сайт має ряд професійних функціональних можливостей для зручності користувачів:
-
01
Пошук по товарах: інтегрована зручна пошукова система для швидкого знаходження товарів за назвою чи характеристиками.
-
02
Форма заявки на вакансію: оновлений функціонал подання заявок на вакансії з поліпшеною структурою для зручності кандидатів.
-
03
Форма “Register a guarantee”: розширена форма реєстрації гарантії з унікальним номером заявки, що дозволяє користувачам швидко реєструвати товар і отримувати підтвердження.
Каталог, картка товару
-
01
Оновлена структура категорій: реалізовано нову логіку побудови категорій з можливістю переходу до підкатегорій, що спрощує навігацію для користувачів.
-
02
Керування ТОП товарами: можливість додавати та редагувати ТОП товари з ручним виводом на головну сторінку для акценту на ключових позиціях.
-
03
Розширений опис товарів: додано можливість додавати детальні описи, технічні характеристики та відео. Це покращує користувацький досвід і дає повну інформацію про продукт.
Результати:
Оновлений сучасний дизайн сайту
Сайт отримав новий візуальний стиль, який відповідає сучасним трендам UI/UX-дизайну та підвищує привабливість ресурсу для користувачів.
Покращена система безпеки та оновлення модулів
Усі застарілі модулі були оновлені. Це забезпечило стабільну роботу сайту та захист від вразливостей.
Функціональна адміністративна система
Реалізовано зручне керування контентом, яке дозволяє самостійно редагувати сторінки, додавати нові товари та оновлювати інформацію без залучення розробників.
Розроблена логіка керування ТОП продуктами
Впроваджено новий механізм керування ТОП товарами з можливістю ручного налаштування виводу на головну сторінку.
Зручна категоризація товарів
Оптимізовано структуру категорій та підкатегорій, що спрощує навігацію сайтом та пришвидшує пошук потрібної продукції.
Кастомне управління хедером
Створено індивідуальну систему керування головним меню та блоками хедера для гнучкого налаштування структури сайту.
Команда проєкту:
-
UX/UI дизайнер
-
Front-end розробник
-
Back-end розробник
-
QA
-
PM
