Louise Findlay

Web Designer

Author

Branding

The homepage of the Microsoft Surface responsive website showcased on a laptop and phone
The homepage of the Microsoft Surface responsive website showcased on a tablet and phone
The students page on the Microsoft Surface responsive website showcased on a phone

Details of Development

Languages and Frameworks Used

This project required me to use a framework and there were several that were allowed. I wanted one that didn't require me to be locked into a template and had simple built-in responsiveness.

I chose Foundation for Sites by Zurb because they have great documentation that details all their pre-defined classes. Using their top-bar, title-area, and top-bar section classes, I could easily create a basic navigation bar while tweaking it to suit the website.

Having testimonials of user experiences in each target market was important to achieve the key goal of driving those people to buy Surface products. With Foundation, the HTML5 blockquote and cite tags alone created beautiful quote styling.

Languages and Frameworks Used

Github Repository

Website