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 Responses to “Amazing transformations; How I went from ugly to exciting pages.

  • 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!

    • artsbysofie
      2 years ago

      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!

  • Wow, the after pages look amazing! Good for you for knowing the code to change all that. Your hard work paid off.

    • artsbysofie
      2 years ago

      Thank you Marissa. It is good to hear so after sweating over them for some while! ~ Sofie

  • Wow! Your blog looks awesome! Keep up the great work!

  • Great changes! Love how everything looks – so inspiring!

  • 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.

    • artsbysofie
      2 years ago

      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!

  • I’ve been looking at adding some extra elements to my blog as it needs a touch up, so these gave me a few wonderful ideas to try my hand at!
    Kati Rose recently posted…Mourning Minnesota’s PrinceMy Profile

    • artsbysofie
      2 years ago

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

  • Jessica Hughes
    2 years ago

    Great changes! I am a visual person and love the new look!

    • artsbysofie
      2 years ago

      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!

  • 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

    • artsbysofie
      2 years ago

      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

  • Hi Sofie!
    Great to see you here at Blogger’s Pit Stop. A blog makeover! Great idea!
    Thanks for bringing your post to Blogger’s Pit Stop.
    Janice, Pit Stop Crew
    Janice Wald recently posted…How to Create the Best Website Name in the WorldMy Profile

    • artsbysofie
      2 years ago

      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

%d bloggers like this: