In the coming weeks, I’ll be working on a redesign and restructuring of my website as well as the launch of several sister sites.

Ahhh, so I visited the Wayback Machine and decided to look through all of my redesigns (or whichever ones were captured). I usually don’t take screenshots or save any sort of memento so this little site was of great help to me 🙂 Watch out! I’m going to spam my blog post with pictures and explanations of my journey!

The “Dave PC Guy” era

Before I started this blog or my last, I started “dave pc guy” with my brother and will actually  will not  soon acquire the site from him to run it as a purely tech blog. I was the main writer on the site and have learned a lot about what people like and how tough blogging can be. Hell, I hit my first 1K day on that site with a pretty cool article on the color scheme designer. This was before my knowledge of SEO, and other concepts. Well, anyways, here are a few snapshots of what the site looked like: dave-pc-guy-1Ahhh! My first theme, I completely forgot about this 🙂 So, this is just a free theme that I modified to have certain different colors. I’m sure you’ve seen this theme elsewhere online on other blogging websites. It looks like crap but boy was it fun! ^.^ This was back when I first learned how to program in PHP and learned all about WordPress, and when I went by the name “Alexander”. I was very proud of the few small modifications I had made. And actually, if the photoshop job I did was a bit better, I wouldn’t be too ashamed of it either! dave-pc-guy-2 A few months later I switched the theme and this was what it pretty much looked like for the past two years except less cluttered. I had already left the site by then and went on to do my own thing on my next blog. It was rather unfortunate but it was a good decision for both my brother and I.

The “Lonebench” era

My brother and I wanted to launch a Web Development company with a great fresh new image. The term “Lonebench” seemed like a really cool idea and stemmed from walking around a local park for about 3 hours and brainstorming about the most creative and stupid names. I basically ran the website alone while he focused somewhat on DavePCGuy and some other sites we wanted to grow into the affiliate markets. Blogging seemed to be my thing it turned out, and the site was slightly more successful than his. lonebench-designs-1 Oy, that is AWFUL looking. haha. I loved that theme for its simplicity. Now, mind you, I’ve been doing freelance work for a while, making MUCH better looking websites but I never spent the time needed on my own stuff. This site is no longer active and I will not be resurrecting it any time soon but it was significant in that I used some good SEO principles and wrote some great articles as well. It helped me get ready for the next few steps in my blogging journey.lonebench-designs-2 My in-between blog I kept until my lonebench.com domain expired. Well, the domain did not expire and I kept my efforts up until early last year. I actually had a great amount of good articles on there, mainly discussing mediawiki, pods CMS, and other platforms I was using at the time.

Pre-redesign ‘AntJanus’ era

I decided to launch a site with my name on it, or rather, the username I use everywhere on the internet. I was tired of reading crappy blogs that offered no real information, no insight, no tutorials whatsoever, and basically just copied content from other sites. It was pure crap. I read Smashing Mag at that time and they were the only ones I saw with quality content. I was so fed up that I went on a mission to create a blog free of ads, with great tutorials and great articles, untethered by the hunger for money that blogs need to keep up in order to stay afloat. Here was the 2nd version of my “coming soon” splashpage: antjanus-coming-soon The first version featured a “subscribe” button 😉 I went through several redesigns in fireworks and got a TON of feedback on that redesign on Forrst, back when Forrst gave actual feedback to users 😉 Here was my initial launch: antjanus-first-design antjanus-first-design-2 Front page and blog page. I actually liked that site a lot 🙂 especially the CTAs. 🙂 I never got any clickthroughs but that’s okay since the buttons didn’t lead to anywhere important. I made some minor adjustments to the site (like remove that god-awful white background on the homepage image) but it stayed the same until I said “fuck it” and relaunched the site with an old version of my Tseczka theme: antjanus-second-design I knew it was time to go back to the drawing board then and started some initial redesigns. I revisited my original ideas but decided to do full rebranding, full site redesign and full everything else. It was about then when I left my job and went freelance for a little bit before getting back to work. My site, sensibly, turned from a blogging site to a business-oriented platform. Here are a few of the last “changes” I made to the site: antjanus-second-design-2 Changed the CTA, used a different background. It’s already looking better buttt..it’s still crap. This was my “projects” page. This is what my site looked like before I switched to something closer to what I have today.

‘Early’ Current Design

So, now we’re at my current design. After some perilous work, spending a ton of time designs and redesigning, getting feedback, and restructuring my site to be actually usable, we arrive here. I don’t have screenshots of my initial-initial design :/. Here are some screenshots from the original Illustrator file: antjanus-final-design-1 Obviously my services page looks nothing like it but 🙂 that was the initial concept. Here are a few more screenshots: antjanus-final-design-2 antjanus-final-design-3I’m sure this looks WAY better than (some parts of) my site today which makes me wonder, why did I not translate some of the simplicity/beauty of the original design into the final? You might want to read my article of “Running a Blog: 0 to 20K” because it explains it rather well. I made decisions based on conversions. My services pages were not frequented and thus I never took that “extra” step to make them nicer, which is where all of that nice design resided. Not only that, but I focused on writing, spending my time typing rather than coding. Using a SASS front-end custom framework made things harder since I needed access to a SASS compiler and an FTP program. I enjoy changing CSS on the fly in the back-end via either CPanel or WP itself. Not the safest method but it’s the fastest.

‘Late’ Current Design

Since I’ll be redesigning the site in the near future and carrying over many of my posts, I thought it’d be prudent to include some screenshots of the final product: antjanus-final-design-4 antjanus-final-design-5 Current with the latest changes: antjanus-final-design-6 antjanus-final-design-7 and mobile view: antjanus-final-design-8

How About The Future?

I’m already gathering inspiration for my future design and will be posting it on Forrst for feedback (btw, if you know of any other great community like that, let me know!) . Here are some things I’ll be focusing on:

  • rebranding – yep, another one of those but, this time I’ll be going back to the original “Aj Creations”-type rebrand, or just “AJ” with the flat-ironed look intermitten with the circle look (no shadow). I’m looking forward to that, I find it cleaner and it works better in my opinion.
  • minimalist redesign – i want it clean so I’ll definitely be doing something cleaner. I’m opting out of shadows but this time I’m making sure to include classes for buttons and such. I’ve been missing them and they’ve just been a recent addition
  • blog-focused – my initial designs and approach viewed the blog as “secondary” and “services” as primary. I’ll be getting rid of services. And I’ll also focus more on the “portfolio” part.
  • no more wordpress – I’ll be using Kirby CMS or possibly other super-lightweight CMS. I have a post in the works about developing themes for Kirby and I also have a free theme ready for that as well.

Update: June 24th 2013

As you can see, I didn’t do a lot of things I promised and wished for myself but a lot of stuff DID change for the better:

  • I’m currently running WordPress with Genesis
  • I completely redesigned my site a few months ago
  • My site is completely centered around my blog. There are no more services/business plans or what have you.
  • Branding WAS redone but the logo concept remains.

Here are some images from the current iteration.

Home page

AntJanus_Web_Development_And_Design_Blog2

Blog Page

Web_Development_and_Design_Blog

Post page meta

AntJanus-screenshot

Mobile

mobile-antjanus

Update: July/August-ish 2013

I did this update a bit ago, and have since updated the site but I decided to roll everything back just to get a good preview! 🙂

my-site-august-2013

 

and bottom:

my-site-august-2013-bottom

Update October 2013

In October,  I ran a few A/B tests and decided to change some things around.

my-site-october-2013Bottom:

my-site-october-2013-bottomAnd home page:

my-site-october-2013-home

There were several smaller updates that changed the background but nothing major that would require a screenshot.

Update: Complete redesign August 2014

After a long time, I finally completed my v3.0 of Tseczka and the Tseczka CSS Framework, both of which made making this new theme possible. Here are the highlights of it:

tseczka-redesign-1

tseczka-redesign-2

And a single post view:

tseczka-redesign-3

You can download it here (saved on the last commit reflected in the screenshots) or the newest version here.