Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Course: Elements of a Great They Ask, You Answer Website

Start the Course Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer?

What is <span>They Ask, You Answer?</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
learning_center_grey__Free Courses and Certifications.svg

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
They Ask, You Answer Workshop

They Ask, You Answer Workshop

They Ask, You Answer Workshop
Navigation_8_2021_workshop

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Development

Website Design & Development
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close
... Inbound Marketing Web Design
Close
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website
Start the Course
Elements of a Great They Ask, You Answer Website
Free Website Course
View Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

Website Redesign: 5 Ways to Bridge the Gap Between Designers & Developers

By Melissa Smith

Melissa Smith also recommends this free course, Elements of a Great They Ask, You Answer Website.

Website Redesign: 5 Ways to Bridge the Gap Between Designers & Developers Blog Feature

People always talk about the communication gap between marketers and designers, but have you ever worked for a company where there was very little communication between the design team and the development team?

It’s not that uncommon to see a divide between designers and developers who are either separated by a wall or by floors.

This can create tension where both sides are constantly angry with the other. Designers may feel that developers don’t follow what they designed while the developers think designers don’t understand that some things just can’t be implemented.

Free Course: Elements of a Great They Ask, You Answer Website

Not only can this disconnect create tension, but it can cause unnecessary feedback loops between designers, developers, and even decision makers during a website redesign.

It can also lead to a longer QA time (or even delayed QA time) because the developer didn’t know what the designer was imagining for a certain section, and there were no notes for the developer to follow.

At IMPACT, we make sure that our creative team (designers and developers) work together through all the steps of building a website, from brainstorming meetings to final QA right before a site launch.

This ensures that things don’t fall through the cracks during a website redesign and that everyone is on the same page with how the final product should look and function.

Here are 5 ways to bridge the gap between designers and developers and ensure a smoother website redesign.

1. Get Everyone Involved Early-on

When developers are not involved in the very early design stages, it can cause major problems.

It can lead to designs that are impossible to build and cause endless back and forth between the designer and developer as they struggle to fix problems and days can be wasted on revisions and iterations.

Solve the problem by getting the developer involved right from the start. Don’t pull them in at the end when you need them to start doing what they do best, coding.

This early alignment will help the designer and even your project manager understand what is feasible to build within the scope of your project and what is and isn’t possible, as far as features.  

Having the developer’s insight into how things will translate, might lead to the evolution of a different design that will bring even more value to the table.

2. Make the Hand-Off Easy


The hand-off from design to development is crucial.

While designing, think about how the section will work/look on devices of all sizes and shapes.  it is unclear of what your vision may be for the different device, your designer should be able to provide your developer with a multiple designs

It is important that the design files stay organized. Your designers should be able to provide your  developers with a clean, well-organized design file that has every single layer labeled, grouped layers based on sections.  They should cut the assets themselves and name them appropriately to ensure that what goes into the finished product is exactly what was planned.

Yeah, I know this isn’t fun but this work in the beginning will free up your developer and allow them to focus more on building better features in the long-run.

Designers and PMs should also make sure their designs are consistent, in font sizes, font, colors, and spacing.

Style guides can help maintain brand consistency and then will help your developer while they set up their framework.

Once your team has completed the design needed, it is important to walk through them with your developer and leave notes.

It might seem redundant if the developer has been involved since the beginning, but this will insure crucial details aren’t missed during development.

3. Communicate Constantly

Don’t only talk to your developer when it’s time to hand off the designs. When you work together from the beginning, you will become a more powerful team, and ultimately create a better product.

If you’re unsure about how something will function, how a transition will work, or the flow of a user’s interaction consult with your development team. There are no stupid questions.

If you are on the other side as the developer, don’t be afraid to ask your designer a question on how they envisioned a feature working or a section looking on portable devices.

4. Increase Overlap of Knowledge

Designers need to be able to think like developers and developers needs to think like designers.

Don’t get me wrong; you shouldn’t be expecting designers to be able to code like developers, and developers to be able to design like designers, but having a base knowledge of each field will help dramatically when working together.

Designers should learn the basics of coding and what a developer actual goes through during a website redesign. Try one of these online courses for starters:

They should also learn the type of framework your company uses, and how their internal process works on getting a site built.

Developer should learn how graphics are used, go to design events to gain perspective, and pay close attention to the details of their work. They should also take the time to refresh themselves on common terminology that may arise, like these 28 design terms.

5. Share Industry Trends

It is important that both designers and developers stay up-to-date with current design trends.

Designers can share interesting articles on design, or designs they find fascinating while developers can also stay up-to-date on methods of implementation; being current makes you very valuable.

Elements of a Great They Ask, You Answer Website
Elements of a Great They Ask, You Answer Website

Free Course:

Elements of a Great They Ask, You Answer Website

Transform your website into your best salesperson and get set up for inbound marketing success!

In this course, you’ll learn:

  • What content and features your website needs to succeed with inbound marketing
  • How to design your website to best educate your audience
  • How to gradually make improvements or redesign entire elements of the website

Topics:

Web Design
Published on July 21, 2016

Recent Articles

11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
8 Crucial Elements Every Homepage Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
5 Prep Secrets for a Smoother, More Successful Website Project (+ Infographic)
October 14, 2021 • 7 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
8 Best Business Website Designs (Updated for 2021)
July 15, 2021 • 5 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read
Finally, Google page experience core update is rolling out
June 18, 2021 • 3 min read
8 Business Blog Design Examples That Keep Readers Engaged
June 16, 2021 • 6 min read
5 ways you can use the StoryBrand framework to make a better website
June 14, 2021 • 5 min read
What is a Featured Snippet? [Definition + Examples]
June 10, 2021 • 4 min read
Google June 2021 core update live, July core update coming
June 4, 2021 • 3 min read
Google's June page experience core update will be mobile first, then desktop
May 21, 2021 • 3 min read