I’m coming back today with a new topic, and guess what ? we’re gonna talk webdesign! Yeah, I’m a bit of a techy girl when it comes to web technologies and I thought I could introduce you to the subject if it’s something you’re not really familiar with. With that goal in mind I’m gonna tell you how I designed my own layout for the blog and what was the process behind it.
Firstly, as you may have read in my ten facts post, I owned fansites back in the day (that’s when you dedicate your website to a singer/actor/show/book/etc. and post news and pictures about it), and I always did the design/coding whenever I wanted to update the look of my websites. So of course my first designs were hideous now that I can look back. But practice makes perfect, as one would say (not that I consider my designs as perfect by now in any way). So I learned how to use Photoshop by reading tutorials on the Internet, cropped a photo or two, adjusted the colors, added a background, and that was it. That’s how I made progress and tried to up my game a little bit more for every design that came after.
So here are a few tips on how I proceeded to design this blog and maybe this will inspire you for your own. Those are not guidelines but I hope it will help if you struggle to design your own blog or if you don’t know how to tell your designer what you want/how you want it or even if you’re just curious, well that’s great!
1. Know what you like / dislike when you visit websites
Try to think about the blogs you like the design of and write them down. Make your own list of beautiful blogs so you can check them back, print screenshots if you need to and notice how things are laid out. The point is not to copy beautiful successful blogs but to get inspired and decide about the layout of things. Basically you’re gonna talk about blocks. The profile, menu, main content, the links to social networks, etc. Decide which parts are important to you and what type of layout you need (single page, left sidebar, right sidebar, 2 columns, 3 columns, etc.).
Here are a few blogs I took into consideration when I started this one : mynameisyeah, ileniamartini, waterfallcreative. Those are some of my favourite blogs and I believe that it’s okay to find inspiration in what you like.
2. Create a moodboard
Yep, browse the web and look for pictures that you really like and put them together. You can print them or start a pinterest board like I did. It’s very practical for that kind of things. Even if the pictures have nothing to do with the subject of your blog, this process will help you understand which colors are gonna be the stars of your design. Whether you like them bright, saturated, pastel, they will undoubtedly reflect your own personality. It also works for shapes, fonts, etc.
For my design I was aiming for something gold & black as I really like that pairing, and it sure can be found in the way I dress or accessorize my outfits. I didn’t see my background in any other way than plain white as I know it’s what I do best, and I find it really professional so it’s a win-win. I also like the idea of dots and decided to use them as a separator between each post. I also pinned flowers to my moodboard but in the end couldn’t find a way to transpose them in my design. And it’s okay! You can’t fit EVERYTHING in it. You have to keep it clean and give room to your items. Also, I prefer to stuck to 2-3 colors for the titles/links/content so it doesn’t get too scattered.
3. Start your design!
As you may have noticed, I love minimalism! When I begin my designs, I always look for simplicity. So with that in mind, I started with the logo/header and then tried to define how I wanted my blocks (remember those from step one?) to connect to each other and fit in with my header. Sure I started back from scratch many times. But don’t give up, take breaks and try again when you’re ready. In the end you’ll find something that you like and you’ll smile to yourself.
Wow that was my longest post! Hope I didn’t bore you and that it will help you. If you have other recommendations you’d like to share, go ahead and tell us!
Last but not least, don’t forget to have fun when webdesigning!