Этапы разработки:

1 Составление ТЗ

2 Прототипирование

3 Дизайн страниц

4 Разработка иконок,иллюстраций

5 Вёрстка, анимация

6 Интеграция

Прототипирование

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

После сбора информации приступили к разработке прототипов страниц. Процесс разработки занял порядка семи дней.

Дизайн

Утвердив прототип и все переходы по страницам приступили к дизайну. Первым делом разработали пример главной и одной внутренней страницы. Макет верстался по 12 колончатой сетке Twitter Bootstrap 3 (что в дальнейшем упростило задачу верстальщакам). После незначительных правок и доработок продолжили разрабатывать дизайн остальных страниц. Процесс разработки дизайна был интересен тем, что для каждой страницы сайта разрабатывался уникальный дизайн с использованием инфографики, иллюстраций, иконок.

Главная страница

Второстепенные страницы

 

Разработка иконок, иллюстраций

Параллельно с дизайном приступили к разработке фирменных иконок и иллюстраций.

Набор иконок «Продукция»

Примеры иллюстраций

Вёрстка, анимация

Сайт свёрстан на фреймворке Twitter Bootstrap 3, тем самым ему обеспечивается кроссбраузерность, чистота кода и адаптивность.

Интеграция

На заключительном этапе, к разработанному на Bitrix сайте подключается готовая вёрстка.

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