We have recently jumped on the Twitter Bootstrap bandwagon and are very happy with the decision. If you don’t know, Twitter bootstrap is a web framework that is “mobile first”. When they developed the framework they solved many of the issues that web developers face when dealing with responsive design such as how columns will collapse and stack as the screen gets smaller, re-sizing images to the device, managing device specific content, plus many more. Traditionally we built websites that looked great on the desktop, then would add CSS and javascript to make it look good on mobile devices. With this approach we had to pick certain mobile browsers sizes to concentrate our efforts on such as the iPhone and iPad (as the were the most popular). If you go to any smart phone retailer now you will see a huge variety of screen sizes, so with our original approach many of these new screen sizes would have wonky looking websites.
So using bootstrap and a mobile first approach our websites now look good on every device and screen size. Over the last 6 months we have developed a custom bootstrap website (thinkinsure.ca) and a WordPress Bootstrap theme (memorycentre.ca and roofing-solutions.ca).
Custom Bootstrap Website: thinkinsure.ca
This project was 6 months in the making. Darkstar Media handled both the design and development of this insurance company website. We worked hand in hand with thinkInsure’s SEO specialist and made sure the user experience was great for all devices and is fully optimized for search engines.
WordPress Bootstrap Theme: memorycentre.ca and roofing-solutions.ca
These are the first 2 completed websites to use the Darkstar Media WordPress bootstrap theme. The theme is simple to customize because of the bootstrap framework. It has custom callouts (calls to action) for the home page and internal pages which are very easy to manage. For memorycentre.ca we also designed their logo and set up their social media presence.
