How do you work with a designer for a responsive website?

1 Know your audience

Before you start writing, you need to understand who your target audience is, what their goals and pain points are, and how they use different devices to access your website. This will help you craft copy that speaks to their needs, preferences, and behaviors, and aligns with the design strategy. You can use tools like personas, user journeys, and analytics to get insights into your audience and their expectations.

2 Define your content hierarchy

One of the main challenges of responsive web design is to prioritize and organize your content for different screen sizes and layouts. You need to decide what information is essential, what is secondary, and what can be hidden or removed. You also need to consider how your content will flow and fit into different breakpoints, grids, and containers. You can work with your designer to create a content hierarchy that defines the order, importance, and visibility of your content elements across different devices.

3 Write concise and clear copy

Responsive web design requires you to write concise and clear copy that can communicate your message effectively in limited space and time. You need to avoid unnecessary words, jargon, and fluff, and focus on the benefits, value, and action you want your audience to take. You also need to use consistent and appropriate language, tone, and voice throughout your website. You can use tools like readability scores, word counts, and headlines analyzers to help you write concise and clear copy.

4 Use responsive copywriting techniques

Responsive copywriting is a technique that allows you to create different versions of your copy for different devices, contexts, and scenarios. You can use responsive copywriting to tailor your headlines, subheadings, calls to action, and other content elements to suit the device, screen size, orientation, and user behavior. You can use tools like media queries, conditional loading, and dynamic content to implement responsive copywriting on your website.

6 Here’s what else to consider

This is a space to share examples, stories, or insights that don’t fit into any of the previous sections. What else would you like to add?