Разработка сайта “Гелиосистемы Украина”
Задача
- Создание сайта-визитки для компании “Гелиосистемы Украина”
- Разработка дизайна с учетом актуальных трендов веб-дизайна
- Возможность легко вносить изменения в содержимое страниц
- Адаптивная верстка
- Минимальное время загрузки страницы
- “Зеленая зона” в PageSpeed Insights
- Возможность задавать метатеги для каждой страницы сайта
- Использование микроразметки в структуре сайта
Реализация
Дизайн
Проанализировав полученные от клиента материалы о продаваемой продукции (брошюры, презентации, информации об продукции и реализованных работах):
- Разработали структуру сайта
- Выделили основные логические информационные блоки
- Разработали и согласовали макет
- Разработали адаптивный дизайн всех страниц
Разработали фавиконы для всевозможных типов устройств.
Верстка
Сверстали адаптивно все станицы сайта соблюдая валидность согласно стандартам validator.w3.org. В “head” страницы у нас короме стандартных (title, description, robots) вошли метатеги, ориентированые на социальные сети.
Сгенерированы и внедрены всевозможные фавиконы. Валидация пройдена.
Внедрены микроформаты.
Для просчета приблизительной стоимости проекта для потенциального клиента были разработаны калькуляторы, базирующиеся на JavaScript с использованием jQuery - для максимально оперативного получения результата расчетов.
Для быстрой генерации страницы основная маса .css стилей и .js скриптов была помещена в подвал страницы.
Программирование
Для удобного управления содержимым страниц и быстрой работы сайта для программирования за основу взяли бесплатную CMS MODx.
Разработка велась ориентируясь на минимальное время ответа сервера:
- Все картинки обрезаются до нужного размера и минимизируются
- Все JavaScript скрипты минимизированы, объедены в один файл, асинхроно отдаются в HTML коде станиц
- Все CSS стили минимизированы и отдаются одним запросом на сервер.
- При работе CMS используется кэширование
Так же проведена настройка сервера, на котором:
- Apache - регулирует исполнение PHP кода
- Nginx - отвечает за отдачу статических файлов
- Включено Gzip сжатие
Сам сервер остащен SSD дисками для увеличения скорости работы.
Результат
В результате получен веб-сайт “Гелиосистемы Украина”
- Оценка PageSpeed Insights (95/100 - компьютеры, 91/100 - мобильные устройства)
- Микроразметка