Разработка сайта “Гелиосистемы Украина”

1186

Задача

  • Создание сайта-визитки для компании “Гелиосистемы Украина”
  • Разработка дизайна с учетом актуальных трендов веб-дизайна
  • Возможность легко вносить изменения в содержимое страниц
  • Адаптивная верстка
  • Минимальное время загрузки страницы
  • “Зеленая зона” в PageSpeed Insights
  • Возможность задавать метатеги для каждой страницы сайта
  • Использование микроразметки в структуре сайта

 

Реализация

Дизайн

Проанализировав полученные от клиента материалы о продаваемой продукции (брошюры, презентации, информации об продукции и реализованных работах):

  • Разработали структуру сайта
  • Выделили основные логические информационные блоки
  • Разработали и согласовали макет
  • Разработали адаптивный дизайн всех страниц

Разработали фавиконы для всевозможных типов устройств.

Верстка

Сверстали адаптивно все станицы сайта соблюдая валидность согласно стандартам validator.w3.org. В “head” страницы у нас короме стандартных (title, description, robots) вошли метатеги, ориентированые на социальные сети.

Проверка метатегов для моциальніх сетей

Сгенерированы и внедрены всевозможные фавиконы. Валидация пройдена.

Валидация favicons

Внедрены микроформаты.

Для просчета приблизительной стоимости проекта для потенциального клиента были разработаны калькуляторы, базирующиеся на JavaScript с использованием jQuery - для максимально оперативного получения результата расчетов.

Для быстрой генерации страницы основная маса .css стилей и .js скриптов была помещена в подвал страницы.

Программирование

Для удобного управления содержимым страниц и быстрой работы сайта для программирования за основу взяли бесплатную CMS MODx.

Разработка велась ориентируясь на минимальное время ответа сервера:

  • Все картинки обрезаются до нужного размера и минимизируются
  • Все JavaScript скрипты минимизированы, объедены в один файл, асинхроно отдаются в HTML коде станиц
  • Все CSS стили минимизированы и отдаются одним запросом на сервер.
  • При работе CMS используется кэширование

Так же проведена настройка сервера, на котором:

  • Apache - регулирует исполнение PHP кода
  • Nginx - отвечает за отдачу статических файлов
  • Включено Gzip сжатие

Сам сервер остащен SSD дисками для увеличения скорости работы.

 

Результат

В результате получен веб-сайт “Гелиосистемы Украина

Представление веб-сайта

Разработка сайта “Гелиосистемы Украина”
Компания:
White Web lab
Добавлено:
25-07-2016
Перейти на сайт
Цены на сайты: разработка