How to Build a Website Simply, Quickly, and Well?
Content before colors. Here's my battle-tested approach to building websites that actually work.
Hey marketer! đđ»
One of the main things Iâve been doing for almost two decades is building websites. Today, Iâd like to share my approach to web development with you. Over the years, Iâve simplified and systematized it so that even when working with a tight budget, the result is as good as it can possibly be.
After all, as a marketer or entrepreneur, sooner or later youâll find yourself needing a (new) website. Whether itâs a microsite for a campaign or new company pages. And you wonât always have a team of specialists and a generous budget at your disposal.
Fortunately, we live in an era with plenty of tools that make the job easier. Building a website is no longer about programming - itâs primarily about assembling content.
Forget the Graphics, Start with Content
When people hear ânew website,â many immediately start thinking about how the site should look. What colors will it have, where the logo goes, what animations to include.
Stop! Thatâs exactly the opposite approach from what you need.
A website is primarily a carrier of information. A siteâs success rarely depends on its graphics. People donât come to your website to admire it. They come for answers and solutions to their problems.
In my view, pages must work even in black and white, in a basic font.
When you have a well-built structure, perfectly described and photographed products or services, the website simply has to work. And whether itâs blue or red wonât dramatically increase your earnings. On the other hand, if you focus only on graphics and the content is garbage, the website will be useless.
Sure, make it look decent - aesthetically polished, suited to your industry and your visual identity. But that comes last.
Structure as the Foundation
The first step in creating a website should be building a mind map. In it, youâll sketch out what pages the site will have and what content will be on each one.
For every page, note what information it should contain, what elements you want there (forms, galleries, testimonials...), and what action the visitor should take on that page. This gives you a clear initial picture of the projectâs scope. This will guide the entire website creation process.
I use Xmind for this, which can be easily shared with your team or client.
Then Prepare Your Information
With your structure ready, itâs time to prepare the materials. At least the factual, rough ones. You need texts, photos, testimonials, contacts... basically everything that will make up the websiteâs content.
Try to prepare as much as possible right at the start. It doesnât have to be final, polished copy. But you should have at least bullet points about what each section will cover. If you donât have all the materials, at least note what will go there and roughly how much. Even amateur photos work if the professional ones are coming later.
A Quick Prototype Shows More Than Planning
Once you have your materials, you can start building. Thanks to tools like WordPress (I almost exclusively use the Divi theme), you can quickly assemble a functional prototype. I first install a clean WordPress with Divi, start creating the page structure, build the menu, and roughly drop in all the materials I have - without any styling whatsoever.
Donât worry about graphics at this stage - the goal is for the information as a whole, and its arrangement, to make sense. The advantage is that with minimal effort, you see a real website, you can click through it and better imagine the final form. And you have room early on to reconsider or adjust things.
You can even test with real people whether the structure makes sense, whether important information is missing, whether the site is easy to navigate, and what length of text youâll need where. Itâs much easier to make changes at this stage than when you have finished graphics.
Fine-Tuning the Content
If everything is as you need it, itâs time to work on the final form of the content. Fill in the final versions of texts, upload the right photos, play with the wording of links and buttons, work on forms... Set preview images for articles. Basically, when someone browses through, they should see the content thatâs actually supposed to be there.
When you think about it, websites like Apple, Notion, Basecamp, or Dropbox donât actually have much graphics. Theyâre polished, with nice typography... but the rest is minimalist. Theyâre built on superb copy and refined photos. See how those colors donât really impact the quality of the message?
Graphics as the Final Step
So only when you have confirmed and tested content should you dive into graphic adjustments. At this point, you know exactly what youâre styling - you know the text lengths, the number of images, the different types of content. You can either style directly on the website and create graphics âon the go,â or prepare a graphic design based on the development version and then style it accordingly.
Although Iâm an advocate of the âcontent firstâ approach, this doesnât mean the graphic design isnât important. Itâs like building a house - first you need a functional house you can live in, and then you can paint it and furnish it. A website must be visually attractive and professional in its final form. But this is the last step in the process.
Thatâs why even when a designer is working on the site, their brief should be the final version of the content. So they know what theyâre designing. Otherwise, theyâll be designing blind - and possibly unnecessarily. Or youâll end up trying to force-fit your content into a design that was created without context.
Why Does This Approach Work?
If you had a team of professionals, youâd do all of this anyway. Just separately. First research, structure, wireframe design and testing, then copywriting, graphic design, and finally programming the website based on that.
This way, with minimal time investment, youâre able to have a live prototype with rough content ready for testing. Thanks to current tools (no-code / low-code), the technical side of web development is much simpler than it used to be.
The real challenge is creating quality, functional content. And thatâs exactly what you should focus on most when building a website. Thatâs where I see the main role of todayâs marketer.
Your customers and website visitors ultimately wonât care what platform it runs on or how much it cost. Theyâll care about whether they found what they were looking for. And whether you captured their attention.
â Enjoying the content? Support the project!
Help me keep creating practical marketing content by buying me a coffee. Every cup fuels more articles, tips, and resources for fellow entrepreneurs like you!
Thatâs my approach to building websites in a nutshell.
Looking forward to seeing you in the next article! âđ»
Jan Barborik
P.S.: If you enjoyed this article, forward it to a friend.
If you're that sexy friend, subscribe here.