Categories: Uncategorized

FusionCharts Website Redesign Behind the Build Process

On 1st Feb 2014, we launched a completely new website for FusionCharts after 7 months of intense work. New flat design, comprehensive demos and dashboards, a completely responsive website, zero clutter and a much more well-defined journey through the website among other things. Over a month after the launch, now that we are done fixing the bugs, optimizing the conversions and improving the experience as a whole, we thought it would a good time to give you a look behind what went into the making of what’s a fairly large B2B website with over 400 pages of content (a big part of which is our monstrous demos section).

Why a new website?

Our previous website had served us well for over two years. But over time, it picked up dust and clutter. The world was moving towards cleaner flat designs. More and more people were accessing our website from mobile phones where the experience was terrible. The performance was slow because of our legacy architecture (we were using IIS) and got even slower with all the additions we made to the website. We needed to solve all of these, and prepare for what we will need in the future.

For a website our size, it takes some courage to dive into a complete redesign knowing that it would be a 6-month process if not longer. It only gets multiplied by the fact that we do it all in-house. But after we gathered the courage, we set out on 7-month journey which is described in the PPT. Right from the objectives we set ourselves to the technology decisions we made to how we implemented SEO, the PPT takes a detailed look at the complete process and finally the results we saw. We think you will find it useful.

[slideshare id=32796133&doc=redesigning-the-fusioncharts-website-140327015733-phpapp01&w=599&h=487]

What do you think? What do you like most about our new website? What could we have done better? We would love to know.

sanket

Recent Posts

How to Integrate Interactive Charts in a TypeScript Project

Quick Answer You can add interactive charts to a TypeScript project using a JavaScript charting…

4 days ago

What Is a Line Chart? A Complete Guide to Uses, Types, and Best Practices

TL;DR A line chart plots data points along an x-axis (time) and y-axis (value), connected…

3 weeks ago

What Is a Column Chart? Examples, Uses, Types, and Best Practices

Bar charts, line charts, column charts- they all look similar, but picking the wrong one…

4 weeks ago

What Is an Area Chart? A Complete Guide to Uses, Types, and Best Practices

An area chart has been seen before, perhaps monitoring stock market data, web traffic, or…

4 weeks ago

What Is a Bar Chart? Definition, Types, Uses, and Best Practices

Have you ever read a quarterly report of a company, a sports result, or a…

4 weeks ago

How to Choose a JavaScript Library for Interactive Charts

Quick Answer: Choose a JavaScript library based on the charts and interactions your application needs.…

4 weeks ago