Learn
Learn
Close

They Ask, You Answer

A revolutionary approach to inbound sales, content marketing, and today’s digital consumer.

Learn MoreLearn More

Free Courses in IMPACT+

Dozens of sales, marketing, and content courses inside IMPACT+. Start learning now.

See all coursesSee all courses
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Coaching & Implementation Services
Coaching & Implementation Services
Close

Services Overview

See how you can dramatically increase your inbound leads and sales.

Services Overview

Digital Sales and Marketing Mastery

Fast track your team’s success with IMPACT's most popular service.

Digital Sales and Marketing Mastery

Web Design

Launch a beautiful website that consistently generates leads and revenue.

Web Design

Virtual Sales Training

Equip your sales team with comprehensive training designed to help them close more deals in today's virtual-first world.

Virtual Sales Training

HubSpot Training & Implementation

Train your company to take ownership of HubSpot and get the most out of your investment.

HubSpot Training & Implementation

Case Studies

See dozens of examples of companies succeeding with Digital Sales and Marketing Mastery and They Ask, You Answer.

Case Studies
Become a Coach
Become a Coach
Close

Designer and developer love: 6 tips for better collaboration [Infographic]

Designer and developer love: 6 tips for better collaboration [Infographic] Blog Feature

Joe Rinaldi

UX Designer, HubSpot Design & GDD Certified, Designer for 70+ Sites for HubSpot and Various CMSs

February 16th, 2020 min read

Finding the right middle ground for collaboration between designers and developers can be a tough challenge.

It’s likely something most companies will struggle with at one point or another.

In fact, earlier in the month, I wrote an article detailing IMPACT’s own struggles with bridging the gap between designers and developers. 

We had issues aligning our team on project goals, poor communication between teams, and worked in a very siloed approach. 

After we completely broke down and analyzed our design process, however, we were able to figure out where our biggest issues were, and start solving them. 

Deciding where to start is one of the biggest hurdles in improving collaboration.

Aside from checking out my other article (shameless plug) to see what we did, you can check out this handy food-themed infographic below. 

Created by the teams over at Invision and KlientBoost, the infographic covers six high-level tips to help smooth out your team's collaboration. 

These tips are not only paired with fun food illustrations, but you can use them as a starting point for making improvements in your design process. 

Some of my favorite tips from the infographic include:

Stay focused on the user

Whether you’re designing a new page for your site or developing a new feature the end goal should always be to improve the overall user experience.

Keeping your team focused on the user’s needs is the common ground that unites designers and developers to work together.

One way to keep your team focused on the user is through usability testing

Whether you do your testing in person or remote, moderated or unmoderated, user testing will highlight the areas you need to focus on and give your design and development teams and roadmap to follow.

You can see things like how easy it is for people to complete specific tasks on your site and how enjoyable people find the overall user experience.

Get development involved early

One of the main collaboration breakdowns we’ve faced at IMPACT  is how we used to treat website projects like an assembly line. 

Our designers would work on a design and then hand it off to development to be coded and move on to the next project. There wasn’t a ton of collaboration happening between the two teams which led to a number of other problems. 

Getting development involved earlier in the design process will help reduce communication issues. The increased collaboration will also lead to more creative solutions and ultimately a better final product.

Create a well-defined system and process

Having a well-defined design system and process to follow are, in my opinion, the two most beneficial things you can create for your team. 

Creating a design system for things like naming conventions, grid sizes, and file organization will get your entire team speaking the same language. 

This helps reduce miscommunications and unnecessary revisions on a project.

In addition to the design system, you also need to create and document your process for design. 

Having a clear order of operations will help keep things moving because there won’t be any logistical questions about who is responsible for what or what’s the next steps of a project are. This helps keep your team members focused on the task at hand.  

Check out the rest of the tips below: 

13-Invision-Design-and-Development

FREE On-Demand: The Website Optimization Summit Opening Keynote

Watch Liz Moorehead’s takeaway-filled opening keynote from the Website Optimization Summit for FREE inside IMPACT+.

Your business website should be your most profitable virtual employee -- closing deals left and right. Yet, business leaders and digital marketers just like you are unwittingly undermining the money-making potential of your website. 

Let Liz Moorehead show you the simple and powerful ways you can immediately increase the revenue potential of your business website, no matter what industry you’re in, in this information packed keynote.

Watch Free On-demand

Keep Scrolling to Continue Reading

Watch Liz Moorehead’s opening keynote from the Website Optimization Summit, FREE on-demand inside IMPACT+. Learn how you may be unwittingly undermining the money-making potential of your website and how to fix it!
Watch Free On-Demand
Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

IMPACT+ Sign Up
A FREE online learning community with on-demand courses, hundreds of expert-led sessions, thousands of your peers ready to support you, and much more.
Check it out
FREE On-Demand: Watch Liz Moorehead’s Website Optimization Summit opening keynote now!
Watch Free On-demand
FREE On-Demand: Watch Liz Moorehead’s Website Optimization Summit opening keynote now!