Архив: Нужно сверстать главную страницу
Бюджет
533$
/ 32000
руб
в месяц
Создан: 6 лет назад
Закрыт
- Описание
- Нужно сделать верстку главной страницы. Предполагается поэкранная прокрутка, справа присутствует навигация. Это своего рода карусель, по умолчанию видно только 3 пункта навигации (joxi ru/zANWnnQTvy9pVr). При наведении на пункт слева появляется текстовое пояснение. Активный пункт наиболее четкий и в окружности.
На главной странице нужен эффект как на этом сайте (alexthery com). Прям практически 1 в 1, только на этом сайте при наведении на изображение происходит размытие, а мне нужно, чтобы изображения и надписи цветом заполнялись. Изначально некоторые написи и изображения сделанные только контуром, а при ведении курсора и попадании этих элементов в область кусора, они должны заполняться цветом. Желательно, чтобы мы сами потом могли регулировать к каким надписям и изображениям применять этот эффект, а к каким нет. Может какой-нибудь класс сделать у таких элементов. Область с инверсией должна быть синхронной с курсором (на данном сайте при движении курсора эта область отстает, движется за курсором с небольшой задержкой). При наведении на какую-либо кнопку или ссылку должно происходить изменение курсора. Вместо большой круглой области он должен становиться обычным, небольшим как здесь (joxi ru/GrqpbbVc4bqnqA), а ссылка при этом подчеркиваться, кнопка – выделяться, чтобы было понятно, что курсор наведен именно на ссылку или кнопку и можно совершить какое-то действие.
Первый экран – слайдер. В нем будет три слайда. Тут с эффектом заполнения цветом будет только надписи, которые контуром сделаны. При наведении они будут заполняться сервым цветом. Картинка пока будет просто контурная. На ее счет у нас пока сомнения, возможно, мы ее вообще поменяем.
Слайды можно будет менять при клике по стрелкам внизу, либо перелистывая мышкой.
Второй экран – это тоже слайдер. Здесь 4 слайда с продукцией. В этом блоке и текст (название продукции) и изображения будут с эффектом замены цвета. Изображения в формате svg. Ссылка на карточку товара будет рядом с названием.
Третий экран. Он посвящен партнерству. Здесь будет обычный текст. Эффект замены цвета будет только в заголовке.
Четвертый экран. Здесь будет выдеоролик. Видео в хорошем качестве вышлю. Воспроизводится он должен автоматически при пролистывании до этого экрана. Ролик будет только один, поэтому вот этот элемент в данном случае не нужен, его можно не верстать (joxi ru/bmogqqBc3lq50m). Ролик будет во весь экран и немного затемнен. Примерно как на сайте (lexus ru). Никакой навигации в плеере не будет кроме включения/отключения звука. Иконку правда для звука забыли сразу сделать, но ее тоже скину.
Пятый экран. Это слайдер с новостями. Слайды можно будет менять при клике по стрелкам внизу, либо перелистывая мышкой. В нижней части мини изображение, в верхней – основное изображение, название новости и краткое описание. Основное изображение будет немного затемнено, чтобы на нем хорошо читался текст. Название новости при наведении курсором заполняется цветом.
И последний экран, вернее его даже назвать первым – это загрузка. Прелоадер тоже будет со своим эффектом. Изначально это будет просто белый экран с синим логотипом компании. Через пару секунд, как сайт прогрузится, логотип начнет увеличиваться, как бы приближаться. По мере приближения логотипа, будет проявляться и первый экран сайта. Вот тут (2018.craftedbygc com/#enter) по такому принципу весь сайт построен.
Прелоадер нужно сделать как бы объемным. Т.е. по мере увеличения логотипа и приближении первого экрана мы как бы проходим сквозь него. Хотелось бы показать что буквы не плоские, а объемные, и при прохождении сквозь них немного видно их толщину. К сожалению, конкретного примера такой реализации у меня нет.
- Категория
Похожие проекты
0
0
Нужна разработка сайта (проектирование, дизайн, программирование,тестирование) на CMS «1С-Битрикс», интеграция с системой управления контентом, развертывание и настройка на сервере Заказчика, гарантийная поддержка в течение 3 месяцев. Обращаю ваше внимание, на то что в ТЗ указан способ предоставления......
3 месяца назад
0
0
Ищем специалиста, который имеет опыт в разработке мобильных приложений с использованием фреймворка Expo. В целом задача будет заключаться в отладке сервиса сбора геоданных пользователей внутри приложения, созданного на Expo. Также необходимо проработать функциональность трекинга геолокации пользователя......
5 месяцев назад
0
3
0
1
Сайт для просмотра специализированной БД База данных 10000 строк Необходимо: Сохранить структуру и функциональность существующего сайта. Заменить БД на актуальную. Создать инструмент для импорта обновленной БД из файла вручную. Внести корректировки в работу с базой данных (защита от скачивания, пагинация......
9 месяцев назад
0
1
$143
0
3
Oпpocы (1010pyб/чaс) Заходитe на сaйт: gonsù....
1 год назад
$71
0
3
Всем привет! Необходимо разработать лендинг на платформе Salebot. Лендинг будет в стиле визитка для кофейни. Интересует именно данная платформа, так как многие мои услуги сделаны именно там....
1 год назад
0
3
Ищу клиента для создания учебного проекта и оформления портфолио бесплатно или за символическую сумму....
1 год назад
$500
0
10
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 год назад
$120
0
7
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
1 год назад
11
5
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
0
10
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
1 год назад
0
5
Нужно сделать сайт просчет оффера. Верстка страницы с 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
15
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной 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 год назад
Перетащите