Amazing transformations; How I went from ugly to exciting pages.

Do you sometimes feel like your blog is a little bit generic? I have used the very basic WordPress theme for this site so it would load quickly. But with that comes that it doesn’t look very exciting. My biggest problem was with some if the pages that I just didn’t like at all.

This past week I have been working very hard to make my blog fit my personal style while making it look better. One of my goals was to update old HTML pages to something more lively and exciting.

Amazing transformations; How I went from ugly to exciting pages. (3)

Goals 

My goals for the pages I am working on.

  • I want it to look better than before
  • I want it to include more images and even illustrations
  • I want it to be more interactive

Basic make over;

These are the things that I did over the entire blog;

The first thing I did was changing the base colours which already made it so much more beautiful! I went from a very harsh black and blue to this. I really love the brown that I incorporated.

I updated part of the side bar with pictures I made in Canva. The came the really big projects.

Tools used for this make over; 

  • Symple Shortcodes plugin
  • Lots of HTML & CSS
  • Canva

Start page

I think this might have been my first HTML project ever. Now looking back after changing my theme I think this looks a little bit ugly. So I decided to update it to something with a little bit of flair.

Before

start page before

I like buttons and I like lists so I combined both. This was where the plugin really helped.

After

start page after

start pge after 2

End result

About page

Horribly outdated and not very interesting. Plus I don’t think I want to see my face that big.

Before

about page before

My biggest goal for this page was making it more interesting. I tried to incorporate a lot of illustrations since that is what I want to be known for. I might still change the header but I think that overall this page has gone through a big improvement

After

about me after 2 about me after

end result

Contact page

This page looked cluttered and te contact form was actually broken. (that is just bad) So I cleaned it up and moved some of the links to the sidebar.

Before

contact

The end result is sweet and simple. I never thought I would like a contact page this much.

After

contact page after

End result

I would love to here what you think!

I hope this proves to you that you can do a lot of design for yourself! You only need a little code, maybe a plugin and a image design program of choice and you can make the most gorgeous things.  If you are not happy with your blog you can improve it!

I know blog design can look scary or overwhelming but when you are done it will feel so much better.


My question for you is; have you ever done a make over for your blog? Which parts did you find the hardest?

 

18 thoughts on “Amazing transformations; How I went from ugly to exciting pages.”

  1. Great job on all of your hard work. This is on my to do list this summer while I am on vacation. I am also looking to transfer my blog from Blogger to WordPress and I am a nervous mess about that. Props to you for figuring out HTML!

    1. Thank you so much Mayra! And good luck in advance! I tranfered my blog from wordpress.com to .org and the hardest part was actually not moving the blog but moving the domain! But I am sure that a good host will be able to help you with it all. Thank you for reading!

  2. That’s great that you were able to figure out and change the code yourself. Many think that it’s too big of a job to figure out… that’s totally me with figuring on how to make my site load faster… Lol

    I really do love the after shots. You worked hard and the pages really pop and make it pleasing to the eye. Love Canva.

    1. Thank so much Chel! It was quite nerve wrecking to dig in some codes but I am glad that it turned out so good. (Btw, If you have a WordPress site, I wrote a post about that earlier. It is 100% without coding, I promise ;)) I am really glad you like it and thank you for reading!

    1. I am very glad it brought you inspiration! I am excited to see what you will do with it! ~ Sofie

    1. That is great to hear. I really worked on making it more interesting so it is great to hear that that worked! Thank you Jessica!

  3. Great job and I am in the process of trying to make my website faster but still look exciting. I’ve picked up some handy tips thank you and yes I really like your colour scheme. #BloggersPitStop

    1. Thank you so much! The colours make me feel so much happier now`. I am glad this was helpful and I wish you a lot of success!

      ~ Sofie

    1. Hi, Janice! Thank you for the nice words and hosting such an amazing opportunity! ~ Sofie

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge