Разработка корпоративного сайта для SPILAND ТЕХНОНИКОЛЬ

ЗаказчикООО «ТЕХНОНИКОЛЬ-Строительные Системы«ЗадачаСпроектировать и разработать новый дизайн сайта для новой линейки продуктов от ТЕХНОНИКОЛЬ — субстраты из каменной ваты для выращивания растений торговых марок SPELAND и SPELAND ECO

06bcb76455e870a83a79c5371f6b3f05.jpg

Первый этап — Разработка структуры сайта

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

d323d232d4581c944d10a9e07faf5478.jpg

Наполнение страниц текстом

После согласования структуры приступили к наполнению страниц текстовым контентом.

adec01d0eb70215d3f0fe779cdd95c87.jpg

Второй этап — Дизайн-концепты

Дизайн-концептов у нас поначалу получилось много. В основном искали баланс в цветовых пропорциях и пробовали отходить по небольшим цветовым акцентам от фирменных, поэтому перебирали разные варианты.

9f4d8397d0dbffac53140b5c27d4f104.jpg

Согласование внутри студии

В результате обсуждений выбрали несколько вариантов, но перед этим определили, что необходимо в них доработать. В итоге подготовили для заказчика 3 дизайн-концепции, отправили на согласование.

7ab2aced30e09faedcdc40a370d8f53e.jpg

Выбор заказчика

Заказчик выбрал дизайн-концепт под номером 3. Но попросил подумать над третьим блоком и предоставить несколько вариаций. Так у нас родилось ещё три варианта.

1d5915c22228f105243908597520730d.jpg

Третий этап — Полный дизайн Главной

После ещё нескольких доработок и полного согласования дизайн-концепции перешили к разработке дизайна остальных блоков Главной страницы.

91cf8c8da03cca8ea3185681de4f59d4.jpg

Четвёртый этап — Прототип остальных страниц

На основе разработанного дизайна Главной страницы разработали детализированный прототип остальных страниц сайта. Согласовали с заказчиком.

72913f86c7b829a03bf14287edc7dbe7.jpg

Пятый этап — Дизайн всех страниц

После прототипирования всех страниц перешли к дизайну. Сделали, отправили заказчику. Согласовали.

df2b1ac0a66329ec2d792a752cffaea0.jpg

Шестой этап — Адаптивы и ТЗ для верстальщика

Продумали пользовательское взаимодействие и интерактивные элементы. Составили для верстальщика ТЗ. Отправили на вёрстку.

275abc0a9f76dc5aa3523f2df01e8eea.jpg

Седьмой этап — Вёрстка. Разработка. Тестирование

Сверстали все страницы, разработали функционал на CMS Битрикс. Провели тестирование на исправную работу сайта, его функционала, адаптивность.

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

Вычитали текст на сайте, проверили на орфографические и пунктуационные ошибки.

Восьмой этап — Наполнение сайта

Подготовили контент для наполнения страниц товаров, статей, видео, слайдеров.

26d0cce5cce02edb4a1db322b16d1c61.jpg

Заключительный этап — Передача проекта заказчику

Оптимизировали производительность страниц и ускорили загрузку, настроили админ-панель, написали инструкцию, сдали проект заказчику.

2b5a2d85964292efb9ec3d8ca304ad96.jpg

Хотите чтобы в ваш проект погрузились также, оставьте заявку!

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

Полный текст статьи читайте на CMS Magazine прочитано 1129 раз