Архив: Верстка landing page по макету на существующем шаблоне
Бюджет
По договоренности
Создан: 6 лет назад
Закрыт
- Описание
- Необходимо переделать текущее состояние HTML шаблона под соответствие его psd макету для десктопов и мобильных устройств. Предполагается как работа с разметкой и стилями (предпочтительно использовать существующие в шаблоне стили), так и дописывание простейших скриптов для секции с планировками квартир, галереи, создание кастомной Яндекс карты.
текущее состояние шаблона: xn--80almi4a7e.xn--p1ai/
Коротко о новом интерактивном функционале, который требуется в итоговой landing page:
1. секция с планировками и генпланом должна работать следующим образом:
при перезагрузке лэндинга секция отображает генплан (визуализация ЖК с высоты птичьего полета), на котором размечены области с домами, различными объектами инфраструктуры; при наведении мыши на эти области всплывает небольшое окно с информацией;
при нажатии на одну из областей всплывает popup окно с планировкой этажа, на которой размечены отдельные квартиры, при наведении мыши на которые также появляется доп. Информация (это уже частично работает см. сайт)
при нажатии на отдельную квартирую появляется другое popup с данной квартирой и кнопкой возврата к выбору квартиры (это уже частично работает см. сайт)
желательна доработка текущего варианта до состояния, при котором отдельные изображения будут получаться с сервера динамически, при выборе, а не все сразу при загрузке страницы
2. секция с популярными планировками предполагает показ отдельных планировок квартир, под каждой из которых кнопка, вызывающая popup с формой обратной связи
3. Яндекс карта, на которой вместо стандартных указателей должны быть наши иконки, при наведении мыши на которые (нажатии в мобильной версии) появляется сноска с информацией об объекте, также необходимо отключить лишние элементы интерфейса карты
4. Галерея изображений Ход строительства
сверху заголовок
ниже выбор галереи (месяцы)
ниже область с изображением и кнопками для прокрутки внутри галереи месяца
при нажатии на само изображение должен открываться полноэкранный просмотр данной галереи точно так же, как в текущем состоянии (см. соотв. Секцию)
5. секция с расположением и инфраструктурой включает небольшие карточки, на которых в верхней области изображение, снизу краткое описание, ниже кнопа, при нажатии на которую все содержимое карточки листается влево для показа более подробного текстового описания и кнопки обратной связи
6. секция с документами заголовок и кнопки с иконкой (формат документа и имя), при нажатии на которую в новом окне открывается файл
7. секция со способами оплаты
под заголовком кнопки со способами оплаты (ипотека, рассрочка, материнский капитал, оплата наличными и т.д.)
при нажатии на каждую ниже появляется область с текстом и кликабельными логотипами банков (с прокруткой, т. к. будет около 30) (что будет во всплывающих окнах пока не решили) для ипотеки, формами обратной связи для остальных способов
8. в мобильной версии все, области с большим текстом должны по умолчанию быть представлены в полусвернутом виде с возможностью раскрыть текст полностью по нажатию соответствующей кнопки (см. макет) (это касается всех секций)
9. Секция Мы построили
карточки при наведении мыши подсвечиваются (что должно говорить о кликабельности)
при нажатии появляется popup с увеличенным изображением и текстом, с кнопкой со ссылкой на сайт данного объекта
На данный момент из материала (текст, изображения) практически ничего нет (планировки и генплан есть), так что подойдет вариант с версткой на рандомных фото (можно из макета) и с рандомным текстом предположительно такого же размера
Можем рассмотреть предложения по переносу сайта на какую-либо CMS, но острой необходимости в этом нет. Код должен быть нормально закомментирован для удобства управления контентом.
- Категория
Похожие проекты
$500
0
2
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
4 недели назад
$120
0
2
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 месяц назад
11
1
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
2 месяца назад
0
5
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
2 месяца назад
0
2
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
2 месяца назад
$33
10
1
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
2 месяца назад
$22
27
2
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
2 месяца назад
138
2
Обменник криптовалют ( ТЗ во вложении)....
2 месяца назад
498
5
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
2 месяца назад
134
6
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
2 месяца назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
2 месяца назад
$111
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
2 месяца назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
3 месяца назад
174
17
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
3 месяца назад
198
12
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
3 месяца назад
109
2
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
3 месяца назад
$250
315
16
Разработка продающего лендинга, ТЗ во вложенных файлах....
3 месяца назад
164
6
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
3 месяца назад
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
3 месяца назад
Перетащите