A few weeks ago, I hinted that I’ve been busy working on a secret project. If you’re visiting this post online, you can see the evidence of that project right here: a brand-spanking-new website! Shiny!
(And if you’re reading this via newsletter or feed, check out the new digs!)
My old design was woefully out of date, as I’d had the same design with just minor changes and new content for the full seven years that I’ve been blogging. Yeeks!
Not only was the design dated, but the theme I’d been using was becoming less safe, with only a couple of minor updates over the years. I worried it was only a matter of time until it was a security risk.
Worse, the mobile site was a kludge tacked on behind the scenes. And when every theme and their brother was responsive for tablets and phones except for mine, I knew I needed a change.
Although I still liked my unique background, I longed for a site that was better for readability. I wanted my home page to better spotlight my books and have a more professional feel, etc., etc.
The Work behind the Secret Project
At the beginning of May, my TechGuy Jay set up a “sandbox” site for me to experiment with. He cloned my old site, so I could see every change with my current posts, comments, etc.
I then started to play with a new WordPress theme that looked promising. I picked up the Pro and DevKit extensions for it at a super discount through an AppSumo deal. (The deal has since expired, but that site also runs stock photo deals, so if you like those kind of things, you might want to sign up for their newsletter.)
But with my latest book release (for Stone-Cold Heart) just a week later, progress on the project was slow. For every one issue I’d fix, I’d discover 5 more issues to add to my list.
Like with many other aspects of my past year, I stopped trying to set deadlines for myself, as the stress aggravated my health problems. So any potential switch-over seemed far away.
Yet over the next two months, I slowly made progress on building a new site that was:
- responsive to the different screen sizes of tablets and phones
- easier to read with a cleaner background
- greatly expanded for highlighting my published work
- more up-to-date and professional in design
The Unintentional “Deadline”
By last week, I’d completed design work on an entirely new site from the ground up:
- new Home page
- new pages for all my books and reader-focused stuff
- new footer
- new header
- new backgrounds
- new menus
- new Comment System!!! (I’m so excited about this, I’m going to do a whole post on Thursday about it!)
- new behind-the-scenes stuff (custom programming and swapping out a third of my old plugins for new ones)
This past weekend, I was “testing” how I could roll out my new site—at some undetermined future date—without losing any post-cloning posts or comments. The data resulting from merging my new website structure with the new content at my old site (that had been added since the May cloning step) needed a lot of clean up.
By the time I finished with that cleaning, I checked my remaining to-do list and decided that the site was close enough to “done.” I certainly didn’t want to go through that cleaning process a second time a week or so from now when things were done-done. *smile*
So Jay and I switched my sandbox site to live Saturday night, and I’ve been playing whack-a-mole with the last-minute issues ever since. Please let me know through my Contact Form if you encounter any remaining “moles.” *grin*
The Same…But Different
Unintentionally, the colors of my old site became a major part of my online brand. I heard from many readers over the years who recognized when they landed on my site just because of those unique colors (which were simply a color palette built off my old site’s background—nothing I’d meant to do *shh*).
So when working on my redesign, I aimed for a look that was the phrase we often hear from agents and publishers: I wanted the same but different. *smile*
Obviously, just to get away from the dated design, I needed to make a lot of changes. Add to that the new theme platform, which forced me to rebuild everything, and I knew I had the different down pat.
But I also wanted my site to feel like my site. I decided that it wasn’t about the layout, the background, the header, etc. It was about the colors. Those needed to stay the same.
Sunday night, longtime visitor Sieran commented:
“Wow, Jami, the look of your website has changed!? Or is it just displaying differently on my university library’s computer?”
I’m hoping that uncertainty means I did a good job of still making this place feel like “home.” Plus, it’s so pretty! *grin*
Let Me Squee a Minute…
As I said seven years ago, I’m not a website designer, but I love being able to make everything just how I want it. So I wrote custom CSS code to change the styling of the…:
- headers
- font sizes and colors
- links
- featured images on posts
- comment section
- footer
- blockquotes
- newsletter “edit your subscription” page, etc.
In other words, just like my old site looked nothing like other places with my same theme, I did the same types of unique customizations this time around.
I’m happy to answer any questions about my theme, how I made different decisions, the custom stuff I programmed, etc.
In the meantime, please make yourself at home! Let me know if you have any comments, suggestions, feedback, criticism, advice, etc. And let’s hope this update will last for a while. *grin*
How much do you focus on your website or blog? Do you care about how it looks or just about whether it gets the job done? Have you ever done a major site overhaul? What was your experience? How does your online home reflect your brand?