top of page

/ Articles  -  

How to build a website that converts: a step-by-step guide

A great website isn’t just about making something pretty, it needs to actually work. That means it should be easy to use, help visitors find what they need, and, most importantly, achieve your goals (whether that’s getting more leads, sales, or sign-ups).

Over the years, I’ve learned that the best websites aren’t built on guesswork. They follow a process. A mix of research, smart design choices, and a bit of ruthless decision-making. Let’s break it down.

A great website isn’t just about making something pretty, it needs to actually work. That means it should be easy to use, help visitors find what they need, and, most importantly, achieve your goals (whether that’s getting more leads, sales, or sign-ups).

Over the years, I’ve learned that the best websites aren’t built on guesswork. They follow a process. A mix of research, smart design choices, and a bit of ruthless decision-making. Let’s break it down.

Step 1: Start with research (because guessing is a terrible strategy)


Before you touch a single pixel, take a step back. Who’s your audience? What do they need? How do they behave online?


  • User research What are your visitors looking for? What frustrates them about similar websites?

  • Market research What’s working for competitors? What gaps can you fill?

  • User journey mapping How do people navigate from A to B? And how can you make that process ridiculously smooth?


Skipping this step is like building a house without blueprints—you’ll waste time fixing things later.




Step 2: Wireframe, prototype, and test (before going full Picasso)

Now that you know what you need to build, it’s time to plan how it should look and function.


  • Wireframing

    Think of this like sketching a rough draft. It’s not about colors or fonts yet—just structure and flow.

  • Prototyping

    Create an interactive version to test how users move through your site. Better to catch problems now than after launch.

  • Testing & feedback

    Show it to real users, watch where they struggle, and tweak accordingly.




Step 3: Build with best practices (not bad habits)

You’ve got a solid plan, now it’s time to make it real. But instead of rushing into the fun part, keep these things in mind


  • Make it accessible

    Everyone should be able to use your site. That means:

    • Good color contrast so text is easy to read.

    • Alt text for images (helps visually impaired users and SEO).

    • Text that’s actually big enough to read (no tiny fonts, please).


  • Prioritize mobile users

    Most visitors are on their phones. Your site should:

    • Adapt to different screen sizes seamlessly.

    • Have tap-friendly buttons (no one likes struggling to click a tiny link).

    • Load fast, because no one waits for slow websites.


  • Don’t overcomplicate things

    A clean, intuitive design beats a flashy, cluttered mess every single time.




Step 4: SEO that works (without trying to trick Google)

SEO isn’t about stuffing keywords or shady tricks—it’s about making your site valuable and easy to find. Here’s what actually moves the needle:

  • Write content people actually care about – Answer real questions, provide value, and don’t just write for the sake of it.

  • Use smart keywords (without stuffing them everywhere) – Research what your audience is searching for and use those terms naturally.

  • Make Google’s job easy – That means fast loading times, mobile optimization, and clean code.




Step 5: Turn visitors into customers (not just passive scrollers)

Getting traffic is great, but what happens next? If people land on your site and leave immediately, it’s a wasted opportunity.

  • Make CTAs stupidly clear – Every page should guide visitors toward a specific action (buy, sign up, contact, etc.).

  • Keep forms short & sweet – The fewer fields, the more likely people will actually fill them out.

  • Show proof that you’re legit – Testimonials, case studies, or even a simple “trusted by” section can make a huge difference.




Step 6: Avoid these common (but bad) mistakes

Even experienced designers mess these up. Here’s what not to do:

  • Cluttered layouts – Too much text or too many elements = instant overwhelm.

  • Over-the-top animations – Cool effects are fun… until they slow down your site.

  • Annoying pop-ups & auto-play videos – Nobody likes being bombarded the second they land on a page.

  • Inconsistent branding – Keep fonts, colors, and styles consistent. A messy design screams unprofessional.




Final thoughts: Keep it simple, make it useful

The best websites aren’t the flashiest or the most “innovative.” They’re the ones that just work.

  • They guide visitors effortlessly.

  • They load fast.

  • They make people want to take action.

If you focus on usability, accessibility, and performance, you’ll naturally build a website that ranks well, keeps visitors engaged, and actually drives results.

What people are saying

Why building a website is harder than you think

Building a website sounds simple. In theory it's drag, drop & publish. But in reality, it’s a mix of design, SEO, accessibility, and technical details that take years to master. Here’s why doing it yourself often costs more time than hiring a pro.

5 sneaky tricks marketers use to influence buying decisions

Ever bought something on impulse and wondered why? That’s no accident, marketers use psychological tricks to nudge your decisions every day and people often don’t notice.

From pricing illusions to decision-making hacks, here are five sneaky ways companies get inside your head (and how you can use them to your advantage).

The fall of Arc: Great design isn’t enough to save a browser

Arc wasn’t just a browser, it was a bold reimagining of how the internet could feel. It was sleek, focused, and built for creativity. But now, the browser that once felt like the future is quietly fading away.

For many people, Arc Browser felt like the first browser actually made for users and not just ad revenue. So why is it suddenly being discontinued?

Why breaking design rules makes you a better designer

Many new designers believe good design means following the rules. Stick to the grid, use safe colors, and align everything perfectly. While these rules offer structure, they can stifle creativity and make designs feel predictable. The truth is, breaking rules can often lead to better, more unique designs.

But the big question is: When should you follow the rules and when should you break them?

6 smart ways to improve website clarity and UX

You’ve got 3 seconds. That’s how long it takes for visitors to decide whether to stay on your site or bounce. In those few moments, your website needs to make a great first impression.

The hero section, typically the first thing people see, should instantly communicate three things:

1. Who you are
2. What you do
3. What makes you different

If it doesn’t do all three, it’s time for a refresh.

Is Google selling Chrome? What you need to know

Maybe you've been seeing headlines about Google maybe having to sell Chrome. The U.S. Department of Justice (DOJ) is pushing some big changes that could actually reshape how we browse the internet.

So what’s happening? Why is the U.S. government going after Google’s browser in the first place? And what would it mean if Chrome wasn’t owned by Google anymore?

Let’s break it down.

Keep scrolling down

You might also like

Building a website sounds simple. In theory it's drag, drop & publish. But in reality, it’s a mix of design, SEO, accessibility, and technical details that take years to master. Here’s why doing it yourself often costs more time than hiring a pro.

Why building a website is harder than you think

Building a website sounds simple. In theory it's drag, drop & publish. But in reality, it’s a mix of design, SEO, accessibility, and technical details that take years to master. Here’s why doing it yourself often costs more time than hiring a pro.

Ever bought something on impulse and wondered why? That’s no accident, marketers use psychological tricks to nudge your decisions every day and people often don’t notice.

From pricing illusions to decision-making hacks, here are five sneaky ways companies get inside your head (and how you can use them to your advantage).

5 sneaky tricks marketers use to influence buying decisions

Ever bought something on impulse and wondered why? That’s no accident, marketers use psychological tricks to nudge your decisions every day and people often don’t notice.

From pricing illusions to decision-making hacks, here are five sneaky ways companies get inside your head (and how you can use them to your advantage).

Arc wasn’t just a browser, it was a bold reimagining of how the internet could feel. It was sleek, focused, and built for creativity. But now, the browser that once felt like the future is quietly fading away.

For many people, Arc Browser felt like the first browser actually made for users and not just ad revenue. So why is it suddenly being discontinued?

The fall of Arc: Great design isn’t enough to save a browser

Arc wasn’t just a browser, it was a bold reimagining of how the internet could feel. It was sleek, focused, and built for creativity. But now, the browser that once felt like the future is quietly fading away.

For many people, Arc Browser felt like the first browser actually made for users and not just ad revenue. So why is it suddenly being discontinued?

Many new designers believe good design means following the rules. Stick to the grid, use safe colors, and align everything perfectly. While these rules offer structure, they can stifle creativity and make designs feel predictable. The truth is, breaking rules can often lead to better, more unique designs.

But the big question is: When should you follow the rules and when should you break them?

Why breaking design rules makes you a better designer

Many new designers believe good design means following the rules. Stick to the grid, use safe colors, and align everything perfectly. While these rules offer structure, they can stifle creativity and make designs feel predictable. The truth is, breaking rules can often lead to better, more unique designs.

But the big question is: When should you follow the rules and when should you break them?

You’ve got 3 seconds. That’s how long it takes for visitors to decide whether to stay on your site or bounce. In those few moments, your website needs to make a great first impression.

The hero section, typically the first thing people see, should instantly communicate three things:

1. Who you are
2. What you do
3. What makes you different

If it doesn’t do all three, it’s time for a refresh.

6 smart ways to improve website clarity and UX

You’ve got 3 seconds. That’s how long it takes for visitors to decide whether to stay on your site or bounce. In those few moments, your website needs to make a great first impression.

The hero section, typically the first thing people see, should instantly communicate three things:

1. Who you are
2. What you do
3. What makes you different

If it doesn’t do all three, it’s time for a refresh.

Maybe you've been seeing headlines about Google maybe having to sell Chrome. The U.S. Department of Justice (DOJ) is pushing some big changes that could actually reshape how we browse the internet.

So what’s happening? Why is the U.S. government going after Google’s browser in the first place? And what would it mean if Chrome wasn’t owned by Google anymore?

Let’s break it down.

Is Google selling Chrome? What you need to know

Maybe you've been seeing headlines about Google maybe having to sell Chrome. The U.S. Department of Justice (DOJ) is pushing some big changes that could actually reshape how we browse the internet.

So what’s happening? Why is the U.S. government going after Google’s browser in the first place? And what would it mean if Chrome wasn’t owned by Google anymore?

Let’s break it down.

Explore my work

Web Design

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tek-ture

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tools used

Wix Studio

UX & User testing

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images. 

Asekio

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images. 

Tools used

Figma, Figjam & Asekio

Copy & Web Design

Campus Webbyrå, a digital agency for small and medium-sized businesses, needed a website redesign to better showcase their services and enhance user engagement. The goal was to create a user-friendly, visually appealing website that effectively communicates their unique position as an agency created by students.

Campus Webbyrå

Campus Webbyrå, a digital agency for small and medium-sized businesses, needed a website redesign to better showcase their services and enhance user engagement. The goal was to create a user-friendly, visually appealing website that effectively communicates their unique position as an agency created by students.

Tools used

Wix Studio

Web Design

Campus Vänner, a non-profit organization based in Helsingborg, connects university students with local companies in the Skåne region. They needed a modernized brand identity and an enhanced online presence to appeal to their target audiences - students and businesses.

Campus Vänner

Campus Vänner, a non-profit organization based in Helsingborg, connects university students with local companies in the Skåne region. They needed a modernized brand identity and an enhanced online presence to appeal to their target audiences - students and businesses.

Tools used

Wix Studio & Photoshop

bottom of page