M-Way Apps

About this one page website

Great single page website for ‘M-Way Apps’. Love the clean palette and easy-to-read content with fresh images. Check out their build notes below for more info.

M-Way Solutions conceives, designs and develops cross-platform mobile applications for enterprises showcasing this approach in this responsive and animated one pager. The website shows through nicely animated illustrations and a comprehensive app download/exploration section the current project portfolio as well as information about the aspects of corporate mobile apps. Next to this the site documents the company owned open source HTML5/JavaScript framework The-M-Project and some use cases in the field of m-commerce. A nice page flow through smooth scrolling and overall animated and retina optimized illustrations and images, thoughtful copy writing should increase overall understanding of the subject and improve the user experience. Difficulties while developing the site: Triggering the CSS3 animations for the first block with JavaScript – in case the browser does not support CSS3 transitions or it has JS deactivated so that the images still load with no animations. The rest of the animations are triggered within a div which acts like a flag: when the flag enters the viewport the animation happens, when the flag leaves the viewport there is a fade out animation and the element hides.