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

11 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

sakthi said...

Very nice post here and thanks for it .I always like and such a super contents of these post.Excellent and very cool idea and great content of different kinds of the valuable information's.
rpa training in bangalore
best rpa training in bangalore
RPA training in bangalore
rpa course in bangalore
rpa training in chennai
rpa online training

Mounika said...

Thank you for allowing me to read it, welcome to the next in a recent article. And thanks for sharing the nice article, keep posting or updating news article.
Python Online certification training
python Training institute in Chennai
Python training institute in Bangalore

jeeva said...

All are saying the same thing repeatedly, but in your blog I had a chance to get some useful and unique information, I love your writing style very much, I would like to suggest your blog in my dude circle, so keep on updates.
microsoft azure training in bangalore
rpa training in bangalore
best rpa training in bangalore
rpa online training

ragini ragini said...

Really you have done great job,There are may person searching about that now they will find enough resources by your post
AWS Training in pune
AWS Online Training

Powered by Blogger.