Сайт мебельной компании
Компания Dream Decor создает мебель на заказ для физических и юридических лиц в Москве. Конкуренция очень большая, поэтому нужен быстрый современный сайт с фотогалереей и лентами новостей. Проект был создан с применением последней версии фронтенд-фреймворка UIkit 3, который позволяет создавать сложнейшие проекты, соответствующие современным стандартам.
Задачи
- Оценить работу имеющегося сайта.
- Выявить возможные проблемы и исправить.
- Внести необходимые изменения в структуру сайта.
- Ускорить загрузку, оптимизировать формат представления информации.
- Дать рекомендации по улучшению проекта.
Что вышло
Проект был создан недавно и имел ряд проблем. Во-первых, кодировка не позволяла сайту корректно индексироваться, часть символов на страницах не отображалась. Во-вторых, верстка табличная (!!!), при этом "немного" адаптивная. В-третьих, большинство элементов сайта невозможно редактировать из административной панели — все захардкодили.
Ключевой элемент данного сайта — фотогалерея. Обновление изображений старой галереи требовало ручной вставки длинной html-разметки, что для конечного пользователя трудно.
В итоге: сайт не индексируется и не может быть исправлен собственными силами владельцев, верстка в стиле 1997 года, критические проблемы с кодировкой в базе данных и коде, трудоемкий процесс обновления фотографий. Скорость загрузки сайта: 26 дя мобильных устройств, 54 для ПК. Рентабельность доработки низкая, поэтому кладем старый сайт на полку.
Сайт самостоятельно определяет устройство пользователя и выдает соответствующую версию сайта. Мобильная версия является отдельным очень легким вариантом.
Так мобильная версия выглядит на IPad.
Для экономии времени посетителя было решено встроить наглядное мега-меню, включающее слайдер с изображениями реализованных проектов. Тем же целям служат AJAX-поск с выдачей результатов на лету и AJAX форма обратной связи. Таким образом, первый экран сайта способен ответить на большинство вопросов, возникающих у посетителя сайта. Следующие блоки главной страницы дают расширенную информацию о компании и условиях сотрудничества.
