Case study The Boston Globe One-line summary BostonGlobe.com invests in a responsive design website to enable readers to enjoy their site via various devices. The problem The Boston Globe is an American daily newspaper and needed a website that would be viewable and usable on a range of devices. They turned to Upstatement, editorial designers who specialise in websites and applications, to assist them in solving this problem (Bottitta, 2012). The solution Upstatement decided to build a responsive site for Boston Globe, to cater to all the devices on which their target market would be viewing the site. Before this website could be built, there were some key decisions that needed to be made. Among a few other considerations, the project leaders needed to establish the various breakpoints. Breakpoints are the points at which the device screen is too narrow or wide to display the site optimally. Once identified, the elements that needed to change at each of these breakpoints could be accounted for and a smooth user experience could be created (Bottitta, 2012). Which breakpoints and screen widths to design for Upstatement had some big questions to answer before they could start the design process. Some of these were: What are the key breakpoints? What do major templates look like at each breakpoint? What do the header and footer look like? What content appears on the home page, various section fronts, and article page? Whats the overall look and feel? (Bottitta, 2012) In order to identify the breakpoints, a variety of available devices were looked at: PCs, laptops, tablets, smartphones and dumb phones were among these. Upstatement identified six breakpoints. Some of these were specifically for smartphones and the iPad (Bottitta, 2012).

The following breakpoints were selected: 1200px 960px 768px 600px 480px 320px Key pages were then designed to accommodate these different widths (Bottitta, 2012). The process Designing with mobile in mind first is a well-supported school of thought, but this team designed with the desktop in mind first, at least for the design phase. They found it easier to design this way since most content fits in the desktop version. The design was then simplified for smaller screens. In the coding stage, the mobile first approach was used. They found this worked well and used it in their subsequent projects (Bottitta, 2012). Designing for desktop is the most complex, since most elements are included, but it is also easier to design for, since the elements are all likely to fit in. Different breakpoints were looked at throughout the design process, with the mobile breakpoints providing the greatest insight. Given the limited screen size provided by mobile phones, tough decisions had to be made about which elements were the most important to display. Simplicity was a key theme in this design process, with the question constantly asked being, whats absolutely necessary and how I can simplify? (Bottitta, 2012). In order to illustrate some of the decisions made in this process, the design of the header element of the The Boston Globe website will be discussed in more detail. Above the navigation bar, the logo, search bar and weather information needed to be displayed. The users account information also needed to be accessed here. Another important element was My Saved List, where users could bookmark site contents (Bottitta, 2012). Designing for 960px Once the design elements were determined, all the header elements fitted well for this breakpoint and scaled to the larger screen size of 1 200px. A large dropdown enabled each subsection to be included, where top stories and subcategories could easily be found (Bottitta, 2012). Chapter questions

Web development and design can be seen as the thread that holds digital marketing together. After all, websites are the first thing we think of when talking about the Internet. With the crucial role that search engines play in the way in which people explore the Internet, web development and design go hand in hand with SEO. And, of course, online advertising campaigns, social media channels, email marketing newsletters and even affiliate programs lead people to click through to your website, and sometimes to a customised landing page. Thats the web design jumping into the mix again. Setting up analytics correctly on your website is also essential to managing and monitoring your marketing success. Successful website development and design is all about the right preparation, and the resulting website usually forms the foundation of any digital marketing to follow. Make sure you understand your users needs, and youre building on a strong base. 1. What is an XML sitemap? 2. Which is more important in web design functionality or look and feel? 3. What role does a website play in an overall digital marketing strategy?

this is the second time I post this ques... can somebody help me in this case study !!!!!

first time I didn't get and of my ques well....