PROJECT URL / ССЫЛКА НА ПРОЕКТ: https://digiproduct.co.il/
Сайт выполнен с использованием Three.js (3D для веб – крутящиеся шарики логотипа на Hero заставке), анимация логотипа – Adobe Animate. Эффекты на скролл – Greensock.js.
Design / Дизайн: Виктория Шидловская
Front-end / Фронт-енд: Виктория Шидловская
WP Theme Development / Базовое создание темы на Вордпрес: Виктория Шидловская
PROJECT URL: moodo.co
HTML5, CSS3, jQuery, SVG-animation, Bootstrap, Responsive development, WordPress.
The hardest part – animated fragrance badges with the expanding descriptions. They must push the surrounding ones on opening, move the whole canvas aside and back and be responsive for mobile devices. Also live round text was used.
How moving badges in Our Fragrancies section were made, my comprehensive tutorial on CSS and jQuery animation: An Object Expands, Moves, Pushing Other Objects Around.
Vibe Data presents an exclusive and comprehensive information about all kind of must-visit places in Israel.
This project is absolutely stunning because it was built on wordpress while the search and filtering options required much more expensive and time-consuming techniques (like react, angular and custom cms). So we did something really impossible.
PROJECT URL: IT Top Stars .
IT Top Stars is a company that conducts statistical research and makes infographics, based on them, of the most successful IT companies of Israel.
Most of the time we were concerned on making a big bunch of various animated charts with Charts.js.
All the rest work was also done: Web Design, HTML5+CSS3+Bootstrap, WordPress theme development, debugging, Google Analytics insertion.
PROJECT URL: DIGIPRODUCT
The hardest part was to come up with some fresh, bright and stunning idea. All the design is based on logo silhouette and water rippling user experience. I wanted to create something airy and vibrant.
Also responsiveness was really hard especially when About tab is opened. Please view the menu work, Ajax loading content into opening tabs without page refresh and browser history changes that it causes. Browser history manipulation is a very important task for such projects because every project and every page must be shared independently and browse an appropriate content on direct access.
Skills used: ajax, animation, css3, wordpress, psd-to-html, html5, bootstrap, jquery, design-thinking.