- 1. Знакомство с проектом и разбор задачи
- 2. Разработка дизайна сайта
- 3. Верстка и наполнение сайта
Знакомство с проектом и разбор задачи
Перед разработкой технического задания, мы встретились с руководителем отдела продаж и директором компании. Исходя из диалога, было выделено 5 основных услуг и общая информация о них:
1. Изготовление металлоконструкций
2. Изготовление точного крепежа
3. Металлообработка
4. Ремонт и восстановление металлообрабатывающего оборудования
5. Токарные работы
Плюсом надо было рассказать о производственном процессе, рассказать об оборудовании, которое используется на предприятии.
Компанией было реализовано уже большое количество заказов, поэтому надо было выделить отдельную страницу под это.
По итогу получилась следующая структура сайта:
Для работы нам необходимо было собрать следующий перечень контента:
● в первую очередь фотографии с производства
● фотографии готовой продукции
● информация по выполненным работам:
— Название компании
— Срок работы
— Стоимость работы
— Список выполненных работ
— Чертежи изделия и фото выполненных изделий
— Отзыв компании
● Сертификаты и лицензии
● Список клиентов
Разработка дизайна сайта

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




Были разработаны макеты для мобильной версии сайта для корректного отображения на смартфонах:



