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

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

for ict 99 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

Zinavo-Web Design | Web Development | SEO | Mobile Apps | ERP/CRM said...

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

Unknown 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

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

Unknown 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

rocky said...

welcome to the next in a recent article. Really very informative and creative contents.
Thanking you.
Python Training in Chennai

Python Training in Bangalore

Python Training in Hyderabad

Python Training in Coimbatore

Python Training

python online training

python flask training

python flask online training


Jayalakshmi said...

Great post!I am actually getting ready to across this information,i am very happy to this commands.Also great blog here with all of the valuable information you have.Well done,its a great knowledge.
web designing training in chennai

web designing training in tambaram

digital marketing training in chennai

digital marketing training in tambaram

rpa training in chennai

rpa training in tambaram

tally training in chennai

tally training in tambaram

deiva 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 designing training in chennai

web designing training in omr

digital marketing training in chennai

digital marketing training in omr

rpa training in chennai

rpa training in omr

tally training in chennai

tally training in omr


Sarthak Yadav said...

Good Post! , it was so good to read and useful to improve my knowledge as an updated one, keep blogging.After seeing your article I want to say that also a well-written article with some very good information which is very useful for the readers....thanks for sharing it and do share more posts likethis. https://www.3ritechnologies.com/course/sap-online-training-certification-course/

Powered by Blogger.