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.
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.