Дизайн та сторінки проєкту
Про проєкт
Інформація за замовником:
https://just-design.com.ua/
Замовник: Компанія по дизайну та виготовленню штор.
Локація: Україна
Про проект
Just Design надає послуги дизайну та пошиття штор на замовлення, виготовлення та встановлення систем захисту від сонця. Кожен команди, має досвід понад 10 років в оформленні квартир, будинків, готелів, терас, кафе, ресторанів.
Сайт проекту заснований на CMS ModX і створювався більше 5 років тому.
Зараз у більшості споживачів основним пристроєм є смартфони, тому будь-якому сайту потрібна адаптація під мобільні екрани. Вона впливає не лише на зручність використання, а й на показники SEO: знижується кількість відмов, покращуються поведінкові фактори, зростають позиції сайту у пошукових системах.
Перед нами постала задача оновлення Головної сторінки сайту по створеному дизайну.
Враховуючи все перераховане вище, ми приступили до реалізації верстки за дизайн проектом та впровадження адаптивності.
Роботи
-
Аналіз існуючого сайту:
- Перевірка структури HTML та CSS для з’ясування, як краще інтегрувати новий дизайн.
- Вивчення CMS ModX, на якій базується сайт, для забезпечення сумісності та ефективної інтеграції.
-
Верстка за допомогою HTML і CSS:
- Застосування нового дизайну до HTML-коду.
- Адаптація верстки для забезпечення коректного відображення на різних пристроях, зокрема на смартфонах.
-
Адаптивність під мобільні екрани:
- Впровадження медіа-запитів CSS для створення адаптивності на мобільних пристроях.
- Оптимізація інтерфейсу та розміщення контенту для зручного використання на смартфонах та планшетах.
-
Вирішення проблем з переробкою стилів:
- Аналіз існуючих стилів та їх переробка для відповідності новому дизайну.
- Виправлення конфліктів стилів та забезпечення їх взаємодії з новими елементами.
-
Тестування та оптимізація:
- Перевірка роботи сайту на різних браузерах та пристроях.
- Виправлення помилок та оптимізація швидкодії сайту.
-
Впровадження змін:
- Розгортання оновленого коду на сервері для публікації нової версії головної сторінки.
Дрібні доопрацювання
Сайт мав хороші показники доступності, тому в цьому напрямі покращень майже не потрібно. Було лише кілька багфіксів, на кшталт додавання префікса «tel» у посилання з телефонним номером або додавання описів у порожні кнопки.
Основною JS-бібліотекою є jQuery, тому всю нову функціональність було впроваджено з її допомогою.
Результати
Пророблена робота дозводяє Just Design підтримувати актуальність свого веб-простору, забезпечуючи зручний та ефективний інтерфейс для користувачів, незалежно від пристрою, яким вони користуються.
Почнемо з розмови
У вас — ідея.
У нас — рішення.
Кілька слів про бізнес і задачу. Обговоримо, який наступний крок буде корисним.