Архив: Адаптивная верстка лендинга
Бюджет
50$
/ 3000
руб
в месяц
Создан: 4 года назад
Закрыт
- Описание
- Вёрстка Адаптивная.
Есть макет.
Шапка сайта. Шапка всегда закреплена вверху экрана, даже когда пользователь находится в другой части страницы. При скроле имеет непрозрачность 90% и блюр эффект.
Пример: https://www.apple.com/ru/
При наведении на любую из 9 кнопок (Логотип, Портфолио, О продукте, Цвета, Список моделей, Доставка и оплата, Прайс-лист, Отзывы? 8 ХХХ ХХХ ХХ ХХ) белый цвет меняется на 20% серого (см. в psd).
При нажатии на кнопку «ЛОГОТИП» пользователь попадает на начало страницы (плавная анимация в виде скрола из любой части страницы).
При нажатии на кнопку «О продукте» пользователь попадает на раздел «О продукте» (плавная анимация в виде скрола из любой части страницы).
При нажатии на кнопку «Цвета» пользователь попадает на раздел «Цвета» (плавная анимация в виде скрола из любой части страницы).
При нажатии на кнопку «Модели» пользователь попадает на раздел «Список моделей» (плавная анимация в виде скрола из любой части страницы).
При нажатии на кнопку «Доставка и оплата» пользователь попадает на раздел «Доставка и оплата» (плавная анимация в виде скрола из любой части страницы).
При нажатии на кнопку «Прайс» пользователь попадает на раздел «Прайс-лист» (плавная анимация в виде скрола из любой части страницы).
При нажатии на кнопку «Отзывы» пользователь попадает на раздел «Отзывы» (плавная анимация в виде скрола из любой части страницы).
При нажатии на кнопку «8 ХХХ ХХХ ХХ ХХ» пользователю предлагается позвонить по этому номеру телефона.
При нажатии на иконку «WhatsApp» или надпись «WhatsApp» или "Отвечаем до 5 мин" в новой вкладке браузера создаётся чат в WhatsApp с номером +7 ХХХ ХХХ ХХ ХХ.
1-й экран. Чехлы с логотипом.
При наведении на один из 12 логотипов активный логотип становится цветным, пропадает жёлтый стикер и отображается соответствующий активному логотипу дизайн чехлов.
При нахождении курсора за пределами 12 логотипов появляется жёлтый стикер на чехле и 12 логотипов становятся серого цвета.
2-й экран. Брендированная защита телефонов Ваших клиентов и сотрудников.
Статичная картинка. Нужно сделать небольшую тень под чехлом, который находится справа.
3-й экран. Защищает ровно столько…
Ползунок у картинки можно двигать.
Пример:
https://www.spigen.com/pages/explore-iphone-11
только телефон чёрного цвета всегда, а чехол прозрачный.
4-й экран. О продукте.
При наведении на кнопку «Хочу в гости» оттенок кнопки становится светлее (см. в psd).
При нажатии на кнопку «Хочу в гости» открывается pop-up форма с открытыми полями «ИМЯ» и «ТЕЛЕФОН» и рядом кнопка «Хочу в гости».
При нажатии на кнопку «Хочу в гости» происходит отправка заполненных данных на почту [Email скрыт]
5-й экран. Силиконовые чехлы.
Сначала появляется чёрный чехол на белом фоне, а затем анимация с правой части экрана появляется прозрачный чехол на чёрном треугольнике.
6-й экран. Портфолио.
Встроить виджет инстаграм, который отображает последние 9 фотографий из профиля:
Instagram.com/XXXXXX
При нажатии на виджет в новой вкладке браузера открывается ссылка Instagram.com/XXXXXX
При нажатии на кнопку «Подписаться» происходит подписка на данный профиль Instagram.com/XXXXXX
7-й экран. Цвета.
Статичная картинка.
8-й экран. Список моделей.
Важно сделать так, чтобы по SEO хорошо продвигались данные запросы в Яндекс и Google.
Пример: https://youcase.ru/examples
9-й экран. Доставка и оплата.
При наведении на кнопку «Запросить счёт» оттенок кнопки становится светлее (см. в psd).
При нажатии на кнопку «Запросить счёт» открывается pop-up форма с открытыми полями «ИМЯ» и «ТЕЛЕФОН» и рядом кнопка «Запросить счёт».
При нажатии на кнопку «Запросить счёт» происходит отправка заполненных данных на почту [Email скрыт]
При наведении на кнопку «Оплата картой» оттенок кнопки становится светлее (см. в psd).
При нажатии на кнопку происходит переход в новой вкладке браузера по ссылке: https://tochka.com/my/XXXXXX
10-й экран. Прайс-лист.
При наведении на кнопку «Получить КП» оттенок кнопки становится светлее (см. в psd).
При нажатии на кнопку «Получить КП» открывается pop-up форма с открытыми полями «ИМЯ» и «ТЕЛЕФОН» и рядом кнопка «Получить КП».
При нажатии на кнопку «Получить КП» происходит отправка заполненных данных на почту [Email скрыт]
11-й экран. Отзывы.
Статичные картинки.
12-й экран. Подвал сайта.
При нажатии на иконку Instagram в новой вкладке браузера открывается ссылка https://www.instagram.com/XXXXXX
При наведении на кнопку «Рассчитать стоимость» оттенок кнопки становится светлее (см. в psd).
При заполненных полях «ИМЯ» и «EMAIL» и нажатии на кнопку «Рассчитать стоимость» происходит отправка заполненных данных на почту [Email скрыт]
---
Просьба прикреплять портфолио к своему отклику
- Категория
Похожие проекты
$120
0
1
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
2 недели назад
11
1
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 месяц назад
0
4
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 месяц назад
0
1
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 месяц назад
$33
10
1
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 месяц назад
$22
27
1
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 месяц назад
138
2
Обменник криптовалют ( ТЗ во вложении)....
1 месяц назад
498
5
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 месяц назад
134
5
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 месяц назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 месяц назад
$111
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 месяц назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
1 месяц назад
174
17
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
1 месяц назад
198
12
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
1 месяц назад
109
1
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
1 месяц назад
$250
315
15
Разработка продающего лендинга, ТЗ во вложенных файлах....
1 месяц назад
164
6
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
1 месяц назад
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
1 месяц назад
228
3
Необходимо доработать WordPress шаблон, настроить интеграцию с 1с, исправить незначительные баги. Технические задачи обсудим вместе с техническими директором заказчика. Условия: Стоимость работ от 14к, в случае быстрого выполнения работы будет премирование, а также предложим постоянное сотрудничество.......
1 месяц назад