WebPalsWebPals

By Company Blog

Reading Time: 3 minutes

Designer-Developer Communication: How One Tool Redefined It for Good

Designer-developer communication has been one of the most pressing issues in digital. Sometimes, it seems hard to draw a distinct line between the work of designers and that of developers.
Since we are a leading player in online and mobile performance marketing and traffic monetization, the issue didn’t bypass our family either, so we’ve decided to put it to rest.

Our approach is: each of the teams – be it designers or developers – should receive the right tools, enabling them to show their talents at the highest level while working together effectively and in unison.

Designer-Developer Communication: The Challenge

Both teams work hard daily, updating the big ‘website factory’ under our operation, but we never stopped improving the collaboration between our designers and developers.

“Sometimes, after the design’s initial implementation, it would be misaligned with the current code and would need extra work, leading to more ping-pongs.”– explained our front-end developer, Liorit Mirman.

At the same time, one of our designers, Nir Green, noted: “Designing a new look and feel for a site, which is part of a big “website factory” such as ours, can be tricky: the new design should fit the site’s line of business, its potential audiences, UI/UX, and every site element has to speak the same design language.”

Nir also added:

“In case coding knowledge isn’t something that’s in your toolkit, you turn to tons of old PSD files, which take time to update. What’s more, you can’t really see how each website element interacts with the design in the ‘live’ mode.”

So, the teams got together to understand the challenges each side faces and develop a tool to enhance designer-developer collaboration. It should:

• Allow each team to focus on what they do best
• Save time for both sides
• Ensure flawless end-product delivery

The Solution

As a result of the joint effort, a special website skin add-on tool was created.

How does it work?

Running on the background of a site, the tool allows designers to play with different color palettes and see the results live, without getting into coding and working with gigabytes of PSD files.

Showing the elements each site design is made of (buttons, tables, widgets, etc.), the tool can be used to tweak, test and change every site element’s color.

 

how designer-developer communication tool works

 

Designers can also view how the new site design looks on different pages by simply going to a specific page with the tool running on the background and save or reset the color palette entirely, which makes the tool quite flexible and easy-to-use when showing new site design mock-ups to our clients.

 

features of the designer-developer communication tool webpals group

 

If designers want to get inspired or just look at some of the past work, there’s a possibility to view site skins already designed.

As Nir Green noted: “The tool is truly a game changer! In the past, website design took somewhere between 2-3 days, with a few more days on the front-end side. Nowadays, the design work is reduced to mere hours.”  He revealed that they even went further and documented the entire skin design/change process which, together with the tool, allows for minimum surprises and mistakes.

A lot of hard work has been put into developing this tool. Having such technology in-house allows us to work faster while keeping up with the highest industry standards. “This tool really improved the work process, and we hope to develop more tools in the future.” – said Liorit.

The Results

As you can see, every time a challenge arises, we prefer to turn to our own technology and knowledge to find the perfect solution.

The designer-developer collaboration process is much easier and straightforward (at least for us:)), with new sites ‘coming to life’ faster. Of course, no one says goodbye to Photoshop, but the add-on reduces the amount of time one needs to use it while decreasing the number of mistakes made along the way.

“It’s a great way to fill the gaps!” – revealed both sides involved.

And that’s it! Hopefully, we gave you an idea how to improve the relationship between designers and developers. You can also improve it by joining our awesome family:) We’re actually looking for a Front-End Developer, and have many other interesting open positions. Check them out, surely you can find a job matching your skills!

katyaor
About katyaor
Designer-Developer Communication: How One Tool Redefined It for Good