DEV Community

Cover image for HTML template maker roadmap
Lucian Tartea
Lucian Tartea

Posted on • Updated on

HTML template maker roadmap

Developers are in the best position to repurpose their freelancing and job experience into products. Knowledge can be packaged in multiple formats and easily offered to masses of users via tools like Gumroad.

The purpose? Make their life easier and in return generate revenue to support the maker. Although I am big fan of free resource and crated some myself, at the end of the day money pays the bills.

HTML templates are one of the basic product types you can build to save users design and development time. They aren't difficult to make and don't need more than HTML CSS and some design software skills.

Some of the benefits of template making are: passive income, freelancing inquiries for active income, better job opportunities. The beauty of passive income is that sales happen without your active involvement.

They can happen while you sleep, when relaxing on holiday and even while working your day job. That's right you can do this as a side hustle to round off your income and to learn new skills in your spare time.

Personally I've chosen to make templates full time and it enabled me to earn a decent living for around 5 years now. No commute, no boss, no alarm clock, not being tied to my desk. Complete freedom.

To me freedom is no 1 priority and I work hard (sometimes smart) for it every day. But this is just a personal opinion. I've learned in time that some folks don't know what to do with freedom and that's Ok.

If you're keen on starting to build products even with just basic skills (mastered well) I have assembled the following HTML Template Maker Roadmap which will guide you through this journey.

It's all from real personal experience because you can imagine there are no online sources of inspiration for this. If there were, you would have probably heard about them already. Word travels fast online.

The roadmap is split in 4 stages which cover beginner and intermediate levels. My experience doesn't go beyond HTML, CSS, Bootstrap. But you can take it further with UI Kits, React, Vue, Next and such.

1. Learn skills

Making HTML templates is definitely not rocket science. You can make templates even as you learn and refine your skills. Of course as with everything the more you learn, the better your products will become.

  • English skills. Learn written English language very well. Templates will look professional and it's vital for audience growth
  • HTML & CSS. There is no way around this. Great HTML & CSS skills are mandatory for creating HTML templates
  • Frameworks. Bootstrap, Tailwind, choose one for the advanced components or go no framework if you build your own library
  • Design software. I use Photoshop and Illustrator but you should check out Figma because it's free and increasingly popular
  • Twitter growth. There are ebooks and courses available for growing on social media. They can cut months of experimentation time

2. Grow audience

You can start growing your audience as soon as you start brushing up your HTML/CSS or design skills. Constantly post your intentions, what courses and tutorials you take, how you customized the results.

  • Personal brand. Develop your personal brand and grow your online audience. This is as important as building the products, even more
  • Use Twitter. It's friendly and appropriate for devs but you can also look into Discord, Reddit and Facebook. See what works
  • Profile sells. Create a professional looking appearance on your social media profiles because they actually sell your work
  • Identity. Use a real photo, your real name and create a bio description that includes links to your templates shop
  • Visibility. Engage dev, design, freelancing content creators with positive and constructive comments to make your profile visible
  • Experiment. Test what content type works for you: tips, resources, motivational. Post around 3 tweets per day, every day !!!
  • Blogging. Use blogging platforms like to post informative articles and grow the audience even more

3. Make templates

My focus is on landing page style Bootstrap HTML templates and I can confirm it's getting kind of crowded. I suggest you to research and find a future proof niche that has a little bit less competition.

  • Find niche. It's much easier to grow awareness and sell more if you niche down: UI kits, dashboards, ecommerce, Tailwind, React
  • Study products. Study free and paid products in the niche you are targeting to see what features and components are mandatory
  • Inspiration. Get design and layout inspiration from popular sources: Dribbble, OnePageLove, Landingfolio, Awwwards - Nominees section
  • Tutorials. You can search "Build a landing page HTML CSS" on YouTube, take the tutorial and build your own vision immediately after
  • Inspo. Taking inspiration doesn't mean copying. Always customize heavily and put what you see through your own vision
  • It's close to impossible to rebuild an online reputation if you are labeled a "copycat". You'll have to go farming or something

4. Sell templates

Selling HTML templates has 2 approaches. First by using Gumroad for payments together with your own presentation website. Second is with template marketplaces. You can use both of them at the same time.

  • Gumroad start. Use it to setup your first products because it allows you to offer them for free or in paid format
  • Own website. Create your own website to present the templates and offer Live Previews for them. Link Buy buttons to Gumroad
  • Free items. Continue to constantly grow your audience by offering free basic items which promote your premium ones
  • Creative Market. Publish the same templates on CM. It's very easy to get on as soon as you have a basic templates site to show as portfolio
  • ThemeForest. Feeling up for the challenge of your dev life? Try getting on TF. It will reward you with 10x Creative Market sales
  • Don't bother with exclusivity on any marketplace, it's not worth it. You are better off publishing the same everywhere
  • Marketplaces commissions are 50% on Creative Market and 55% on ThemeForest. Gumroad takes only 9% of your sales

Hope this roadmap will help you get started with template making easier and get you closer to your objectives on the web developer journey. It's a great way to learn by building and actually making revenue too.

I created an ebook called How To Create And Sell HTML Templates based on my template making experience. Would love to have your feedback in the comments section below.

Discussion (16)

amersikira profile image
Amer Sikira

Excellent article Lucian.

Thank you for sharing your hard earned experience and providing us with such valuable information.

luciantartea profile image
Lucian Tartea Author

Thank you Amer for the awesome encouragement

franakimiles profile image
Franakimiles • Edited on

Usually, the main business of big businesses isn't related to technology It's a combination of different industries, including banking, insurance, and manufacturing. There are no ready solutions for most of these businesses without customization, so custom software development becomes essential. The end result is a fully functional and effective web application, which solves the specific needs of the business. If you're considering hiring a web development company, be sure to ask for a portfolio of references, including past and present clients.

extrabright profile image

Great article Lucian 👌Keep up the good work

luciantartea profile image
Lucian Tartea Author

Thank you very much Alexis, you too

imiahazel profile image
Imia Hazel

Thanks for conveying your experience. You have clarified it smartly by breaking down the roadmap. This article has something for everyone.

luciantartea profile image
Lucian Tartea Author

Thank you very much Imia for the awesome appreciation. It's great for motivation.

pascuals17 profile image
Pascual Silveira

Thank you so much for this excellent article Lucian. Great job!

luciantartea profile image
Lucian Tartea Author

It's my pleasure. I really appreciate your support

triptych profile image
Andrew Wooldridge • Edited on

"and crated some myself" --> "and created some myself"

leandrodiascarvalho profile image
leandro dias de carvalho

Estava pensando em trabalhar com templates, contudo não sabia por onde começar. Depois dessas dicas agora conseguir.
Muito obrigado por esse artigo.

suzikaily profile image

What are the most common types of product roadmaps? best tantrik in Aligarh

_gulam_anas_ profile image

It was a great read and much easy to understand the whole concept behind this,
thank you so much Lucian for sharing this great thing :)

mobasher10 profile image

learn from this

luciantartea profile image
Lucian Tartea Author

Thank you for the positive feedback

mohithgupta profile image
K.Mohith Gupta

Any Christmas Discount on your Book??