Архив: Адаптивная верстка лендинга
Бюджет
50$
/ 3000
руб
в месяц
Создан: 6 лет назад
Закрыт
- Описание
- Вёрстка – Адаптивная.
Есть макет.
Шапка сайта. Шапка всегда закреплена вверху экрана, даже когда пользователь находится в другой части страницы. При скроле имеет непрозрачность 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 скрыт]
---
Просьба прикреплять портфолио к своему отклику
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
1 месяц назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
3 месяца назад
0
3
0
0
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
7 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
11 месяцев назад
$71
0
3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 год назад
0
3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
1 год назад
$500
0
10
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 год назад
$120
0
7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
11
5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
0
9
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 год назад
0
4
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
1 год назад
$33
10
2
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
$22
27
4
76
2
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
3
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
13
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
8
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
$111
122
3
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
Перетащите