3.  Wendy Trem, User Experience Practice Director  Matt Miller, User Experience Designer  Bill Wolohan, Senior ASP.NET and CRM Developer  Jim Raden, Senior ASP.NET Developer  Rich Deken, Business Intelligence Practice Director  Richard Broida, Connected Systems Practice Director Who We Are

6. Vision and Design

7.  Update the content to show our company today  Provide a contemporary look and feel  Responsive web design  Design and implement with the future in mind Goals for the New Web Site

8. What is Responsive Design? Responsive design is the approach to creating/designing websites where the content is optimally displayed regardless of screen/device. The website will adapt to your screen size and display the content to best fit.

9. Why Responsive Design? #1 – Flexibility: content moves freely across all screen resolutions and all devices. #2 - Excellent User Experience: provides the optimal user experience irrespective of whether they use a desktop computer, a smartphone or a tablet. #3 – Cost Effective: advantages of having a single site that conforms to the need of all devices are significant when compared to having multiple websites #4 – It is Recommended By Google: Google states that responsive web design is its recommended mobile configuration and an industry best practice.

10. Responsive Statistics 2015 80% of users are using their phone to search the internet. 47% use a tablet. Of the Alexa’s top 100 sites only 11% of them are still using fixed widths. This means 89% of the tops sites in the world are responsive. What do we know moving forward? Responsive is here to stay! Source: Global Web Index

11. Follow along! http://www.bennettadelson.com A Tour of Our New Site

12.  Planning Content  Designing the Layout  Adapting for Small Devices How We Designed the Site

13. Building the Site

14.  Why ASP.NET MVC is great for responsive design Choosing the Platform

15.  MVC Views  Dynamic content from XML  Content from external sites Putting in Content

16.  Choosing a framework  How we used Bootstrap  How we used LESS Implementing Responsive Design

17.  Visual Studio Web Essentials  Taming Javascript  JQUERY  TypeScript More Helpful Tools

18.  Why SVG?  Cross Browser Challenges  E.g., IE 8  How We Formatted Images

19. Takeaways

20. Microsoft Azure Hybrid Cloud: Bring Internet Scale to Your LOB Apps