Responsive Design

Getting It Right, With Responsive Design.

I am a firm believer in “Keep it Simple”, and “Less is More” when it comes to design. Especially interactive design.  In today’s world the average window to engage a mobile visitor to your web site is less than five seconds. If you consider that more than ten cents out of every dollar spent online, now happens through a mobile device, it is your best interest to make every one of those seconds count.

A key to capturing and holding a visitor on your site lies in using responsive design that scales across all devices and operating systems. With the marketplace shifting more and more to a post desktop world you need to be able to effectively reach your target audience on their smart phone, tablet, laptop, and even their TV. because of this, making sure your web site is designed to meet their ever-evolving needs is critical.

Responsive design allows you to  keep the features visitors want, and effectively remove the things they don’t. In todays ever-changing interactive world there is no room  clunky graphics, confusing navigation, or pages locked into desktop-only resolutions. Today’s users want their Internet lean, clean, and sized for whatever screen they are looking at.

The reward for making more out of less is substantial. With more than 2.1 billion mobile broadband subscribers ( A number that is growing exponentially ) as potential visitors, customers, content readers, brand advocates, social connectors, influencers, etc. working with an economy of expression and maximum interactivity are critical. The best design may just be the one boasting the greatest interactivity and the fewest visible designer touches.

The infographic below shows off some of the best principles and practices for developing smart responsive designs for your interactive projects.

Responsive Infographic

Stichpunkt for BMW. The Sustainable Value Report.

By and large when people think of BMW they don’t think of an automobile manufacturer that is known for sustainable, green solutions. Even with the introduction of the i3 due for 2014, clean diesel, and start/stop technology, most people think of BMW as the guys that make powerful sport sedans and SUV’s that get mediocre gas mileage.

1

Strichpunkt was asked by BMW to design and develop the 2012 Sustainable Value Report for the German automotive manufacturer. The challenge; concept, design, and develop a report that integrates traditional print and responsive digital design, to communicate BMW’s values on sustainability. Strichpunkt was asked to create something that communicates BMW’s strategy, values and actions in a factual way that created an emotional experience for the target audience. And it needed to read well for both trade, and the public.

4

Strichpunkt’s solution; a structured, easy to understand report that explains BMW’s strategy and actions in a series of selected case studies. The case studies were designed to provide the broad range of sustainability activities BMW is engaged in and explain with concrete examples how responsible business conduct works in practice – individual, high quality and playful implemented in vivid collages, illustrations, and striking infographics with high-tech appeal.

The case studies were designed to provide the broad range of sustainability activities BMW is engaged in and explain with concrete examples how responsible business conduct works in practice – individual, high quality and playful implemented in vivid collages, illustrations, and striking infographics with high-tech appeal.

Fact sheets, graphics, info sidebars, editorial that follows journalistic style guides gave the document a clear structure that makes the whole thing a quick and informative read. The focus and design, reflect a high-quality and ecologically produced printed report that shows the pioneering role of BMW and its subsidiary brands – particularly in terms of sustainability.

The online report, was implemented as part of the corporate website which, expands and deepens the theme of sustainability. The result a scalable website that functions across all digital devices from computer to mobile featuring easy to use navigation, and rich informative media that is a genuinely sustainable approach to design.

This slideshow requires JavaScript.