How I Made This Site (it was AI)

It was AI! Generative AI helped me create this site in record time. From images, to copy, to CSS, AI saved me a ton of time.
How I made this site. Midjourney examples

Over the span of the last couple of weeks, I built out this site and I relied heavily on AI.

Imagery

All of the images except for my self-portrait were created by Midjourney. I have my own server set up so I can create and track images (check out my LinkedIn post to see how I did this). It took me a little bit to figure out how to prompt the AI so it would output images I was happy with and they all had a similar feel to them. 

As we know in branding, consistency is key. You’ve most likely been a designer long enough to understand the importance of consistency. I actually manipulated my self-portrait a little so it fit with the other images on the site. 

There were a couple of pages where I needed wide shots, and the images I had selected didn’t quite work. That’s when I brought the image into Photoshop beta and tried out the generative fill capabilities. It blew my mind how easy this is. 

Original image
Image edited

You’ll also notice that the original coffee mug had two handles on it. A simple lasso and a prompt telling Photoshop to get rid of the handle and *poof* I had the image I wanted. 

Copy

Most of the copy on the site was created in ChatGPT. I’m writing this blog post manually, but a lot of the other pages were generated based on my prompts. I’m still getting better at building tone into the writing, so I’ll probably go back and update pages as my tone gets more established. I used one ChatGPT chat for all of the copy I created for the main part of the site. This helped keep consistency throughout the pages. 

CSS

Yes, even some of the code for customization of this site was created by ChatGPT. It’s been a little while since I had to hack together a WordPress theme, so I was a little rusty. Asking ChatGPT to write CSS is so easy. It wasn’t writing all of the code, but it gave me enough to work with so I could test things out. 

 

I would not have been able to create the site as quickly as I did were it not for generative AI. Then again, if it wasn’t for generative AI, I wouldn’t have needed to make the site. It’s a bit of a chicken or egg situation. 

 

Midjourney chicken or egg
They're not all winners

CMS

This is a WordPress site. It’s the first time I’ve used the Elementor website builder. It made a lot of this VERY easy. I’ve been customizing WordPress themes since 2007 and this was by far the fastest, and easiest, website build. I can’t recommend this theme and plugin enough. 
Jim MacLeod

Jim MacLeod

Jim MacLeod was a graphic designer for more than a decade before pivoting to adjacent areas of focus such as marketing, digital experience, and branding. Knowing that AI is going to displace many graphic designers, Jim set up After Design to help designers prepare for this impending change. 

Let’s chat to see how can I help you

Learn more: Article Archive | Newsletter | Courses

 

Share