Пару слов о компании. Компания работает с 1997 года оказывают услуги крупным промышленным предприятиям Северо-Западного региона России. 

Разбиваем задачи на более мелкие:

• Задача первая, сформировать визуальный образ и создать сайт промышленного предприятия, то есть сделать проект, выдержав строгий корпоративный стиль, который будет понятен заказчикам;
• Второй задачей стало разработать корпоративный раздел внутри сайта, доступный лишь для сотрудников данного предприятия;
• Задача три, рассказать возможным заказчикам о многочисленных типах услуг, которые может предоставить группа компаний.

Для реализации задач использовались:

• CSS3 и HTML5
• Bootstrap 3
• Функционал реализован на PHP

НАЧАЛО

Первым делом разрабатываем прототип и макет проекта, делаем наброски на бумаге, отметаем несколько вариантов и после непродолжительного мозгового штурма родился вариант макета в черно белом варианте. Отправляем макет на согласование заказчику, через некоторое время получаем поразительный ответ. Заказчика практически все утроило, лишь небольшие корректировки.

Маленький совет - первым делом делайте макеты сайтов, для этого можно использовать различные инструменты (их очень много), это сэкономит массу времени и нервов на последующих этапах разработки. 

ЭТАП ВТОРОЙ, ДИЗАЙН

Макет утвержден, пришла очередь дизайнера. По готовому макету дизайнеру не придаться изобретать велосипед и продумывать мелкие детали, которые уже были в макете. Опять же макет сэкономит время на разработку дизайна, что даст разработчику небольшую фору по времени.

В результате, дизайнер представил вариант главной страницы через несколько дней. Отправляем заказчику и ждем ответ. Дизайн приняли с первой попытки с достаточным количеством изменений. 

Дизайн внутренних страниц. Используем ту же схему что и с главной страницей, сначала макет затем дизайн, но тут уже легче.

ТРЕТЬИЙ ЭТАМ, РАЗРАБОТКА

Дизайн всех страниц был готов и согласован. Программист и верстальщик справились за пару дней, дело техники.

АДАПТИВНОВСТЬ

Еще одной из задач, поставленной заказчиком, стала адаптивная верстка. Сайт должен был корректно отображаться на всех разрешениях и устройствах. В этом нам помогла верстка Bootstrap. Ничего сложного, технические моменты не более, небольшие корректировки CSS и проект одинаково привлекательно выглядит как на огромных экранах, так и на маленьких смартфонах. 

СКОРОСТЬ ЗАГРУЗКИ И ОПТИМИЗАЦИЯ

Последнее время все больше внимания поисковые машины (ПС) уделяют скорости загрузки и оптимизации сайта. Не стоит забывать, чем быстрее грузиться сайт, тем выше он ранжируется в выдаче ПС (косвенное влияние конечно). Нерадивые разработчики часто об этом забывают или просто закрывают глаза.

На оптимизацию этого проекта ушло еще несколько дней. Основным инструментом выступал PageSpeed Insights и PageSpeed Google. Результаты представлены ниже: 

Хочется поблагодарить заказчика проекта за конструктивный диалог во время работы! 
Для Вас трудились - Webest создание и продвижение сайтов

Перейти на сайт