Selling website templates can be a great passive income source if done right.
A perfect roadmap with the right resources can save you a lot of time.
Here's a step-by-step guide to create website templates ⤵️
A perfect roadmap with the right resources can save you a lot of time.
Here's a step-by-step guide to create website templates ⤵️
1️⃣ Learn HTML and CSS:
In order to create websites, you should know how to structure (HTML) and design (CSS) your web pages.
These free courses can help you here:
- Crash course by Scrimba: scrimba.com
- Course by freecodecamp: #applied-accessibility" target="_blank" rel="noopener" onclick="event.stopPropagation()">freecodecamp.org
In order to create websites, you should know how to structure (HTML) and design (CSS) your web pages.
These free courses can help you here:
- Crash course by Scrimba: scrimba.com
- Course by freecodecamp: #applied-accessibility" target="_blank" rel="noopener" onclick="event.stopPropagation()">freecodecamp.org
2️⃣ Learn RWD:
An important aspect of websites is Responsive web design, which means your webpage will look good on any screen, whether it's a desktop or phone.
- W3Schools: w3schools.com
- web. dev: web.dev
- By Kevin Powell: courses.kevinpowell.co
An important aspect of websites is Responsive web design, which means your webpage will look good on any screen, whether it's a desktop or phone.
- W3Schools: w3schools.com
- web. dev: web.dev
- By Kevin Powell: courses.kevinpowell.co
3️⃣ Explore, create, and design:
You have the skills, time to implement them! One of the best ways to do that is:
- visit websites
- Take ideas and observe
- Mix them up and come up with a new design - you may like the layout of one website and colors of another.
You have the skills, time to implement them! One of the best ways to do that is:
- visit websites
- Take ideas and observe
- Mix them up and come up with a new design - you may like the layout of one website and colors of another.
But where to find such websites for inspiration?
Here are 3 of my favorites:
- Dribbble: dribbble.com
- Behance: behance.com
- OnePageLove: onepagelove.com
Here are 3 of my favorites:
- Dribbble: dribbble.com
- Behance: behance.com
- OnePageLove: onepagelove.com
To get an overview, you may need to design the websites first and then move ahead to code.
Tools that do the job well are:
- Figma (free)
- Adobe XD
Tools that do the job well are:
- Figma (free)
- Adobe XD
4️⃣ Choose a framework:
Although you are good to go with basic CSS, frameworks can make the work much easier and save you a lot of time.
- Bootstrap: getbootstrap.com
- TailwindCSS: tailwindcss.com
- Bulma: bulma.io
youtu.be
Although you are good to go with basic CSS, frameworks can make the work much easier and save you a lot of time.
- Bootstrap: getbootstrap.com
- TailwindCSS: tailwindcss.com
- Bulma: bulma.io
youtu.be
5️⃣ Sell your templates:
Okay, so you're ready to sell the awesome templates you've designed.
Platforms where you can market them are:
- Gumroad: A great choice if you have an audience
- ThemeForest
- Template Monster
- Creative Market
- Envato Marketplace
- Your own website
Okay, so you're ready to sell the awesome templates you've designed.
Platforms where you can market them are:
- Gumroad: A great choice if you have an audience
- ThemeForest
- Template Monster
- Creative Market
- Envato Marketplace
- Your own website
Once you've built a nice portfolio, you can start looking for clients and do freelancing on platforms like Fiverr as well.
That's all for this one. Thanks for reading!
That's all for this one. Thanks for reading!
Loading suggestions...