Что требуется: - Адаптивная кросбраузерная верстка макета - Использование BEM и Sass препроцессора (scss) [url=https://www.figma.com/file/QsU3U4b3eSUn7ALgDHgT0LCt/balzap.ru?node-id=0%3A1] [/url][url=https://www.figma.com/file/QsU3U4b3eSUn7ALgDHgT0LCt/balzap.ru?node-id=149%3A7]https://www.figma.com/file/QsU3U4b3eSUn7ALgDHgT0LCt/balzap.ru?node-id=149%3A7[/url] Требования к исполнителю: - Исполнительность - Адекватность - Поддержка контакта (не реже 1 раза в 2 дня) любым удобным способом - Отчетность (не реже 1 раза в 2 ...
Вёрстка + эффекты (js анимация)
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.
Необходимо сверстать шаблон сайта.
Наш проект должен быть по атмосфере похож на https://www.roninamsterdam.com/.
- сайт должен загружаться максимально быстро!
- пользователь должен ощущать себя в одном пространстве, в одной среде!
- Т.е. использовать затухание easy-in / easy-out (эффект начинается медленно затем ускоряется и завершается тоже замедляясь).
Вся навигация и переходы между страницами должна осуществляться через custom downloader, который есть в дизайне.
При загрузке страницы использовать цифры, а при загрузке части страницы просто идикацию без процентов.
- В коде должны быть коментарии на англ. языке и разделение эффектов и блоков страницы
- шрифты и их размеры, отступы в макете XD
- при экспорте использовать SVG (в случае невозможности использовать векторный формат - сообщите об этом)
- оптимизировать адаптивность для всех устройств
основные требования почти безкомпромисно, иначе не добьемся ожидаемого
результата!
Ситуацию когда Вы сделали работу, но она не соответсвует моим ожиданиям мы попробуем избежать.
Главная страница:
- появление страницы с эфектом выцветания из черного (1,5-2 сек, но оставить возможность настраивать эффект).
- подключить кастомные курсоры из дизайна
- при пермезении курсора, должен быть параллакс эффект (смещаем текст и заголовок относительно друг друга)
- также при перемезении курсора только на главной странице и первом экране
сделать эффект виньетирования вокруг курсора. Я прилагаю видео пример
(схематично там показано как надо)
- Навигация происходит прокручивая экран колесиком мышки (или используя колесико в дизайне)
- логотип и бургер всегда зафиксированы вверху экрана
- аниамция колесика счетчика слайдов
- параллакс элементов на каждом слайде (референс https://www.roninamsterdam.com/ страница ABOUT)
ровно на один viewport без промежуточных положений.
- содержит фильтр
- проекты
Проект:
- в дизайне
Меню:
- меню как popup
- заблюрить задний фон
- выбор пункта меню как на видео (но прямоугонльник должен подгоняться под каждый пункт меню)
- использовать easy in / easy out
макет в XD https://we.tl/b-XGRipKxkky
примерная анимация https://we.tl/b-T6NDrazowF
По всем вопросам или возникшим сложностям сразу пишите мне!
telegram, skype, vyber, whatsapp
Благодарю за то что дочитали до конца задание.
Я рассматриваю предложения только от тех, кто прочитал задание до конца.
Поэтому напишите в своем предложении фразу: "Я прочитал!"
Спасибо!
- Похожие заказы
- HTML-верстка1 исполнительЗакрыт5 лет назад
- $110
Необходимо создать интерактивную карту дачных участков с функционалом как на примере http://dnpstremlenie.ru/uchastki/11-o-zemelnyh-uchastkah.html Делаем для joomla 3 Макет во вложении, исходник в psd Темно зеленым выделены участки первой очереди, светло зеленым второй. При наведении на иконки текстовая подсказка При наведении на участок ...
HTML-верстка1 исполнительЗавершен5 лет назад Сверстать сайт (лендинг) из 12 блоков, с добавлением анимаций, подключить системы аналитики,адаптив, заплачу 6000р после выполнения заказа. Рассчитываю на постоянное сотрудничество.
HTML-верстка28 заявокЗакрыт5 лет назадПосле перехода с http на https покарёжился сайт. Старая версия http://location.self-made.org После перехода стало https://location.self-made.org Сайт сделан на simple. Нужно в админке исправить этот баг
HTML-верстка8 заявокЗакрыт5 лет назадСверстать и заанимировать макеты + техническое задание в приложение от вас сроки и бюджет!
HTML-верстка2 заявкиЗакрыт5 лет назадhttps://jucom.ru Требование: Дизайн сайта полный минимализм, все очень просто.Оранжевый цвет. Стандартные шрифты. Магазин на движке веб-магазина ShopScript Образцы: [url=https://beru.ru/]https://beru.ru[/url]; [url=https://market.yandex.ru/]https://market.yandex.ru/[/url] Расположение и структура: 1 строка. В шапке сайта: логотип, выбор города, контакты,режим работы. 2 строка. Широкая ...
HTML-верстка1 исполнительЗавершен5 лет назадДобрый день! имеется форма. Необходимо добавить в один из input всплывающий календарь с датой и временем. Задача простая. Сделать нужно сразу. Указывайте срок и сумму.
HTML-верстка13 заявокЗакрыт5 лет назад[url=https://docs.google.com/document/d/1vvlQLxR1L2IFrh67c-xtjO7ny1jC-zC6wxYjtPg6mPs/edit#heading=h.8fth29syg5c2]ТЗ: https://docs.google.com/document/d/1vvlQLxR1L2IFrh...[/url] В отклике приложите примеры работ и свой телеграм. Срок - 4 дня (+2 на правки/риски)
HTML-верстка3 заявкиЗакрыт5 лет назадНужно сверстать 2 страницы валидно + 6 модальных окон. + респонсив Указывайте цену и сроки.
HTML-верстка2 заявкиЗакрыт5 лет назадОдностраничный сайт: [url=http://lovefrykt.ru/]http://lovefrykt.ru/ [/url] Необходимо сделать адаптивный дизайн используя css фреймворк.
HTML-верстка1 исполнительЗавершен5 лет назад