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: A-mobile.biz.
A-mobile is a leading mobile and internet operator of Abkhazia.
Their site is built on Bitrix cms, using Bootstrap for responsive layout.
Check out hover animation of the tariffs blocks on the first page. To achieve that jQuery.color plugin, absolute positioning and several hours of testing were used.
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.