Добрый день!
Необходимо разработать дизайн для landing page.
Сроки: 4 5 дней
Ниже находится задание на дизайн:
Название компании ООО Лаборатория строительных технологий
Направление деятельности услуги по испытаниям и обследованиям строительных материалов, конструкций, зданий и сооружений. Старый сайт
Контакты: Тула, ул. Оружейная, д.32, оф. 2, тел.: +7 487-00-00-00, +7 905-000-00-18, +7 953-00-00-52, labbild@mail.ru
Нравятся сайты
и
Сайт не должен получится детским, слишком ярким и слишком строгим.
Ширина сайта 1150рх
Цветовая гамма показана на логотипе. Его в хорошем качестве нет, только то, что в приложении
В шапке слева логотип + название компании ООО Лаборатория строительных технологий. В правой стороне блок с контактами, телефон, адрес, почта. У каждого поля добавить тематичную иконку.
Ниже будет горизонтальное меню, пункты указать такие на главную, о компании, наши услуги, фотогалерея, контактная информация. Меню будет выпадающим, показать как будут выглядеть выпадающие пункты при наведении. Второй уровень пунктов можно посмотреть на этом сайте
слева
Ниже будет блок, в котором будет перечисление услуг компании список услуг представлен слева на сайте
. По этому блоку у меня лишь только догадки. Вариант 1. должна быть тематичная картинка, у каждой услуги, название и очень краткое описание. Например для блока испытания бетона, картинка должна быть примерно такая, она в приложении, но ее надо обработать, в таком виде с добавлением простой рамки не годится. Что же касается краткого описания у раздела Испытания бетона, то оно будет таким на прочность, сжатие и морозостойкость. От каждой тематичной картинки будет вести небольшая однопиксельная линия, на конце которой будет написана сама услуга, а ниже кратко описание. И так необходимо сделать со всеми мини-блоками
Вариант 2. Ширина этого блока поделена на две части. В самой правой стороне картинка, примерно на 1/3 от общей ширины блока, думаю ее левую границу сделать нужно окружностью, либо дугой, а правая пусть будет прямоугольной, в оставшейся левой стороне идет перечисление списком услуг (они представлены слева на сайте
). Весь этот список услуг выравнен по левой дуге картинки, т.е. не на одном уровне (справа), а повторяет радиус дуги картинки справа + этого списка услуг должна быть какая-нибудь тематичная иконка списка, например окружность, с вырезом в центре. При наведении на какой-либо пункт меню слева, справа будет меняться картинка + при этом будет появляться прозрачный блок на картинке, в котором будет небольшое описание
Ниже будет блок Так же мы проводим следующие испытания это на всякий пожарный, вдруг в будущем не хватит места в основном блоке, который находится выше. В этом блоке будет перечисление услуг списком, у списка должна быть своя тематичная иконка у каждого пункта
Ниже блок Наши преимущества аналог блока Почему 93% клиентов оставляют нам положительные отзывы на сайте
. Текст можно оставить таким же, потом поправим + надо по-другому оформить данный блок. Он нужен в любом случае
Ниже этого блока будет блок О нас в этом блоке должна быть текстовая информация и блок в сертификатами. Блок с сертификатами будет слайдером, т.е. будут меняться сертификаты. Надо красиво оформить этот блок.
Ниже идет блок в полями для заполнения и оправки заявки с сайта. Поля для заполнения Ваше имя, Ваш телефон (с маской для вставки цифр) и кнопка оставить заявку. Так же надо уместить текст Вы можете оставить заявку на нашем сайте, заполнив форму. Наши специалисты свяжутся с Вами в течение 15 минут
Ниже идет блок Как мы работаем очень нравится блок на этом сайте
, в само низу. Задумка и расположение этого блока отличная, надо сделать что-то похожее. Будет также 5 шагов, само описание каждого шага пусть остается, потом сами поправим
Ниже блок Видео по испытаниям два видео в строку, видеоплееры будут с ютуба, надо лишь придумать само оформление данного блока.
Ниже блок с партнерами наши партнеры тут будут указаны логотипы партнеров, надо красиво оформить данный блок
Ниже идет блок Почему с нами выгодно работать на сайте
в самом начале идет блок, где перечисляются преимущества (Выдано более 2 000 положительных
заключений, 14 видов контроля качества сварки и тд) У нас должно быть что-то подобное, но само оформление не очень мне нравится. Надо придумать новое, красивое оформление с тематичными иконками у каждого преимущества
В само низу блок с картой, контактами и формой для заполнения заявки. Очень нравится оформление на это сайте
карта на всю ширину страницы справа прозрачный блок, на котором телефоны, адрес, почта (у всех свои тематичные иконки) + поля для заполнения Ваше имя, Ваш телефон, кнопка Оставить заявку