Thursday, 17 September 2015

Web Development: Responsive Website with Animations on Drupal

Our Web development team has completed the development of a Drupal website with responsive design and multiple animations. You can check out the description of our project.

CHALLENGE


The goal of this project was to create a responsive design website introducing a mobile application for healthy lifestyle and wellbeing.

The Customer’s requirements were the following:

·         The website should have a responsive design that adapts to the devices of visitors (desktops, tablets, and mobile phones);
·         The website should consist of a Homepage and several interior pages: (About us, Contact us, Сookie policy, Privacy policy, Terms and Conditions, and Page 404);
·         The homepage is a page with multiple animations that have to work smoothly and efficiently across different devices and platforms; the animations also should be efficient on weaker connections;
·         About us and Сontact us pages are standard pages with a banner, text, static images, and a mail form;
·         The mail form should be integrated with a MailChimp account, and the website should be linked to Google analytics;
·         The website should be built with good SEO practices;
·         The site is based on Drupal 7 CMS.

SOLUTION


The development process included such tasks as:

·         Image files slicing and responsive web pages creation with CSS3/HTML5;
·         Pixel perfect development;
·         Adaptation of graphics for displays with high pixel density (e. g. Retina);
·         Developing pages with parallax scrolling effect;
·         Creating animated circles, iPhone and Apple watch animation and sliders as a part of design;
·         Building interior pages (About us, Contact us, etc.);
·         SEO and integration with Google analytics;
·         Newsletter and MailChimp integration.


The Team performed very detailed testing (including testing on Retina displays) and bug-fixing.



RESULT
The Innowise Group Team developed the website in time with all the features requested by the Customer. The website has great overall user-experience, is effective and easy to use across devices. All animation works well, what makes the design look dynamic and visually appealing. The website is in a launch ready state and was released for the Customer’s review.

TECHNOLOGIES & TOOLS


Technologies & tools: DB MySQL v5.5.27, HTML5/CSS3, jQuery
Languages: PHP 5.4.7, JavaScript 1.3.
CMS: Drupal 7

7 comments :

Robert F. Crocker said...

I found your website perfect for my needs. It contains wonderful and helpful posts. Keep up the good work! html coder

for IT the said...

Great & Useful Articles

Responsive Web Design Mobile First Development Bootstrap Training | Bootstrap Course | Bootstrap Online Training | Bootstrap Training in Chennai | Bootstrap Interview Questions | Javascript Training in Chennai | HTML5 Training in Chennai

Ayesha Zulfiqar said...

Nice post.
Web Development Services.

Zinavo Technologies said...

Thanks for sharing this, your article is very interesting, share more updates. Web Designing Bangalore | Website Design Bangalore | Web Design Bangalore

Zona Nichols said...

It is really a perfect post for web development. Useful and informative. Thanks for sharing it which helped me a lot. Always make us update with such type of article.
Web Development Company Australia

Vcom Infotech Company said...

Challenging task within the customer's requirement and the solutions which we are providing within the satisfying, could be amazing and impressive to be shared. Coimbatore websites | kovai web solutions | best logo design company

Orion Technosoft said...

Thanks for sharing this information.
Web Development Company Pune
Responsive Website Development Company

Powered by Blogger.