All posts by VictoryaShi

Moodo Smart Fragrancies

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.


Continue reading

IT Top Stars

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.




Continue reading

Digiproduct — Web Studio Site

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.


digi

Continue reading