Подпишитесь на наш блог
Подпишитесь на нашу электронную ежемесячную рассылку для получения полезных советов и ценных ресурсов
Премия FWA Of The Day
Сайт партнёрской программы Stykovka получил высокую оценку европейских дизайнеров
Работа компании Omega удостоена премии FWA Of The Day и лонг-листа премии Рунета
С вдохновением поработали над сайтом партнёрской сети Stykovka . Получили быстрый, лёгкий, креативный, удобный, отзывчивый сайт – всё как мы любим.
Перед нами стояла задача разработать сайт партнерской программы, демонстрирующий возможности программы, направления проектов и сочетающий в дизайне метафору космоса, присущую бренду Stykovka.
Родился слоган: «Стыкуем большие и маленькие бизнес-проекты с командами по всему миру».
Этот сайт сделан для наших коллег, которым любят неожиданные, нестандартные решения, откликаются на элементы игровых механик, геймификации в дизайне, юмор.
Сайт раскрывает все аспекты работы с программой. Наполнен веб-анимациями и адаптирован под весь спектр мобильных устройств.
Действительно впечатляюще он смотрится на экранах планшетов, чей принцип навигации как нельзя кстати подходит под выбранную концепцию расположения контента.
Перед нами стояла задача разработать сайт партнерской программы, демонстрирующий возможности программы, направления проектов и сочетающий в дизайне метафору космоса, присущую бренду Stykovka.
Родился слоган: «Стыкуем большие и маленькие бизнес-проекты с командами по всему миру».
Этот сайт сделан для наших коллег, которым любят неожиданные, нестандартные решения, откликаются на элементы игровых механик, геймификации в дизайне, юмор.
Сайт раскрывает все аспекты работы с программой. Наполнен веб-анимациями и адаптирован под весь спектр мобильных устройств.
Действительно впечатляюще он смотрится на экранах планшетов, чей принцип навигации как нельзя кстати подходит под выбранную концепцию расположения контента.
«Получив и проанализировав оригинальный и экспериментальный макет сайта, мы пришли к выводу, что несмотря на общую сложность и нестандартность проекта, Stykovka является веб-страницей, поэтому было принято решение использовать TypeScript c библиотекой React. По оригинальной задумке дизайнеров в Stykovka необходимо было реализовать перемещение по сайту с помощью изменения позиции камеры, а также большое количество анимированных элементов среди которых, в большей части, были 3D-модели. Для реализации трехмерного пространства и отображения трехмерных моделей мы решили использовать библиотеки Three.js и react-three-fiber. Навигация по Stykovka должна отвечать определенным требованиям удобства и простоты, поэтому нами была выбрана библиотека use-gesture, добавляющая большую гибкость при работе с событиями навигации. Для более удобной настройки последовательной и параллельной анимации мы выбрали библиотеку gsap, позволяющую анимировать в одной временной шкале множество стилистических свойств объектов, и react-spring, добавляющая анимациям физические свойства пружины. В финальной версии сайта разработчикам удалось воплотить в реальность все оригинальные задумки дизайнеров, совместив в одном проекте сложную последовательную анимацию, работу с 3D-моделями, уникальный стиль и общую производительность».
Разработчик Максим Канашин
В первые же дни сайт собрал около 10 новых заявок от потенциальных партнеров, включая и зарубежные компании.
Сайт также получил признание на международной премии веб-дизайна Awwwards, заслужив награды Honorable Mention и Mobile Excellence.
И буквально за 1 день сайт получил еще одну престижную международную премию, FWA of the Day. Что можно назвать феноменально быстрым результатом в этом престижном и старейшем рейтинге.
Вошёл в лонг-лист рейтинга Рунета.
Кейс уже с успехом прошел этап пользовательского голосования, теперь ждет оценки жюри.