Ten Things to Consider When Building a Responsive Magento Site

By February 13, 2013 magento No Comments

Ten Things to consider when building a responsive Magento site:

  1. Third-party themes:

    Do you intend to use a third-party theme and just change some colors and fonts,
    or do you see your project having a more custom layout?

    It might be beneficial for you to get a theme, even if you don’t intend to use it on your project, to see how certain pages were organized.

  2. Third-party themes and the version of Magento you are using:

    Using a third-party theme saves you time of course, but you will want to verify
    that you have what you need in your templates, and if you are using Magento Enterprise Edition, you will want to check for any conflicts (always a good idea to check).

  3. Responsive CSS framework:

    Using a responsive framework would appear to be a more maintainable
    approach, but you will spend a good amount of time in the beginning to implement it into your templates.

  4. Priority

    There are a lot of elements to consider for a responsive Magento site. While you
    might have CMS pages, the focus of your site isn’t large blocks of text. You might want to focus on “store specific” pages/sections.

  5. Determine which sections of Magento you can apply general CSS for a responsive layout.

    • Category page
    • Product page
    • Cart page
    • Checkout page/li>
    • Login/Create an Account pages
    • Customer account section
    • Search pages
  6. Keep in mind that you will want to take some time to check different combinations of the product page and different product types. Error/alert messages.

  7. Drop-down cart:

    If you have a drop-down cart, do you want it to be displayed on mobile, or do you
    want to convert it into a link to the cart page?

  8. Do you have the time/budget to build a responsive store?

  9. Do you expect a significant amount of users to view your site on a mobile device?

  10. User experience:

    You are probably thinking about how to best present content to improve
    conversions, and your strategy might be focused on a desktop view of your site. You will now face additional considerations to best present your products for mobile views. Remember that the point of making your store responsive is to improve usability and presentation. What’s the point of making your store responsive if users can’t easily locate navigation menus, add to cart/checkout buttons, or product information isn’t presented clearly?

    Javier is a Web Developer at DO. He has many ninja like qualities

Leave a Reply

Your email address will not be published.

Like what you see? Contact us for a quote. Get Quote