---
title: "Leverage Visuals in Back-End Engineering Hiring | CoderPad"
description: "Add visuals to your back-end engineering interviews. They’ll allow your candidate to provide more insight into how they think with their answers."
canonical: "https://coderpad.io/blog/interviewing/leverage-visuals-in-back-end-engineering-hiring/"
last_modified: "2022-06-23 10:26:54"
---
[Back to blog](https://coderpad.io/blog/)

# Leverage Visuals in Back-End Engineering Hiring

October 19, 2021 4 Minute Read [Interviewing](https://coderpad.io/blog/interviewing/)

The best interviews are subjective and allow a candidate to express their thought process. Whether that’s expressed through their code, comments, or via a conversation in code review, it can give a good insight into how they’ll function within your production codebase.

Unfortunately, most instructions provided within an interview – particularly those of back-end engineering – tend to be step-by-step instructions with little room for creative interpretation.

However, there’s a way to improve this: Add visuals to your back-end engineering interviews.

They’ll allow your candidate to provide more insight into how they think with their answers. How? Let’s explore.

## Ready to start interviewing?

[Get a demo](https://coderpad.io/sales/)

## UI Isn’t Relational

One of my favorite ways to assess a backend candidate’s capabilities is to provide a UI mockup and ask a user to implement the APIs required for the page.

Okay, wait, I can already hear your argument: “How can a UI mockup help test a developer’s ability when said developer is not in charge of the UI’s code?”

Well, take an example of this shopping app mockup:

>

Thanks to [the Figma community for the mockup](https://www.figma.com/community/file/1027873079125230851)

While the backend developer may not need to know how the state is maintained in the app itself, it’s important to know how said data is stored in a database.

In this mockup, we can see a list of food ingredients, coupons available to the user, categories, and more.

Let’s focus on the list view mockup. How would you expect a candidate to build a backend capable to handle this UI?

Does all of required server data get sent through a single`/api/home``GET`request?

```
{
    coupons: ["1239-2313", "5323-2123", "2345-8593"],
    categories: ["Vegetables", "Fruits", "Meats"], // Potentially objects?
    bestSelling: [// ...
    ]
}Code language: JavaScript (javascript)
```

Alternatively, maybe they have dedicated routes for best selling and categories? Similarly, how should the database store these values? How should the images be stored and how should they be associated with an object?

It’s important to remember that just like user tickets should have limited scope, so too should your interview questions. You should limit your expectations of solutions to just a few items from the mockup.

## Networks Are Complex

Standing up initial projects is a powerful skill that a backend developer can have, but it’s not always the most important one for organizations. After all, most projects in an organization are long-living; maintenance, scalability, and communication can be more important for those projects.

To this point, there are questions you can ask a candidate that will highlight these capabilities.

First, let’s start with data migration – while it can be difficult to meaningfully have a candidate spin up a data migration system for their interview, showcasing the differences between two schema versions and asking them to draw out how they would build a system to convert between the two can be super helpful.

Thanks to [the FigJam community for this design](https://www.figma.com/community/file/999008812984283340/UML-Diagrams)

Likewise, querying large datasets can often be a difficult but necessary task to add new features to your app. If you want to add a filter functionality with the ability to check against values that are grabbed from a many-to-many entry – how would you do that?

## Documentation

When dealing with large codebases, particularly those where teams are remote and separated along front-end and back-end lines, making sure communication between front-end and back-end is fluid is mission-critical.

In particular, API changes need to be communicated effectively in order to prevent breakage. With so many communication tools available (email, direct-messaging, tagging the group in chat, and automated notification tools just to name a few), it can be challenging to do.

While yes, an automated tool (like [Apollo Codegen](https://www.apollographql.com/blog/tooling/apollo-codegen/typescript-graphql-code-generator-generate-graphql-types/)) can generate typings to facilitate that process, it’s important that types aren’t the end-all-be-all to communicating how an API is meant to be used.

Tools like [Swagger](https://swagger.io/) or [GraphiQL](https://github.com/graphql/graphiql) can be a great first step to making sure your APIs are discoverable and documented. While simply listing out your routes aren’t enough, both of these tools enable you to add comments and other forms of documentation to your endpoints.

![GraphiQL showing the schema documentation](https://coderpad.io/wp-content/uploads/2021/10/img_616ee169d3d78.png)

This all can be difficult to add to an interview process, however. To see a pattern with a developer’s documentation, you need to have a good gauge of a candidate’s thoughts on API shifts and inter-team communication.

To make this easier, you can provide a frontend mockup and a representation of what will be changed in an upcoming API release.

![A database diagram next to a UI helps understand the nuance of both](https://coderpad.io/wp-content/uploads/2021/10/img_616ee16b35f1a.png)

Then, you can ask your candidate to write or talk through what they would do to communicate the changes to the frontend team, prevent the production environment from being impacted, and communicate why changes were made.

Remember, you shouldn’t be asking a candidate to do an essay. Simply explanations or simply having them walk through how they’d go about this process is oftentimes the way to go.

## Conclusion

Not enough back-end interviews leverage a visual medium to convey information to a candidate. Adding visuals can provide open-ended questions to gain insight into the candidate’s problem-solving skills.

While you might think setting up these backend visuals would be complex, [we’ve made them simple by adding the ability to integrate a CoderPad interview directly within Figma’s FigJam](https://coderpad.io/blog/product-updates/figjam-coderpad-a-more-visual-way-to-interview/).

![A database table migration visual next to the CoderPad widget in FigJam](https://coderpad.io/wp-content/uploads/2021/10/img_616ee16c93e77.png)

Just as visuals can be beneficial for back-end interviews, they’re [extremely well suited for front-end interviews as well.](https://coderpad.io/blog/interviewing/improve-front-end-coding-interviews-with-mockups/) They provide the same open-ended problem space while also testing a candidates’ influence on a micro-scale project’s front-end.

Regardless of the type of interview you’re conducting, we wish you the best of luck finding a candidate that fits your company. Happy hiring!

## Subscribe for more CoderPad insights

## Trending Articles

Previous slide Next slide [Interviewing

## 5 Skills of the Future Developer: A Framework for Evaluating AI Fluency

According to CoderPad’s State of Tech Hiring 2026 report, 82% of developers now find GenAI useful — up from 76% just a year ago. More telling: 54% of developers would experience a measurable productivity drop if AI tools were removed tomorrow. AI isn’t a productivity booster anymore. It’s infrastructure. With this shift, it’s no surprise […]

Read the post](https://coderpad.io/blog/interviewing/5-skills-of-the-future-developer-a-framework-for-evaluating-ai-fluency/) [Hiring Developers

## Q&A: Musings of a CEO on Tech Interviews, Cheating and AI

In this Q&A session on cheating and AI in tech interviews, Amanda Richardson emphasizes the importance of trust and effective interview design.

Read the post](https://coderpad.io/blog/interviewing/qa-musings-of-a-ceo-on-tech-interviews-cheating-and-ai/) [Engineering Management

## How To Use CoderPad To Interview Software Architects

Software architects are the masterminds behind the design and structure of software systems, ensuring that projects are scalable, maintainable, and aligned with business goals. Unlike more hands-on engineering and development roles, assessing architect skills in an interview relies much less on watching them code and more on their ability to drive software design principles and […]

Read the post](https://coderpad.io/blog/interviewing/how-to-use-coderpad-to-interview-software-architects/) [Hiring Developers

## “Don’t Expect Candidates to Have Everything Memorized”, the Dos and Don’ts of Cheating Prevention With Nathan Sutter

Sure, you want to prevent cheating. But you also want to feel good about your hiring process. So how do you do that?

Read the post](https://coderpad.io/blog/hiring-developers/dos-and-donts-cheating-prevention-nathan-sutter/) [Interviewing

## Crafting Effective Technical Interview Questions: A 4-Step Guide

Writing great technical interview questions can be hard. We're here to help.

Read the post](https://coderpad.io/blog/interviewing/crafting-effective-technical-interview-questions-a-4-step-guide/) [Interviewing

## Viral TikTok Layoff Videos: What You Need to Know

So, you’ve heard about these viral TikTok layoff videos, but you’re unsure how concerned you should be? Read about what you can learn from this content, and how it should impact your company’s HR practices.

Read the post](https://coderpad.io/blog/interviewing/viral-tiktok-layoff-videos-what-you-need-to-know/) [Interviewing

## 8 Steps Recruiters Can Take to Instill Inclusivity in Tech Interviews

As TA professionals, you have the power to create an inclusive interview environment for your interviewers and interviewees. Want to know how? This guide will help you.

Read the post](https://coderpad.io/blog/interviewing/inclustive-technical-interview-guide/) [Engineering Management

## These 9 Red Flags Are Scaring Away Candidates During Interviews

Don't let your name be dragged into a bad Glassdoor review.

Read the post](https://coderpad.io/blog/engineering-management/these-9-red-flags-are-scaring-away-candidates-during-interviews/) [Interviewing

## Best Platforms for Remote Interviews

Discover how the modern employment landscape is embracing remote work and virtual interviews. Dive into the capabilities of platforms like Zoom, Skype, Microsoft Teams, and Google Meets for general use, and explore specialized options like HireVue, Codility, and CoderPad for technical hiring.

Read the post](https://coderpad.io/blog/interviewing/best-platforms-for-remote-interviews/) [Interviewing

## Why One-Way Video Interviews Don’t Work and What You Should Do Instead

Read about why one-way interviews are less promising than they seem and explore alternative methods that offer a fairer, more realistic approach to hiring.

Read the post](https://coderpad.io/blog/interviewing/why-one-way-video-interviews-dont-work-and-what-you-should-do-instead/) [Interviewing

## 2 Interview Questions to Assess Your Next Intermediate Backend Engineer

Looking for guidance in evaluating your intermediate backend developers? We've got the perfect solution with these two insightful questions.

Read the post](https://coderpad.io/blog/interviewing/2-interview-questions-to-assess-your-next-intermediate-backend-engineer/) [Interviewing

## 3 Tips To Introduce ChatGPT Into Your Technical Interviews

Integrating ChatGPT into technical interviews involves setting clear expectations, demonstrating its practical use, and acknowledging its limitations, creating a fair and realistic assessment environment that aligns with the evolving landscape of software development

Read the post](https://coderpad.io/blog/interviewing/3-tips-to-introduce-chatgpt-into-your-technical-interviews/)

## Hire with confidence.

See why engineering teams trust CoderPad to evaluate developers with realistic, AI-ready hiring workflows.

[Request a demo](https://coderpad.io/sales/)