Концепт: корпоративный сайт инженерной компании «Север»

Описание

Разработала концепт корпоративного сайта инженерной компании «Север»: дизайн и адаптивную вёрстку двух страниц на HTML и CSS с общим файлом стилей — главной и страницы услуги «Вентиляция». Главная включает первый экран с фото, заголовком, кнопками и цифрами, карточки услуг, преимущества, проекты и форму расчёта. Страница услуги содержит хлебные крошки, цену, сроки, шаги, таблицу цен и блок заявки. Без реального заказчика.

Решение

— Спроектировала дизайн двух страниц сайта инженерной компании «Север».
— Сверстала главную страницу: верхнюю строку с регионом и часами работы, закреплённую шапку с меню и телефоном, первый экран с фото, заголовком, двумя кнопками и четырьмя цифрами, 6 карточек услуг, блок преимуществ с фото, 3 карточки проектов и форму расчёта с полями (имя, телефон, тип объекта, площадь, задача) и согласием на обработку данных.
— Сверстала страницу услуги «Вентиляция»: хлебные крошки, шапку с плашками цены «от», срока и гарантии, 4 шага работы, таблицу цен и закреплённый боковой блок заявки.
— Написала общий CSS-файл для обеих страниц.
— Сделала адаптив под ПК, планшет и телефон: на телефоне меню сворачивается в кнопку, услуги и проекты в одну колонку, кнопки на всю ширину, боковой блок заявки уходит под контент.

Результат

Сверстала концепт без реального заказчика, поэтому метрик эффективности нет. Вёрстка адаптивная под ПК, планшет и телефон. Код организован в общем CSS-файле.

Презентация проекта