Drive | Free HubSpot Drag-and-Drop Theme

Drive is a free drag-and-drop theme that enables users to build and manage a website on HubSpot CMS without code.

Comment

Inspiration

Inspired by minimalist web design, my theme contains both clean code and an editing experience that keeps the user in mind. As most users of this theme will have no coding experience, I wanted to give them enough flexibility to create a manage their site without code while keeping the editing UI as clean and intuitive as possible.

What it does

The Drive theme allows marketers to build and manage a modern and responsive website without any code on HubSpot CMS

How I built it

HTML, CSS, JavaScript, jQuery and HubL (HubSpot's templating language which is very similar to Jinja2) and HubSpot CLI for for continuous deployment to HubSpot.

Challenges I ran into

HubSpot made it possible for developers like myself develop website templates with drag-and-drop areas which marketers can leverage to build a website without code. These drag-and-drop features are relatively new to HubSpot CMS so there's not a ton of dev community Q+A on forums like StackOverflow which come in handy when debugging. I had to really lean into my programming experience/intuition to solve problems involved with debugging some of the code responsible for making the drag-and-drop features work. That being said the developers at HubSpot were super helpful and the HubSpot dev docs are maturing every day.

Accomplishments that I'm proud of

I'm proud to have created one of the first drag-and-drop themes available in HubSpot's Asset Marketplace. I own a HubSpot web development agency and this digital product is going to be a huge value add for my clients.

What I learned

I've built a ton of MVPs and hobby dev projects in my day, but this is the first digital product I've every truly brought to market (on my own). Lesson: there's a big difference between building something that "works" and somethings that's ready to be included in a Marketplace for real people to use.

What's next for Drive | Free HubSpot Drag-and-Drop Theme

I look forward to using this product as a demo for a paid version of the theme and a lead generation tool for new HubSpot CMS web dev clients.

Built With

Share this project:

Updates