Немолоко
Верстка промо-страницы
инновационного продукта.
Срок
Около 80-100 часов
Стоимость
40000-60000 ₽
Технологии
Pug, SASS, Vue.js, jQuery, Grunt
Ссылка
Демо
Задачи:
- Сверстать десктопную и мобильную версии;
- Создать анимацию при скролле страницы основываясь на видео-референс и пожелания дизайнера;
- Внести большой объем правок по мере готовности проекта.
Процесс
Фактически на саму разработку ушло примерно 5 дней, но доработка анимаций с последующими согласованиями заняла 2 недели. Я на равных с арт-директором придумывал и реализовывал те или иные идеи, а также дизайн и реализация адаптива фактически были на мне. При старте проекта не было четкого понимания того, как должна выглядеть страница на мобильных устройствах. Финальный результат при этом сильно отличается от первоначального дизайн-макета.
В процессе работы над проектом использовал Vue.js. Библиотека потребовалась для логичного, структурированного описания работы анимаций. jQuery используется так как знакома мне и под неё написан отличный плагин Skrollr. Он помогает при создании анимаций подобных тем, что вы можете увидеть на промо-странице. В качестве сборщика верстки использовал Grunt, для разметки Pug, для стилей SASS. Методология БЭМ реализована в полной мере. Это значит, что каждый блок описан отдельными файлами .pug и .sass, а также вынесен в свой собственный каталог.