Hubspot-inspired UI: CRM Template in Retool

We built a Hubspot-inspired CRM UI in Retool with some super useful features. Members can download the template for free!

Hubspot-inspired UI: CRM Template in Retool

There's a tendency with Retool to think that it's only possible to create basic, unpolished internal apps (read: ugly apps with default Retool-blue buttons). While it's certainly not yet a pixel-perfect builder, with every release of new features it's getting easier and easier to create beautiful apps that just look like the favorites you use every day. What's even better is that implementing these practical, sleek features is still really fast.

For that reason, we've been working on some simple UI inspiration templates that prove just how beautiful and functional Retool can be with just a few creative uses of components. For our first template: a Hubspot-inspired CRM UI (play with it here!).

Since sales agents often need quick access to lots of info on the same screen, we recreated the Hubspot vertical view functionality with a mixture of the sidebar frame, split pane frame and containers, with the ability to hide these away too.

For the card-like functionality of client task tracking and touchpoints, we used a listview component. For the toggle information on the right-hand side panel, we used toggle containers to hide away information until necessary. This gives the user full control over how much data they see at once and allows fast, organized access to related information in one place, without needing to switch tabs or pages.

Close-up of the CRM template, displaying card-like functionality for tracking client tasks and touchpoints using a list view component, along with a row of icon buttons for quick actions.

We also made an effort to replicate some of Hubspots intuitive action features such as the icon button row, with simple icons that are obvious to users and reduce the amount of space used up by action buttons for these primary actions. Secondary actions are tucked away in the actions dropdown. We also played with notification feature options in the navbar.

This app is a UI wireframe template inspired by Hubspot and created in Retool. You can adapt the template as you see fit for your CRM or Retool project.

You can play around with the UI Template using this link here.Want to download the source code? Sign up to our newsletter below!

We'll be releasing loads more templates like this over coming weeks, sign up and stay tuned for more!


πŸ’₯
At Bold Tech, we specialize in building great internal tools, fast. We are obsessed with building apps that make your teams happier and more productive. In our blog, you can learn all about how to build better business software for more satisfied employees, or get in touch to chat to us about what you're looking to build.


Sign up to the toolbox

Sign up now to get 1-2 emails per month with internal tool guides, tutorials, and updates on the industry, as well as access to exclusive downloads, such as tool templates and more.

Subscribe
Already have an account? Sign in

Great! You’ve successfully signed up.

Welcome back! You've successfully signed in.

You've successfully subscribed to Bold Tech Blog.

Success! Check your email for magic link to sign-in.

Success! Your billing info has been updated.

Your billing was not updated.