How I Build Your Website

Step 1: Purpose & Direction

To kick things off, let’s figure out the core goals, audience, tone, type of content and key features you want for your site.
This can be done over any chat client of your choice, email, voice or video call, or face to face - totally up to you.

What is the website’s main purpose?

Who is your target audience?

What kind of content will the site have?

You upload the inital content yourself

I upload the initial content for you

Step 2: Gather content

Your website’s content includes images, text, videos, and anything else you want featured.

For this step, you can choose how you'd like me to handle the initial content.

Click each option to learn more.

Step 3: Design

Now it’s time to figure out the look and feel of your site.

If you already have a Figma file or design direction, I can jump straight into coding.

If not, I’ll design it for you — just send anything helpful: keywords, color palettes, inspo links, etc. You’ll get a mockup to review and tweak until it’s just right.

Once approved, I’ll move on to Step 4.

Click a cube to explore helpful links and creative inspiration.

Fonts

Colors

Design

Layout


  function Cube({ children, className = '' }) {
    return (
      <div
        className={`aspect-square p-5
        border-10 border-white rounded-2xl
        shadow-subtle hover:shadow-indigo-700/50
        ${className}`}
      >
        {children}
      </div>
    );
  }
  
  export default Cube;

Step 4: Coding

Time for you to take it easy and for me to start coding.

I will start with the static parts of the website. It will look exactly like your approved design, and I will add things like responsiveness (so it scales nicely from mobile to bigger devices), hover effects etc.

You don't have to be a part of this process, but if you'd like code reviews or more frequent updates - no problem!

Step 5: Make content dynamic

Now that your site is designed and coded, it’s time to bring it to life.

At this step, I’ll make the content dynamic — meaning it can be updated without changing the code. Depending on your site’s needs, this might include setting up a CMS (like Sanity, Contentful, or WordPress), pulling data from APIs, or building custom content inputs for you.

You’ll be able to edit or add things like text, images, blog posts, product listings, etc., without touching any code.

Click each option to learn more.

No-Code Content Tools:

Sanity

Contentful

WordPress

Step 6: Optimization & Testing

Now that the site is built, it’s time to polish everything behind the scenes.

I’ll go through the code and make performance improvements, double-check accessibility (a11y), fine-tune SEO (Search Engine Optimization) for better visibility, and run tests to make sure everything works smoothly across devices and browsers.

You might not see these changes — but they make a big difference in how the site feels (and ranks).

What I’ll do:

✦ Refactor and clean up the code

✦ Optimize for faster load times

✦ Improve accessibility for all users

✦ Enhance SEO so your site is easier to find

✦ Test across multiple screen sizes and browsers

Step 7: Deployment

For the final step, we’ll launch your site into the real world.

Once everything is finalized and tested, I’ll set up hosting and connect your custom domain (if you have one). I’ll also make sure everything is secure, fast, and ready for visitors.

After deployment, your site will be live and accessible to anyone — and you’ll have everything you need to take it from there.