Known has the “King of Web Standards” and a longtime hero of ours is Jeffrey Zeldman. He’s one of the brains behind WordPress, the blogging software launched in 2003 that has evolved into a popular publishing system for websites. Jeffrey once said…
“Your company’s survival is tied to the ability of the products it makes to work in situations you haven’t imagined, and on devices that don’t yet exist.”
When we’re asked to design a “responsive design” website, we still start with words. Before one pixel of design is undertaken, we have done our research on all their competitors and listed the top keywords for our customer’s industry. We list what sticks out in our research, we come to understand our customer’s pain points, we search for the “big idea” for the messaging, we list all the reasons why someone wouldn’t purchase from this customer and overcome possible objections, we describe products and services honestly and in process we find our voice and craft the entire message for the website’s content.
Next we create the brand message. Starting with the current logo, we create a brand messaging style guide based on the website’s copy. We gather all the social proof like customer testimonials and case studies and optimize the images to look great on all device sizes such as desktops and mobile phones.
Copy dictates design, not the other way around.
Because we started with the end in mind, we have all the content for the entire website and have created a site map. Every paragraph has a goal and a call to action and the content document is packed with relevant SEO words and phrases. Then we build the wireframe to define the layout structure on the many device form factors (2-dimensional sizes). On the left side of the wireframe is the site design as it will be viewed on computers; the right side is for tablets and mobile devices. Saved as a PDF, this document serves as a “go by” during coding and development.
But what about the future of websites? The answer may surprise you. Look at that growth of wearable devices like the Apple watch. We already use responsive design to translate websites on smaller screen sizes like tablets and mobile phones, but our wearable device is already forcing web designers to redefine responsive design. It’s more intuitive and less distracting to glance at a device on your wrist. Watch for it. The Internet of Things (IoT) is on the move!