The WeatherMaster Dashboard needed to be updated to be a cloud based application and also needed to be updated to look modern and responsive. The Layout design of the dashboard and color theme was already completed I started with it.
Requirements for update
- Dashboard Needs to be responsive
Since the application is going to be able to function from anywhere, it is important that the dashboard can be accessed through any device.
- Needs to have a different layout on mobile
Since the layout of the dashboard is wide, there needs to be a different layout that makes all the content readable with mobile devices in a very nice format.
- Theme needs to match rest of the sites
Since the dashboard is part of Columbia Weather Systems I made sure to have a theme that feels like it works with the websites and the overall theme of the company. I did not make too many changes with the original dashboard so original users can still have familiarity.
- Menu Needed for additions down the line
Needed to create a menu for additional content that is going to be added down the line.
- Bootstrap Framework
Creating Dashboard on mobile
Early on it was stated that the dashboard was going to need a different format to be able to be read online. I found a solution that can make the dashboard be split in three different sections
Making the dashboard Responsive