Додайте свій проект безкоштовно і почніть отримувати пропозиції від фрілансерів-виконавців вже через хвилини після публікації!
3 500 ₴

Верстка лендинга с анимациями

виконання


Приветствую всех!


1. Необходимо сверстать лендинг на 4 экрана с требованиями: Pixel perfect, Retina Ready, Responsive

2. Шаблон должен быть адаптивным и корректно отображаться на всех устройствах. Мобильная версия шаблона в приложении.

3. Шаблон должен быть оптимизирован, иметь высокую скорость загрузки и высокий рейтинг от Google PageSpeed.

4. Все графические элементы должны быть векторными (кроме изображений). Все векторные элементы представлены в макете как смарт-объекты, с легкостью открываются в иллюстраторе для экспорта в svg.

5. Все кнопки ведут по ссылкам, без попап окон. Ссылку для кнопки и ссылки для линков в футере предоставлю в процессе.

6. На лендинге используется 1 единственный шрифт "Gotham Pro". Шрифт будет предоставлен в архиве с макетом.

7. На сайте используются иконки из пакета Material Design. Шрифтовых иконок на сайте мало, поэтому иконки необходимо преобразовать в svg спрайты, чтобы не нагружать лендинг лишним весом. Пакет иконок Material Design прилагается в архиве.

8. Все эффекты наведения на сайте должны быть плавными, благодаря transition. Кнопки и ховер на них реализовать с этого примера https://codepen.io/lukemeyrick/pen/wJRozV

9. Навигация сайта (меню) - отсутствует.

10. Видео - проигрывается с ютюб в существующем окне или во всплывающем, если это позволит сэкономить ресурсы для быстрой загрузки страницы.


Анимации на сайте - важны и нужны!

1. При скролле вниз ракета "улетает" в направлении в котором она смотрит. Волны движутся с ней, "расползаются" по диагонали вверх с разной скоростью, заполняя экран космосом. Контент смещается вверх, на месте первого экрана появляется второй.

2. В космическом пространстве иногда падают звёзды. Можно рандомно, с разной скоростью, и разное количество. Но, это не должно быть "спамом". Иногда, не навязчиво.

3. В космическом пространстве иногда мерцают звёзды. Тоже не часто, не навязчиво.

4. Космос при скроллинге двигается с параллаксом.

5. Монета биткойна, планеты и искусственный спутник реагируют на движение мыши (смещаются), с разной скоростью, на разные расстояния.

6. С телефоном так же хотелось бы эффект движения в пространстве, Возможно реакция на мышь или, если удастся добиться 3Д эффекта - легкий поворот. Если нет - приветствуются идеи.

7. Ракета на последнем экране - по возможности, нужно сделать её плавное перемещение в пространстве, определить траекторию.

8. При возможности сделать анимацию волн в скролле на других экранах. Это не обязательно, но если получится реализоваться, то будет прекрасным дополнением к лендингу.

9. Проявление контента при скролле вниз и скрытие при обратном скролле вверх.


Приветствуются идеи по анимации со стороны разработчика. Готов обсуждать. 

Додатки 2

Перегляд контактної інформації доступний тільки зареєстрованим користувачам.


  1. 5 днів1 100 ₴
    Грачья
    Грачья Ананикян
    456     13  0

    Здравствуйте Денис,могу сделать любую анимацию, возможноа реализацичя и волн,есть уже идеи по поводу анимаций, буду использовать легкую библиотеку которая не повлияет на скорость.
    Насчет верстки все понятно, будет красиво качественно.
    Обращайтесь буду рад сделать качественный продукт для Вас

    Вірменія Yerevan | 3 грудня о 20:18 |
  2. 2 дні2 500 ₽
    Сергей
    Сергей Щуринов
    322   перевірений    3  0

    Приветствую, Денис!
    С удовольствием реализую верстку лендинга.
    Все мои работы максимально адаптивны, у меня в этом большой опыт, так что проблем не будет:)

    - При верстке допускается использование каких-нибудь библиотек или сделать все чистым кодом?

    К сожалению, не могу обещать, что все анимации я смогу реализовать, зато все остальное будет выполнено на отлично!
    Обращайтесь, буду рад сотрудничать:)

    Предлагаю ознакомиться с моими работами:
    http://mywork.sergiusz.ru/
    http://china.sergiusz.ru/
    http://activelive.sergiusz.ru/
    http://myportfolio.sergiusz.ru/
    http://med.sergiusz.ru/

    Польща Warszawa | 3 грудня о 20:20 |
  3. 7 днів5 000 ₴
    Виталий
    Виталий Шиманов
    2519     76  1

    Здравствуйте. Специализируюсь на адаптивной верстке.

    Создаю чистый, валидный, компактный и кроссбраузерный код
    (scss+gulp, flexbox, оптимизация по google page speed, валидация, настройка форм, анимации и тд).

    Работы в портфолио профиля. Буду рад сотрудничеству.

    Україна Житомир | 3 грудня о 20:37 |
  4. 7 днів4 000 ₽
    Асан
    Асан С.
    1014   перевірений    14  0

    Здравствуйте, Денис. Есть опыт с анимацией. Пишите обсудим.

    Казахстан Алмати (Алма-Ата) | 3 грудня о 20:39 |
  5. 5 днів2 000 ₴
    Ігор
    Ігор Бондарчук
    1885   перевірений    46  0

    Здравствуйте, нужно для начала ознакомится с макетом (были случаи когда элементы были картинками).
    Не совсем ясно почему на мобилке скрывается кнопка регистрации в хедере?
    На счет анимации звёзд/ракет/волн/планет - уточнить нужно будет скорости перемещения в ходе верстки.
    В остальном задача ясна, планируемый лендинг не простой потому такой срок и цена.

    Україна Маріуполь | 3 грудня о 20:50 |
  6. 6 днів4 500 ₴
    Дмитрий
    Дмитрий Перец
    3540   перевірений    62  0   1

    Денис, здравствуйте!
    Очень интересный лендинг! Буду рад с вами поработать. Опыт верстки и работы с анимацией более 8ми лет.
    Детали в личной переписке.

    Україна Харків | 3 грудня о 20:55 |
  7. ставка прихована фрілансером
  8. 2206
       26  2

    3 дні3 000 ₴
    Вадим Жилинский перевірений

    Здравствуйте! :)

    Внимательно прочитал все, что вы написали, и хочу помочь выполнить Ваше задание!
    Опыт работы уже больше трех лет!

    Уверен, я выполню вашу задачу, потому что уже занимался похожей!

    Хочу обсудить с Вами все лично! Жду вашего сообщения)

    Білорусь Мінськ | 3 грудня о 22:29 |
  9. ставка прихована фрілансером
  10. ставка прихована фрілансером
  11. 7 днів2 000 ₴
    Евгений
    Евгений Смовж
    143   

    Добрый день!
    Я ознакомился с вашей задачей "Верстка лендинга с анимациями" и готов приступить к качественному выполнению.
    Ознакомился с макетом и Описание требований.
    1. Сделаю сайт адаптивным и кроссбраузерным;
    2. Анимацию сделаю при помощи jQuery;
    3. Видео: могу сделать так, что оно будет погружаться, когда юзер нажмёт на кнопку плей (что б сайт работал побыстрее) или вам нужно, что б оно было на сайте по умолчании погруженным?
    Если это устроит давайте всё обсудим в ЛС или в другом мессенджере.
    Стоимость выполнение: 2000 грн.
    Срок выполнения: 7 дней.
    Работаю по предлпдате или через безопасную сделку.
    Примеры моих работ:
    - https://arch-style.com.ua;
    - http://advocation.agency;
    - https://all.law;
    - https://topcases.com.ua (выполнял вёрстку для товарища дизайнера - может подтвердить);
    Особенности работы со мной:
    * Ответственно отношусь к работе; (если не смогу выполнить не буду подавать заявку)
    * Внимательно отношусь к мелочам;
    * Делаю свою работу в оговоренный срок;
    * Ценю своё время и время заказчика;
    * Техническая поддержка на протяжении недели после выполнения заказа;
    С наилучшими пожеланиями! Жду ваш ответа!

    Україна Київ | 5 грудня о 22:25 |
  1. ставка прихована фрілансером
  2. 3 дні5 000 ₴
    Илья
    Илья Кленчищев
    1720   перевірений    29  1   1

    Добрый вечер - с большим удовольствием возьмусь за ваш проект , ну очень интересный - хотелось бы себе в колекцию , анимации делал неоднократно - если интересно предоставлю портфолио .

    С уважением Илья

    Україна Ладижин | 3 грудня о 20:13 |
  3. ставка прихована фрілансером
  4. 30 днів16 250 ₴замовник 9%
    Олена
    Олена Денисенко
    415   перевірений  

    Добрый день! Меня зовут Алена.
    Наша команда это специалисты, а не исполнители.

    Мы работаем всегда индивидуально Никаких шаблонов.
    Что предлагаем:
    1. Индивидуальный дизайн или стилизация шаблона
    2. Адаптивную верстку
    3. Посадку на CMS и программную часть
    4. Поможем с хостом и доменом
    5. Бесплатная техническая поддержка.
    В дальнейшем можем заняться продвижением. Над Вашим проектом будет работать команда только сертифицированных специалистов.
    Оплата любым удобным способом.
    Всегда на связи! 7 дней в неделю.

    Перед работой с нами полезно ознакомитья :
    Наши рекомендации: http://exeo.com.ua/rekomendatsii
    Наши кейсы: http://exeo.com.ua/cases
    Наше портфолио: http://exeo.com.ua/cases

    Україна Україна | 3 грудня о 23:15 |
  5. 1747
       5  0

    11 днів8 888 ₴
    Василий Захаревич перевірений

    Доброго времени суток, выполню все ваши требования. \\\Быстро и качественно///


    Подробно о том что я могу Вам предоставить:
    - Анализ сайта и рекламы.
    - Структуризация сайта.
    - Уникальный дизайн (лого).
    - Разработку сайтов и рекламы.
    - Оптимизация
    - Продвижение Вас в интернете.
    - Обучение.
    - SEO
    - SERM
    - SMM

    С уважением, Василий!

    Україна Черкаси | 3 грудня о 23:55 |
  6. 4040
       28  0

    10 днів10 000 ₴
    YAUHEN SEMIANETS перевірений

    Здравствуйте! Помогу с реализацией Вашего проекта!
    Пишите, спасибо
    С уважением, Евгений
    Telegram EugeneSemenets

    Білорусь Мінськ | 4 грудня о 08:31 |
  7. 1 день1 000 ₴
    Александр Рыбка перевірений

    Добрый день, Денис!
    Верстка адаптивная кроссбраузерная, идеальное соответствие с дизайном.
    Качественно реализована анимация.
    Давайте обговорим подробности.
    Пример прикрепил.

    Україна Запоріжжя | 4 грудня о 10:36 |
  8. 5 днів1 300 ₴
    Данила
    Данила Силищев
    357     1  0

    Доброго времени суток! Меня заинтересовало Ваше предложение!
    Сверстаю качественно и в указанные сроки, адаптивно и кроссбраузерно.
    Мои работы:

    Казахстан Караганда | 4 грудня о 14:40 |
  9. 5 днів8 800 ₽
    Марина
    Марина Кушнирова
    228   

    Здравствуйте.
    Готова приступить к обсуждению проекта!
    Портфолио нашей студии можно посмотреть тут: wsteam.com.ru

    Лендинг под ключ (склейка/шаблон) от: 8800 руб. сроки: от 5 дней.
    Лендинг под ключ (с орг. дизайна) от: 12000 руб. сроки: от 10 дней.

    Разрабатываем сайты на Yii2 и фреймворке на PHP7.0+(везде удобная админка).

    Гарантируем:
    Высокое качество;
    Работа в срок;
    Обратная связь, система техподдержки;
    Регулярная демонстрация работы;
    Гарантия на продукт.

    Пишите в ЛС, обсудим детали.

    Росія Росія | 4 грудня о 15:02 |
  • Islam Ibakaev
    3 грудня о 21:39 |

    Какие-то очень сложные анимации, все эти волны должны быть в svg, либо нужно canvas задействовать. Покажите примеры анимации для ракеты с волнами, хотя бы подсмотреть как реализовано.


Замовник
Денис
Денис Х.
Україна Миколаїв  44  0
Проект опублікований
5 днів 22 години тому
450 переглядів