September 14, 2021
Design
Blog post read time icon
3
 min read

Building Early Stage Company Websites (Quickly)

Photo by Domenico Loia on Unsplash

You can build a website for your startup within a week that looks like it cost $10,000 to have built. Yes, you.

Not only that, but you can build it with about $300 or potentially just $20 if you are a current student at a university.

How? Webflow templates.

I recommend using Webflow for 90% of people as long as they have basic experience with other editor interfaces such as Photoshop, Illustrator or even PowerPoint. Webflow is on the bleeding edge of no-code web design and continues to innovate faster than any of the other services trying to copy it such as Wix’s “new” Editor X (basically the “off brand cereal” of Webflow).

Let’s jump into the process.

1. Setup

Before you build your site, its critical that you have at least a basic framework built for your brand. By framework I mean colors, typefaces, icon/image styles, and a logo. You can build out a great looking brand in less than 15 minutes with my Brand Guidelines template.

If the Webflow interface looks daunting to you, don’t worry. Webflow University has some of the best (and most entertaining) tutorial videos on the market. Spend a few hours getting acquainted with the editor with these videos.

2. Planning the Site

Essentially what you want to do here is to list out all of your “requirements” for your website (aka what the site will need to have in it such as a home page, blog, contact page, mailing list integration, etc).

This will help you pick a template that will meet all of these requirements.

If you are an early stage company, I’d encourage you to make this list and then drastically narrow it down to your core pages and features so you don’t burn too much time getting it “just right.”

3. Find a Webflow Template

With your plan, you can now look through Webflow’s template library to find templates that fit all of your criteria and have a design structure that you think fits your brand.

You should start with a template because it will massively cut down on the time that it takes to build your site and reduces the skill needed to make a great one.

Prices will range from $0 to $129 (as of 2021) for templates.

All colors, typefaces, animations, images, and literally everything you see is editable so don’t worry if something is a little bit off. You can fix it later.

Webflow Template Library

4. Build the Website (Re-skin the Template)

After purchasing a template, I like to reskin and reformat things in the following order:

  1. There will typically be a “style guide” page (or a similar name). Here you will find all of the colors, headings, and global formatting rules for the website. You can learn how to change the global (site wide) colors here.
  2. Re-organize pages and page sections to fit the layout that you need to fit your content.
  3. Add images and copy throughout the site.
  4. Add in any integrations such as a Mailchimp email list signup.
  5. Buy the appropriate plan (typically CMS site plan for $192/year or the standard E-commerce plan for $348/year if I want an online store)
  6. Link in your domain(s) and publish the site.

Other Tips

  • If you are a current student, Webflow has a 90% discount for the CMS site plan for 1 year (~$20) for students. Apply here.
  • Look beyond the template category that you think would fit your business. The most important part is that it has the core features and pages that you need already built out.

Or, Hire Someone (Me?)

If you don’t want to build your site yourself or don’t have the time to, feel free to reach out. I’m a specialist in building+maintaining sites in Webflow. You can check out a few of my previous works here.

Get an email for new posts

Other articles

How Fucked am I Matrix: What your Retrospective has been Missing

The How Fucked am I Matrix (or HFI Matrix) was designed for team members to not only learn about how they optimally operate, but also about their fellow teammates.It monitors each member’s energy level and workload each week which gives both them and you a good idea of where everyone on the team stands. This does three things for the entire team: In the short term, it allows you to see who might have too much on their plate and who might have too little on their plate for the week. In the long term, it helps you learn about each member’s energy and work cycles (EX. John is typically really motivated and has lots of stuff to do for two-ish weeks. Then he usually has very little energy the next week and needs some help getting...

Read time icon
4
 min read

How to Make Your Startup look like a Fortune 500 Company

Everyone loves great design whether they know it or not. At the core, design passively influences decision making which means that your designs can determine your business’s fate. Bold claim? Nope. Think about it like this: you are researching the best CMS software for your sales team and run across a startup that claims to have the best CMS product that has EVER been invented because of its advanced machine learning, AI, and (insert cliche startup tech here). BUT, their website, marketing materials, and branding look like they've hired an intern, blindfolded them, and promoted them to lead designer. Subconsciously, you’ve immediately judged the quality of this startup’s product as soon as you’ve seen how they present themselves through...

Read time icon
8
 min read

Days of Life: 002

Raw photos straight from the phone. No filters. No edits. Just life.

Read time icon
2
 min read