Верстка сайта “Инферит облако”

1.

22
22
22
ВЕРСТКА САЙТА “ИНФЕРИТ ОБЛАКО”
ПРОБЛЕМЫ И РЕШЕНИЯ

2.

22
22
ПРОБЛЕМЫ
Голый код c выводом базового
функционала
Отсутствие компонентов!
Невнятная админка
Некачественная верстка
Тормоза. Медленные конструкторы
Плохая оптимизация
Интеграция с другими сервисами и
услугами компании
Гибридная верстка
Отсутсвие гибкости управления
Замудренные решения
22

3.

22
22
22
РЕШЕНИЕ 1
Wordpress Gutenberg + ACF Pro + Код/ плагины: Spectra, Generate Press и.т.д.
ПЛЮСЫ:
1.
На базе любой быстрой темы.
МИНУСЫ:
1.
Дольше верстка.
2. Расширение возможностей с
2. Сложнее в управлении, чем
3. Легкий сайт, почти бесконечная
3. Сложнее управление в целом и
помощью плагина ACF Pro
кастомизация.
4. Быстрый сайт.
конструктор.
локально : добавление новых блоков,
копирование, вставку и.т.д.
4. ??? Отстутсвие компонентов

4.

22
22
РЕШЕНИЕ 2
Wordpress + Современный конутруктор + JetEngine
ПЛЮСЫ:
1.
Визуальная верстка. Блочная верстка.
МИНУСЫ:
1.
Возможные глюки.
2. Удобство управления.
2. Сложнее в оптимизации.
3. Быстрая, кастомизация, создание и
3. Возможные проблемы с
управление шаблонами, блоками,
сайтом в целом.
4. Создание компонентов. Очень важно!
5. Быстрый сайт.
интеграциями.
22

5.

22
22
22
КОМПОНЕНТЫ
Конструктор + Компоненты
Для реализации сайта с выше 100 страниц, сложным контентом, решение – компоненты!
Компоненты позволяют сохранять блоки для их последующего копирования на другие
страницы с тем же визуальным стилем, но разным контентом.
ПЛЮСЫ:
1. Позволяет разом во всех блоках данного компонента менять стиль, тем самым, он
меняется на всех старницах, где есть данный компонент, при этом не затрагия контент
данного блока.
2. Самый огромный + изменения стиля для адаптивных экранов.
3. Меньше проблем на аудите верстки и SEO-проблемы.

6.

22
22
22
22
Тел: +8 967 986 57 45
E-mail: [email protected]
Адрес: Пушкин Стрит,
Зимбабва 26
ПРЕМУЩЕСТВА “ИНФЕРИТ
ОБЛАКА”
1. Гибкость в настройке.
2. Бесконечные ресурсы.
3. Скорость и стабильность.
4. Эффективность.
22
ГЛАВНАЯ
Слайдер или карусель.
Просто блок с текстом или
список важных преимуществ
22
КАКОЙ-ТО ВАЖНЫЙ
КОНТЕНТ САЙТА
Дублируем на разные
страницы
КОМПОНЕНТ
КОНТАКТЫ
ПРИМЕР

7.

22
22
ПРОБЛЕМА
Решили визуально улучшить компонент
Было
Стало
КАКОЙ-ТО ВАЖНЫЙ
КОНТЕНТ САЙТА
Слайдер или карусель.
Просто блок с текстом или
список важных преимуществ
Слайдер или карусель.
Просто блок с текстом или
список важных преимуществ
22
КАКОЙ-ТО ВАЖНЫЙ
КОНТЕНТ САЙТА
22
22

8.

22
22
Слайдер или карусель.
Просто блок с текстом или
список важных преимуществ
22
Тел: +8 967 986 57 45
E-mail: [email protected]
Адрес: Пушкин Стрит,
Зимбабва 26
22
ГЛАВНАЯ
КАКОЙ-ТО ВАЖНЫЙ
КОНТЕНТ САЙТА
Дублируем на разные
страницы
ОБНОВЛЕННЫЙ КОМПОНЕНТ
КОНТАКТЫ
ИЗМЕНЕНИЯ. ПРИМЕР
ПРЕМУЩЕСТВА “ИНФЕРИТ
ОБЛАКА”
1. Гибкость в настройке.
2. Бесконечные ресурсы.
3. Скорость и стабильность..
22
22

9.

22
22
22
ЧТО ЭТО НАМ ДАЕТ?
1. Моментальное изменение стиля, структуры блока без влияния на его контент.
2. Нет потери трафика от кривой верстки или других проблем с блоком.
3. Самое главное. Если блок копируется 30 раз на разные страницы, то мы разом
решаем проблему на всех 30-ти страницах.

10.

22
22
22
ФИНАЛ
1. Точно не надо использовать старые, древние и тяжелые конструкторы, какими бы они
крутыми не были (elementor, divi и.т.д.). Они очень сильно тормозят сайт и с этим
ничего не сделаешь. + Они очень глючные. Обрастаяю не тем функционалом, который
нужен клиентам.
2. Обязательно нужны компоненты или что-то, что будет выполнять ту же функцию
паттернов.
3. Никаких быстрых путей верстки, которые принесут явные проблемы.

11.

22
22
УЖАС НА МОБИЛКЕ
КРАСОТА НА ДЕСКТОПЕ
КАКОЙ-ТО ВАЖНЫЙ
КОНТЕНТ САЙТА
22
КАКОЙ-ТО
ВАЖНЫЙ
КОНТЕНТ САЙТА
22
Слайдер или карусель.
Просто блок с текстом или
список важных преимуществ
22
Слайдер или
карусель. Просто
блок с текстом или
список важных
преимуществ
И нет, разные SVG-рамки для разных девайсов – не решение проблемы. Нам нужно, чтобы на
всех девайсах оформление и контент выглядели красиво и аккуратно. Клиент может зайти с
любого устройства и должен увидеть качественный результат верстки, а не собранный на
коленках за 5 минут сайт. Это влияет на имидж бренда и SEO-показатели, трафик, стопорит
работу над другими страницами сайти и продвижение бренда на рынке, подрывает
авторитет компании!