• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Fancy Girl Designs

Bespoke Brand and Web Design for Female Creatives

  • Home
  • About
  • Design Services
  • Portfolio
    • Interior Design Websites
  • Articles
    • Resources
  • Work with Me
  • Home
  • Meet Patricia
  • Brand and Web Design Services
  • Portfolio
  • Articles
  • Resources
  • Testimonials
  • Inquire

Why Your Blog Should Be Mobile Responsive

March 28, 2014 by Patricia 2 Comments

MOBILE RESPONSIVE 101

What is mobile responsive design?

When a website is responsive, the layout and/or content adapts or responds based on the size of the screen it’s presented on. A responsive website automatically changes to fit the device you’re reading it on.  The content is both resized and adjusted in order to work well with different devices. Typically, there have been four general screen sizes that responsive design has been aimed at: the widescreen desktop monitor, the smaller desktop (or laptop), the tablet, and the mobile phone. If you look at the mock-up I made above, you’ll see how the various elements are rearranged as the screen size gets smaller, adapting to fit the screen and allowing for a more comfortable viewing experience.  Just imagine if you had to read that post with the full-width layout (sidebar and all) on the smartphone.

What’s the difference between mobile templates and responsive design?

There are two typical methods for creating mobile sites: responsive design and mobile templates. With a responsive design, you only have one website that is coded to adapt to all screen sizes automatically. A mobile template is a completely separate entity, requiring you to have a subdomain specific to your mobile site.  It is designed separately, and does not adjust to the size of the device. You will therefore have to maintain several separate sites. As you can see, a responsive design is so much better, in many ways.

Some minor things you might want to ask.

What happens to all those sidebar widgets?  They get transferred to the bottom, right before your footer.  Which is also why, if you take a look at forward-thinking blogs, you will see that they’ve totally ditched their sidebars. If you’re not ready for that yet, it’s ok. But I think the trend seems to be going that way.  Rethink your ad placements, if that’s important to you.   Rethink what’s on your sidebar and see which ones are absolutely essential. But just think about this – in case you don’t have a mobile responsive design, and your viewers are zooming in to view elements on your site, what do you think they’re zooming in to view, your content, or your sidebar widgets? What about placing things “above the fold”? Well, that’s not as important anymore.  People in 2014 know how to scroll.  And on mobile devices, it’s so much easier to scroll than to wait for a new page to load.

Why is it important for your blog or website to be mobile responsive?

Mobile use is exploding. More and more people are browsing the web using mobile devices, and the data shows that this is not going to slow down any time soon.  In fact, it’s going to pick up speed.  What device do people have majority of the time?  What device do they use when they’re on social media?  I’d say it’s going to be a mobile device. Make it easy for people to read your blog wherever they are. Give them the content they want, in the context that they’re viewing it.

Filed Under: Tips & Tricks Tagged With: blog design, mobile responsive design, wordpress

About Patricia

Front-end web developer, graphic designer, artist, work-at-home mum living in Singapore. I blog about my passions, which range from interior design, art, colours, typography, and all things pretty!

Previous Post: « Pantone Forecast For 2015 – Tinted Medley
Next Post: Let Your Light Shine »

Comments

  1. Polly Alexandre says

    June 17, 2014 at 2:59 pm

    This is super helpful and clear. Thanks Pat!

    Reply
    • Patricia says

      June 23, 2014 at 8:22 pm

      Glad to know that! 🙂

      Reply

Leave a Reply Cancel reply

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

Hello and Welcome!


Hi, I’m Patricia, the girl
behind Fancy Girl Design Studio.
I love pretty things, clever words, fonts, colors, the Oxford comma, and exclamation points!
Won’t you grab a cup of tea with me and stay a while?
Let’s talk all things pretty.
ABOUT ME

Looking for Something?

Categories

  • Art & Illustrations
  • Branding
  • Branding & Website Resources
  • Everyday Fancy
  • FancyGirl Finds
  • Featured Projects
  • Freebies
  • Freelance Diaries
  • Inspiration
  • news
  • Styling
  • Tips & Tricks
  • Uncategorized
  • Workshops

latest Freebies

Free Floral Phone Wallpapers

Opal, Marble, & Agate Lockscreen Wallpapers

Spring Lockscreen Wallpapers

Navigate

  • Get a Quote
  • Brand and Web Design Services
  • Art Direction & Styling
  • Semi-Custom Website Design
  • Meet Patricia
  • Testimonials
  • Articles
  • Resources

Let’s Get Social

  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest

How it Works

  • Terms & Conditions
  • Questions and Answers
  • Work with Me
  • Resources
  • Brand and Web Design Services
  • Back to Main

FOLLOW ME ON INSTAGRAM @FANCYGIRLDESIGNS

What do you want the world to think of when they h What do you want the world to think of when they hear your brand name?

Your brand is your manifesto, your one-word or symbol declaration of who you are and what you stand for. It doesn't have to be true yet, but it's what you want to be, and how you want people to see you. If you're successful, your brand's perception will become its reality.

How do you want your clients to feel when they think of your brand? What perception are you trying to shape? Let me know in the comments!

#branding #quotes #brandvision #creativeentrepreneur #launchpadgroupsg #luxurybranding #fancygirldesigns
Step into the new world of Fancy Girl Design Studi Step into the new world of Fancy Girl Design Studio! The new website is a reflection of my brand's evolution. It's more sophisticated and polished, and it better represents my brand values and commitment to providing customers with the best possible experience. (I do miss the pink though!)

I owe a big thank you to my amazing brand photographer, @zebrajojophotography , for capturing the essence of my brand perfectly. I think she can read my mind now! 

Visit the website today and experience the difference. Oh, while you're there, do try out the brand personality quiz, and share your results!

#webdesign #branding #websitelaunch #launchparty #DigitalElegance #fancygirldesigns #luxurybranding
Creatively adventurous, bold, upscale, and establi Creatively adventurous, bold, upscale, and established. Not an easy set of keywords to visualize, but here's the moodboard and color palette for this talented workplace designer. 

The color palette has very midcentury modern vibes, and one that I am excited to render in a logo design as it's quite unusual! 

#moodboardmonday #moodboard #colorpalette #inspiration #branding #creativeentrepreneurs
I launched my website even though it wasn't 100% r I launched my website even though it wasn't 100% ready. ⁣😳

You know why? It will never be 100% ready. It will never be 100% perfect. Or bug free. Your website will need tweaking, updating, and a zhuzhing up here and there every now and then (as I do with cushions every time I pass by the couch). 

You have more portfolio galleries to share? Post them later. Google will love you for producing fresh content frequently. You want to change your headshots? Go ahead and update them every season if you wish. You can even tweak your copy to make sure it's up to date with your latest offerings. You should be making these updates anyway, even if your website was perfect when you launched it. (but realistically, no website ever is.) 

Have you checked out my new website yet? Don't forget to sign up for fancy mail and get my free guide to website images. 💖

#websitelaunch #fancygirldesigns #brandphotos #launchpadgroupsg #collaborationovercompetition #creativeentrepreneurs #happycreativelife #DigitalElegance 

Photo by the incomparable @zebrajojophotography
gorgeous fringed cushions from @templecandles 
hair and makeup by @gayathrimenon
Guess what, my new website is live, and I've got a Guess what, my new website is live, and I've got an amazing freebie for subscribers! Head over to fancygirldesignstudio.com and sign up for fancy mail to grab this guide. 

As a creative, having amazing images on your website is a non-negotiable. But it can get overwhelming when you don't know where to start. What sort of images do you need? How do you name your photos? How many gallery images should you include? How do you optimize images for SEO?

That's why I created this guide for my clients. Now you can have access to it too. 💖

And once you've checked out the new website, tell me what you think! 

#launchparty #launchweek #fancygirldesigns #fancymail #freebie #webdesigner #launchpadgroupsg #creativeentrepreneur
It is unbelievably easy to use the Generative Fill It is unbelievably easy to use the Generative Fill tool on Photoshop 2024! The latest version of the software has a much more powerful version of the AI and is capable of doing so much more than just remove backgrounds from photos. 

Here are step by step instructions on how I changed the art inside the frame using this tool. All in a matter of seconds. 

And then of course I tried doing it manually and ended up liking the result more. 😂 but that's just me! It really is a very easy tool to use. 

Have you tried it? And can you tell which one is not AI generated? 

Photographed by @zebrajojophotography 

#photoshop #toolsandtricks #photoshoptips #graphicdesign #interiorphotos #styling #aiart #psgenerativefill
Follow on Instagram

Copyright © 2023 · FANCY GIRL DESIGN STUDIO