For  more in depth knowledge try Online Classes or a Book

so... you want to make a website!!

Let us guide you!!

Game plan

If you’re looking into building a new website or updating an existing site, one of the first choices you’ll have to make is whether to do it yourself or hire a professional.

Not so long ago, there would have been no question of hiring a pro to get the results you want, but thanks to the rise of online tools like website builders, it has become much easier for the non-techies among us to build a more-than-decent website.

Just because you can, though, doesn’t always mean you should. It’s a decision that’s worth weighing carefully, since for some projects a professional cannot be replaced by a tool.

In order to decide which option is best for you, you’ll need to determine what kind of site best matches your business.

Use these websites to find professional help

when looking at free lancers or agencies on these websites makes sure to look at their completed work and their reviews and how long they have been working, and looked at their linkedin profile.

Be very cautious outsourcing your work, be carefull of scams, and people offering servcies much cheaper than the competion.

there is no such thing as cheap and good work.

Imagine making a website is like making a new store. 
their is something that you want to show the world wide web. 
such as


now  you should lay out all your thoughts about your website and decide how many pages you want,
and how these pages to link together (storyboard)

use this tool to check how competitive your field is


there are many rules for a good domain

not more than 3 words
try to stick with a .com  .org  or .net, in that order of preference.
add prefixes & suffixes to create something unique
Don’t buy a name that will be confused with another website.
Never buy a domains that are simply the plural, hyphenated or misspelled version of an already established domain.
easy to spell / type out.
Easy to Remember
Watch Out For Copyright Infringement 

Recommended Domain Registars


the Platform is the basis of the website.
Some platforms require you to know a little bit of HTML / CSS or other coding languages, so you really need to decide where you are at in terms of website building ability. 

Here, we will focus on the platforms that need none or minimal manual coding.
Choosing a platform depends purely on what you want to achieve
that can include

contact form

Wordpress is the industry standard with the most support, plugins, themes, and updates

Some essential  Wordpress plugins

WooCommerce is a powerful, extendable eCommerce plugin that helps you sell anything. Beautifully.
Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using Yoast SEO plugin.
A powerful yet user friendly plugin that automatically creates a table of contents. Can also output a sitemap listing all pages and categories.
Automatically re-publishes blogposts to Facebook, Twitter, Google+, Pinterest, LinkedIn, Blogger, Tumblr, Delicious, Plurk, etc profiles and/or pages
Easy Web Performance Optimization (WPO) using caching: browser, page, object, database, minify and content delivery network support.
Adds breadcrumb navigation showing the visitor's path to their current location.
Allows your site to use common javascript libraries from Google's AJAX Libraries CDN, rather than from WordPress's own copies.

Other Mentionable Platforms


A cloud-based web development platform that allows users to create HTML5 web sites and mobile sites through the use of their online drag and drop tools


An eCommerce website building solutions provider of the highest order. Shopify has everything you need to set up a fully functioning eCommerce site.


Slick, highly responsive, robust and stylish themes, along with a powerful website building platform that has an extensive range of website styling and customising options.


Joomla is a free and open-source content management system (CMS) for publishing web content. It is built on a model–view–controller web application framework that can be used independently of the CMS.


Magento is an open-source e-commerce platform written in PHP.


Webflow is a professional drag and drop tool built for designing websites using responsive web design best practices. 

Adobe Muse

Not really suitable for people wanting an off the shelf website solutions. This is more targeted at graphic designers who want to build sites without knowing how to code.


Choosing a host is very over looked.
The amount of money you spend on hosting does not reflect the service of the hosting.
some factors to look for are

Customer Service and Technical Support
Ftp Support
Does the host provide email
Security and Reliability
how much storage the host provides

Recommended Web Hosting


Your site should be professionally designed, attractive and engaging, and be easy to navigate in order to quickly gain the visitors’ attention, trust  and interest. Good use of images is important as well 

Good website Design is just like the fashion business.
Know how to copy the competition while giving your unique touch.

if you are going with a platform like wordpress i suggest you find a theme that is customized for your business.
For example if you have a Real Estate Firm, you should go with a theme that has special features and options for your "niche" rather than go for a more general theme and try to customize from there.
such as this example of a real estate template

search through thousands of templates


The initial exposure helps people determine whether your users want to spend more time reading, listening or viewing your content.

Your site must focus on your visitors’ interests and address the question of what’s in it for them and how to improve their businesses and lives. To accomplish this, strong content must be developed in the form of products, services and intellectual property, while constantly evolving.

The web is like a battleground where you are continuously fighting against so many factors to grab the attention of the reader. He has unread messages in Gmail, someone pinged him on Facebook – there are so many distractions that it will be hard to hold his attention. If your content is short, precise and well-presented, he will appreciate it.

People on the web have short attention spans – they’ll read the headline of your story and probably the first few lines and then zoom off. Thus you should use the inverted pyramid approach to catch their attention – put the most important parts of the story at the top that can be seen without using the scroll bar.

Eye-tracking studies suggest that people don’t read web pages, they scan pages in an F-Pattern. Thus you need to present content in such a fashion that important parts don’t go unnoticed. Add a table of content if you have a long article. Use headings and sub-headings (like h2, h3, etc.), add captions to images, use italics or bold text to emphasize important points and put interesting information in pull quotes. Use short paragraphs and each paragraph should convey exactly one idea.

When you are writing about a product, a service or maybe a restaurant where you had dinner last night, try to put yourself in the shoes of the reader and think what additional questions they may have related to that topic. Your content should answer all of them. Your aim should be create a page that is the best resource on the web for that topic. Use Five Ws, a proven journalistic technique, to get the complete story on a subject. Make sure that all information in your content is accurate and comes from trusted sources.

When you are writing on a not-so-unique topic that dozens of other sites have covered in the past, analyze what others have missed or how you can make existing content better. For instance, you can include fresh data, you can include quotes from experts, you can create videos around the topic, you can present information in an alternate form – like a chart, a presentation or even as an ebook.

Spend some time reviving your old content. Sometimes your content doesn’t get the attention it deserves and it just sits there in the archives gathering dust. You can use Google Analytics to learn about stories that didn’t click with your readers, analyze the missing pieces, think how you can make the content better, and push it again. If you include “factual” content on your site – like which is the most popular social site – this kind of data needs to be updated regularly because that what your readers will like.

The content that you create must be readable across difference devices and platforms that your audience are on. Often times we create content that looks good on the desktop but that quality is lost as soon as we switch to a different device – say a mobile phone. That’s a missed opportunity. If you have embedded YouTube videos in your content, make sure you offer an alternative thumbnail that links to the YouTube video for environments that don’t support Flash or HTML5.Users will consume your content in different forms. Some will save your stories to InstaPaper for reading later, some will print your articles as PDFs while others may send your stories to their Kindle. It is important that your content looks good when it is saved across different mediums. Do not ignore the print stylesheet because if you create good content, some people will print it on paper.

The first image and the thumbnail image of your story, or the image that your have specified inside the OpenGraph tags, should be clear, high-quality and predictable. That’s because these images will appear when your stories are shared on social networks like Pinterest, Tumblr, Facebook and even Google Plus. You may have a   great headline but if the attached image thumbnail isn’t great, the story can sometimes go unnoticed. The other reason to have good images in your content is that they “pause” a reader when he or she is scanning your content. Use an image format depending upon the content of the image – for instance, images that have text are best served as PNG files. Avoid using stock images on your content especially the ones that are very common. Use the Similar Images option is Google Images to determine how popular a “stock image” is and if it returns too many results, don’t use that image.

Do not ignore video. It does take some effort to produce videos but it will be well worth the effort. YouTube is the world’s second largest search engine and if your produce video content, you have an opportunity to show up there. Also, Google is no longer a collection of 10 blue links but a mixture of images and videos. Good videos have great audio. Shoot and record at 720p (1280×720). Apply to become a YouTube partner and that will help you add custom thumbnail images to your videos. Keep you video length short, really short because it is difficult to hold a user’s attention for more than a few minutes.


Images & Videos


Your website is sitting behind a shady dark alley and is waiting to stand in a busy metropolis.

please dont go eager finding a cheap seo firm.
they just drop your website in a directory list ,
get you fake traffic
and lastly get you flagged.

Google is a Billion Dollar Conglomorote.
their main source of income is through their Google ads and PPC
they spend millions of dollars updating their system to be cutting edge.
many of the famous old seo techniques are long outdated and flagged.
the only way to get real "seo" is real seo.

being famous on the web is just like be a famous person.

first you have to be trustworthy ( backlinks)

then a lot of people know you ( keywords )

people like being around you  (stay time)  

you are real ( provide content you advertise) 

these of just 4 of more than 200 parameters that Google uses.

Recommended SEO Tools

view full portfolio

Kickstart your website without drowning in code.

Webflow enables you to build beautiful websites for digital products without writing code, and this template makes the process even faster.

Oops! Something went wrong while submitting the form.

Perfect for startups or website redesigns.

Desktop and Mobile illustration

Bring clarity to your work.

From the small stuff to the big picture, our product organizes work so teams are clear what to do, why it matters, and how to get it done.

Get Started

Work together with less friction.

Keep an eye on your team’s progress and workload. Get real-time charts and other visual highlights to share status, spot potential problems, and keep work on track.

Desktop and Mobile illustration
Desktop and Mobile illustration

Tidy up your docs, tidy up your teamwork

Structure gives you a clear view on your docs so you don’t need to worry about ordering and finding them. No mess. No chaotic folders that nobody touches. No idea left behind.

More than meets the eye.
A whole lot more.

Sitemap Icon

Grow as you go.

Structure gives you a clear view on your docs so you don’t need to worry about ordering and finding them. No mess.

Get organised better.

Keep an eye on your team’s progress and workload. Get real-time charts and other visual highlights to share status and spot potential problems.

Find more clarity.

Dive into a doc together and express your first ideas, get feedback, map out a plan or write up the final documentation.

Bring clarity to your work.

From the small stuff to the big picture, our product organizes work so teams are clear what to do, why it matters, and how to get it done.

Get Started

Bring clarity to your work.

From the small stuff to the big picture, our product organizes work so teams are clear what to do, why it matters, and how to get it done.

Get Started
We've been trusted by

Finibus Bonorum et Malorum"

Lorem ipsum dolor sit amet, consectetur adipiscing elit


Lorem ipsum dolor sit amet, consectetur

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Excepteur sint occaecat cupidatat non proident,

Excepteur sint occaecat cupidatat non proident, sunt

But I must explain to you

how all this mistaken idea of denouncing pleasure and praising pain

Get Started
iste natus error sit voluptatem
iste natus error sit voluptatem
iste natus error sit voluptatem
iste natus error sit voluptatem
iste natus error sit voluptatem
iste natus error sit voluptatem

Template for

Our landing page template is free to clone and perfect for all sorts of technology businesses. Build by the flowbase team.

Pricing and Plans


Our landing page template works on all devices, so you only have to set.


How does it work?

Our landing page template works on all devices, so clone and get building!

Super easy to customize.

Crystal clear class naming and build quality makes this super easy to update and customize for your brand. Oh, we also include figma files!

Totally free and cloneable.

Our mission is to support all creators, from all backgrounds. If our free content helps you in anyway, please considering following and sharing to help support us.

High quality build from the flowbase crew.

We strive to provide the best free and premium content for all webflow creators. We've used best practises to ensure a high quality production level build.

Your site instantly responsive.

Ready to go mobile

Whatever you put together, all element are ready to go mobile. We've done the work for you.


Of course you can customize anything the way you like it. Using Webflows website editor you have full control!