Build a startup in 6 months by reading 5-min reports.

Every step of the startup journey explained succinctly. Join 1155 entrepreneurs and startup aspirants. Delivered in your inbox each Wednesday.

Thank you! You have subscribed to awesomeness :-)
Erm! Something went wrong while submitting the form.

I want to build a marketing website but don't know to code

Problem πŸ€•

I want to build a marketing website but don't know to code. I need to showcase what my startup's offering is.

Solution πŸ•΅οΈ

Even if you know how to code, a marketing website should typically not be coded. Use landing page builders which allow you to build beautiful pages quickly. Invest more in content and messaging.

Why and when to worry about this? ⏱️

a. Rationale

A marketing website is important. However, custom design and development is not. Therefore, it is critical that you don't end up wasting time and money in building the perfect website (doesn't exist). Instead, spend it on building the business.

b. Timing

Once the idea has crystallised in your mind, you can start putting a webpage together. Don't wait for your idea to be validated. During the validation period, you need to send your audience to some place - to inform and also capture their details. This would be the landing page.

Tools πŸ‘

Implementation πŸ”¨

a. Realistic expectation

You can expect a good looking webpage to be created within a few hours (maximum). However, don't look at Slack or Stripe's website and expect similar design. That's not what landing page builders are for, neither should your goal be so. You need a pretty page which conveys your offering precisely. That's it.

‍

b. Process

The process is split into two parts, but both happen in parallel. For ease of understanding, it has been explained separately.

i. Writing the content

ii. Building the website on a builder

‍

i. Writing the content

Firstly, break your website into the respective sections. Let's take this example to explain a typical landing page in the validation stage (another e.g. Link).

  • Hero section:Β It usually consists of -
https://storage.googleapis.com/slite-api-files-production/files/NipTH0QEtx/d6bd15c9-ff1f-41ce-8e77-fd6794b0d0a9/image.png
Hero section - Title And Subtitle
  • ~Title: Short line explaining your startup.
  • ~~Don't make it too pitchy
  • ~~What your startup does should be extremely clear.
  • ~~It is fine to make it aspirational
  • ~~A good article around this: Link

‍

  • ~Sub-title:
  • ~~An even simpler explanation of the offering
  • ~~Can use more words here
  • ~~Include the top features/solutions for the user

‍

  • ~Form:
  • ~~Very important to collect the user's contact details
  • ~~Allows you to reach out to them when you launch or for research
  • ~~Pro-tip: Request both mail id and first name. You can address them when you reach out - people like their names.

‍

  • ~Image/illustration (optional):
  • ~~Choose an illustration/image that is relevant to the point you are making
  • ~~Lower in hierarchy, so don't overpower the above parts

‍

  • Why should they choose you? OR How do you solve their problems?
The why - your "features"
  • ~Use this to explain the various features of your product
  • ~Each feature should contain:
  • ~~Title: The attention grabber. This will determine if the user is going to read the subtitle.
  • ~~Subtitle: Explain that feature in plain English and tell the user what they will gain.

‍

  • A personalised note to them (optional): Particularly for the validation stage
image.png
  • ~It helps to know what the vision of the current product is
  • ~Your opportunity to talk to the user. So converse, don't oversell.
  • ~Here's another example: Link

‍

ii. Building the website on a builder

Based on the criteria set above, the channels to find potential partners are as follows:

  • Choose a landing page builder and create an account
  • Pick the right "component" for each of the sections defined in i.
  • Tweak the content in i. to fit the structure of the component chosen
  • ~Can do this before writing the content in i. But this should be a constant feedback process
  • Copy-paste the content into the builder
  • Publish the website

‍

Bonus

A quick tutorial of how to create such a page on Unicorn.

Related posts to read πŸ“ͺ

If you liked this report, would be great if you could share the below thread on Twitter πŸ˜ƒ.

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">How to build a marketing website with No Code?<br><br>I cover this in Wk #3 = No-VC Report #3.<br><br>Use web page builders like <a href="https://twitter.com/unicornplatform?ref_src=twsrc%5Etfw">@unicornplatform</a>, <a href="https://twitter.com/landenapp?ref_src=twsrc%5Etfw">@landenapp</a> and <a href="https://twitter.com/carrd?ref_src=twsrc%5Etfw">@carrd</a>. Focus instead on content and messaging.<br><br>Report link: <a href="https://t.co/Gdo9kpv47Z">https://t.co/Gdo9kpv47Z</a><a href="https://twitter.com/hashtag/NoCode?src=hash&amp;ref_src=twsrc%5Etfw">#NoCode</a> <a href="https://twitter.com/hashtag/startup?src=hash&amp;ref_src=twsrc%5Etfw">#startup</a><br><br>Thread πŸ‘‡πŸ½</p>&mdash; Karthik Sridharan (@KarthikS2206) <a href="https://twitter.com/KarthikS2206/status/1303677355081170946?ref_src=twsrc%5Etfw">September 9, 2020</a></blockquote>
CLICK ICON TO SHARE

Other recommended posts

Other Flexiple Blogs

We currently don't have other relevant posts