Здравствуйте.
Задача была дизайнеру сделать универсальный дизайн под разные ниши. Фактически он брал за основу дизайн этих трех сайтов.
У них один и тот же шаблон, но ниши разные. Дизайнер сделал тоже самое. Один шаблон и 3 разные ниши. Он нарисовал 3 разных psd под 3 разные ниши, но шаблон один и тот же, чтобы можно было сверстать один сайт и менять только картинки и текста.
Ваша задача сверстать один раз и потом вставить картинки из этих 3 разных psd. 3 разные верстки делать не надо. Т.к шаблон один и тот же. По типу сайтов
Важно. На каждый сайт идет 2 разные варианта 1 экрана. Картинки только разные. Картинки меняются и уже новая версия. Текста сам позже буду править. Это сделано для а/б теста.
У вас будет 3 psd на версия для ПК, и одна версия для смартфонов. Она тоже универсальная, и одна эта версия пойдет на 3 разных тематики. В ней поменять только фото и текста.
Для примера возьму версию лестницы.
Верстка
1. Верстка будет отдельная версия под ПК и отдельная версия под мобильники. Отрисовано 2 дизайна. Под ПК и под Моб.
2. Ссылки в шапке. При клике переходим в соответствующий раздел лендинга.
3. Формы захвата заполняются и отправляют заявку на мейл. Только телефон. 7-8 цифр телефона. И если не заполнена форма, то при нажатии ничего не отправляется. Заявка отправляется при заполнении 7-8 цифр. Если идет спам и в это поле вставляется много текста, то заявка не отправляется. Если можно так сделать. Много идет спама через эти формы.
В форме захвата на первом экране есть поля для заполнения ширины и длины. Их заполнять обязательно нет необходимости. Обязательно только телефон. Если человек не заполнил длину и ширину, то заявка все равно отправляется. Галка внизу формы стоит по умолчанию _ согласен у условиями передачи данных. По идее надо при нажатии чтобы открывался лист и в нем текст согласия. Шаблон можно найти. Но по идее это теперь стало нужно.
Файлы сайта и файлы отправки и обработки заявки раздельно. Т.Е html и php раздельно. В заявке указано с какого сайта пришла заявка.
4. Карта построенных объектов – будет карта Московской области и точка. Вставляется по типу джава или инфрайм.
5. Текста верстаем так, чтобы можно было дополнить текст или уменьшить и верстка не поплыла.
6. В мобильной версии чтобы номер телефона был сразу виден. И верхнее меню вместе с номером всегда было закреплено. При нажатии на номер можно было перезвонить, при нажатии на вотсап можно было также перезвонить или отписать. Важно.
здесь в мобильной версии снизу 2 кнопки. Телефон и вотсап. Сделать также. Сделать также. Они всегда снизу при прокрутке. Dxnaves.ru если нужны файлы, то могу дать.
7. Так же закреплена шапка и на версии с ПК. На мобильном устройстве меню не нужно закреплять, только телефон и мессенджеры.
8. Кнопки форм захвата все должны работать и отправлять заявки
9. Номер телефона должен заполняться, без цифр заявка не отправляется. Но цифры все заполняет человек.
10. Мы производим. Если можно сделать при наведении мышки на этот блок небольшие подергивания, то будет отлично. По примеру
мышкой по ним проводишь и пошла легкая анимация.
11. Не знаете какая лестница нужна и материалы для лестницы, 3в макет – все стандартно. Кнопки работают, заявки отправляются
12. В 3D макете до 25.08 – не надо. Не буду делать
13. Лестницы которые мы построили – тут тоже все стандартно.
14. Стоимость под ключ типовых лестниц. Здесь при нажатии на вид лестницы, картинка лестницы не меняется, меняется только цена. По такому же принципу как на
15. Остальное все стандартно. Все остальные блоки простые и понятные. Телефон, заявка и отправка.
16. Про карту я писал выше. Вставляется код.
Мобильная версия по такому же принципу. И самое главное телефон в мобильной версии так же как в dxnaves.ru закреплен вверху. Меню (Три полоски) не особо нужно делать. Есть формы заявок и телефон в закрепе. Ты что скажешь на это. Нужно или не нужно меню??
Остальное все по стандарту. Я не особо понимаю в рисунке, но не нашел ничего сложного. Если будут вопросы, то спрашивай.
Т.е должно получиться 3 сайта для для компьютера и их версии для мобильного. 3 сайта, пусть и один шаблон. но 3 разные тематики. и мобильная версия к каждому
Работаю только через безопасную сделку. Сроки ставьте реальные.