Working on website design is one of our favorite things to do at Brucira. The creativity, strategy-building, and finesse that we get to display during web design projects are unmatched by any other, to be quite candid.
For every website design project, we start with information architecture and post-approvals. Then, we create wireframes before forming the final design.
The website content writing for the designs is often provided by the client. They either have their own website content writing team or hired contractors.
Here’s how a typical work tacker looks like:
The Pain Point
We usually receive website content writing in a document with headers and sub-headers marked to give the coordinates of the website content writing material. These markings help the developers visually identify where goes what. This leads to the creation of long documents that takes an enormous amount of time for both creators and the receivers.
We ask for the website content writing drafts during two stages - the wireframe stage and the final interface design stage. This means that the writers have to create website content writing copies twice, and since they have no idea how it translates into the design, they’re writing blind.
As the final design is being developed using the wireframes, content changes several times to fit the new design requirements. This means that if a particular section had forty words during the wireframe stage, it may need to be cut down to twenty words or fewer in the final design. This requires multiple rounds of edits, signing off on the final content by senior members, design and developer changes — all of which is time-consuming, expensive and tiring.
The whole process works like a table tennis game, except the writers on the other end of the table don’t know where to aim their ball. Waiting for writers to edit their copy interrupts the workflow of the designers.
Writers wait for the designers to add the given copy and send mock-ups of how it looks on the webpage. The process is repeated at least three or four times because the writers need to provide copy multiple times so it can complement the design while still sharing the client’s message.
The Holy Grail
We imagined there was scope for an alternative universe, one where the chaos of multiple rounds of website content writing edits didn’t exist. A space-time continuum in which designers and content writers could work in real-time synergy, eliminating confusion and inefficiencies. In this ideal world, website content writing wouldn't be a disconnected process but an integrated, seamless part of the overall web design journey.
Too often, we’ve seen brilliant website content writing copies fall flat simply because it didn’t sit well within a design, or creative layouts go to waste because the copy didn’t adapt quickly enough. This disconnect between content and design becomes a bottleneck, costing teams countless hours and added stress.
We wanted to reimagine website content writing not as a static document handed off to a designer but as a dynamic, collaborative process. One where writers could visualize their words in real context, on real designs, making real-time adjustments. One where design didn’t have to halt while waiting for a new round of rewrites. One where everyone, from copywriters to developers to stakeholders, could speak the same visual and textual language without switching between endless docs, screenshots, and email chains.
This vision was not just about eliminating inefficiency, it was about enhancing creativity and collaboration. Because when website content writing becomes a living part of the design process, the result isn’t just better workflow, it’s a better website.
What was needed
- A way for writers to be able to see how their copy lends itself to the website design.
- A way for designers to work seamlessly with copywriters without having to change the copy on the website multiple times because it didn’t fit, didn’t look nice, or simply didn’t do justice to the design.
- A cost-effective and time-saving collaboration tool for multiple rounds of copyedits between designers, copywriters, stakeholders, and everyone else involved in the project.
Drum Rolls Please
Ruttl is a website feedback tool that provides an ingenious way to save both time and money when it comes to website content writing for web design projects. With Ruttl, you can mark-up changes on a live website allowing content writers to make their website content writing edits directly onto the webpage. Senior members of the team can inspect the final website design and comment on live website that let the writers know what changes are needed in the website content writing material.
No longer will your edits for individual lines get lost in long emails or buried under your 5,647,000 email and Slack threads. As we mentioned, in a post about how we started using slides for illustration projects, we love innovative tools like Slack but most of them do not offer the similar level of agility that you get while using live website review tools like ruttl.
When it comes to involving key leaders and stakeholders, the client can simply use Ruttl to show what the live website would look like with the changes. Any edits the stakeholders may have can be directly implemented onto the webpage for the designers and developers to follow with Ruttl.
