Designbeep http://designbeep.com Free Resources for Designers and Developers Tue, 21 Apr 2015 10:27:44 +0000 en-US hourly 1 Why Care about Mobile Responsive Online Store – The Latest Google Algo Update http://designbeep.com/2015/04/21/why-care-about-mobile-responsive-online-store-the-latest-google-algo-update/ http://designbeep.com/2015/04/21/why-care-about-mobile-responsive-online-store-the-latest-google-algo-update/#comments Tue, 21 Apr 2015 08:14:57 +0000 http://designbeep.com/?p=56772 “Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results”. If you have not read this announcement from Google at Google Webmaster Central blog yet, this post is for you. Those who know but yet to take an action should also go through it.
Those who already have a mobile responsive store may also take a look at this post and feel happy about their decisions taken earlier.

This ‘Mobile-friendly’ algorithm update by Google perhaps is one of the biggest news after Penguin, Panda and Hummingbird updates since 2013.Read this article from Moz to know Google Algorithm Change History so far.
Now, after a long tug of war on whether to make mobile-friendliness a strict ranking signal, the intention of Google is very much clear. If you are an online merchant and your ecommerce store does not pass the mobile-friendly test, it may severely rank you down in the mobile search results i.e. search from Smartphones and Tablets.

mobile-friendly-test

Just imagine the impact on your customers who use to browse Google to come to your online store and shop. Who knows you may suddenly lose around 50% of your daily mobile traffic from Google, meaning 50% of your business!Isn’t it a major revenue loss indeed?

First things first – before we talk about the update in detail and mourn over it, let us find some quick turnarounds. If the mobile-friendly test comes out negative to you, you can’t wait but resolve the issue as soon as possible with the help of shopping cart experts.They could be from your existing design agency or new ecommerce vendors.

Actions at the Eleventh Hour

If your design agency has not taken care of the device-friendly appearance or responsive nature of your site well in advance, it is a sheer bad luck for you. However, it is better late than never. Consult with your designer about the time and effort required to convert your store into a mobile-friendly one today and make some quick arrangements.

You may also ask an online store builder if they can restore your shop with responsive design template of your choice and avoid major dips in existing rankings. It should not take you more than a day to migrate to a new responsive layout that supports mobile commerce. Anyway, you can’t afford to lose many days in doing R&D and then start gathering the action points. The time is limited and your store needs an immediate attention.

Once the basic store setup is ready with new mobile-friendly theme, keep on adding products to it until it takes a shape. Of course, the migration process is easier than you think. If time is a constraint and you don’t want the last-minute rush to be a risk factor, take help of your current design agency or ecommerce vendors like Prestashop. Remember, you need a smooth sailing throughout the store restoration processes and at the same time don’t want to miss out on any great feature or design aspects in a hurry.A good ecommerce consultant can assist you in doing it right at the right time.

Now let us analyze why you should really bother about this mobile-friendly algorithm update.To begin with let me tell you that it is not a first ever indication that Google gives with regards to creating a mobile-friendly site. There are already a lot of articles with expert suggestions on this topic written earlier. Many store owners have also acted on it and transformed their store into a device-friendly one. This time, the only difference is that Google has established the ranking factor officially and the impact will be more than ever. Keep your fingers crossed!

responsive_web_design

A Snapshot of What this Mobile-friendly Update Means to You

  • Your organic search traffic count through mobile devices may partially or completely disappear with an immediate effect. The loss of traffic could be 50% to 80% or even higher.
  • This algorithm update holds true for Google searches across the world, page by page. This means the post algorithm update effects will roll out in all countries at the same time, not just US to begin with.
  • The mobile ranking will come in effect the next time Googlebot crawls your pages. This is in contrary to some previous updates by Google which used to be processed on a monthly basis or in batches in a month or for an unlimited time period.
  • There will be no change in the Google search results conducted on a desktop or a laptop. The ranking signal is only applicable to mobile based searches.
  • The Google search results will show a ‘Mobile-friendly’ string attached to the websites that are device-friendly.For rest,it will not. This means mobile browsers will tend to click on those sites that support mobile-friendly page views and provide a smooth shopping experience.
  • Mobile-responsive sites will tend to dominate the 1st page of Google search results. This is a continuous effort by Google to help users with a better mobile experience. However, only time will say if the mobile-friendly sites will win the battleground altogether.
  • If a user searches for a particular product sold by only your brand, there will be no impact of this algorithm change. Your website (whether it is mobile-friendly or not) will maintain its rankings for brand-specific keywords. Generally Google does not interfere with the search intent of users for ecommerce brands. However, searches for generic keywords like casual dresses, men shoes, and kids’ toys will obviously show a major impact.
  • If you feel perplexed after reading out all these consequences and not sure about the extent of damage your non-mobile-friendly website will incur, let me address them through the FAQs below.

    Will my site lose all its rankings until I make it mobile-friendly?

    No, ‘Mobile-friendly’ is just an algorithm update by Google in order to improve the mobile search experience, it is not a penalty. There is a difference between the two both in terms of severity and impact. In the worst case scenario,your site will be demoted in the ranking meter until it passes the mobile-friendly test, but the rankings will not be washed away totally.

    Will my ecommerce site suffer to a large extent?

    It depends. If most of your customers are of ‘mobile visitor’ type the damage is higher for non-branded search terms. Otherwise, customers who know your store by your brand name will still find you in top of the search results. So, there is nothing to panic for and you can always recover in due time.

    How do I know the extent of damage?

    It is simple. Just login to your Google analytics account and see if there is any steep fluctuation in the number of daily visits since April 21. The graph itself will notify you in case there is a sudden drop. For detailed analysis you may check the Organic search traffic trend and conduct some manual rank checking exercise.

    Should I redesign my website or some minor fixes will work?

    Your web developer or web designer will know this better. The fixes could be as small as updating robots.txt file to block certain files or as big as changing the design template to a mobile-responsive one.
    You may consult an ecommerce software vendor to learn how they will help you install a new mobile-responsive design template for your store without hampering the ongoing businesses. In fact, redesigning makes sense if you want a better look and feel and some additional shopping cart features to be included. The new package would ensure that you are not missing out on the latest advancements in ecommerce domain. Sounds good!

    The bottom line is that you cannot think big with your traditional desktop-friendly store anymore. In this age of mobile shopping or mobile commerce, you can’t help but care about the preferences of online shoppers and Google algorithms. Doing not so even at this eleventh hour can devalue your site to Google searches on mobile and tablet,and also your online visitors forever. The loss is all yours.

    ]]>
    http://designbeep.com/2015/04/21/why-care-about-mobile-responsive-online-store-the-latest-google-algo-update/feed/ 0
    Free Download : 50 Construction icons for iOS 8 tab bars & toolbars http://designbeep.com/2015/04/21/free-download-50-construction-icons-for-ios-8-tab-bars-toolbars/ http://designbeep.com/2015/04/21/free-download-50-construction-icons-for-ios-8-tab-bars-toolbars/#comments Tue, 21 Apr 2015 07:47:04 +0000 http://designbeep.com/?p=56768 Today’s free design resource is a package of pixel-perfect Construction icons for iOS 8 tab bars & toolbars.This icons set is designed by Pixellove.com.Icon sizes are 64px and 44px grids. Bitmaps – @1x, @2x and @3x tab bar and toolbar formats.

    Each icons comes as AI, EPS, SKETCH and PNG formats.Included icons are fully-scalable and editable, as well as PNG’s ready to drop into Xcode.

    Unlike most other iOS 8 icons, PixelLove includes a ‘selected’ fill state for its iOS 8 tab bar icons, as specified in Apple’s developer guidelines.These filled iOS icons look great in iOS 6 apps too!

    iOS-construction-icons-(1)

    [gpp_button color=”blue” url=”http://www.pixellove.com/free-ios-construction-icons” title=”free icons” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]DOWNLOAD[/gpp_button]

    [gpp_button color=”black” url=”http://designbeep.com/category/freebies/icons-freebies/” title=”free icons” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Icons[/gpp_button]

    ]]>
    http://designbeep.com/2015/04/21/free-download-50-construction-icons-for-ios-8-tab-bars-toolbars/feed/ 0
    Fresh Free Font Of The Day : Sangha http://designbeep.com/2015/04/21/fresh-free-font-of-the-day-sangha/ http://designbeep.com/2015/04/21/fresh-free-font-of-the-day-sangha/#comments Tue, 21 Apr 2015 07:16:34 +0000 http://designbeep.com/?p=56762 Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies?
    Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Sangha is designed by Anna Seslavinskaya.

    Font Sangha inspired by Indian writing (in particular, the Tibetan language system and devangari) used some language groups: Indo-European, Dravidian, Tibeto-Burman, Mongolian, Austroasiatic, Austronesian, Tai. The project is a study of Indian writing font features.

    1.Fresh Free Font Of The Day  Sangha

    2.Fresh Free Font Of The Day  Sangha

    3.Fresh Free Font Of The Day  Sangha

    4.Fresh Free Font Of The Day  Sangha

    [gpp_button color=”blue” url=”http://s-u-r.it/sangha-typeface/” title=”free fonts” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

    [gpp_button color=”black” url=”http://designbeep.com/category/freebies/fonts-freebies/” title=”free fonts” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Fonts[/gpp_button]

    ]]>
    http://designbeep.com/2015/04/21/fresh-free-font-of-the-day-sangha/feed/ 0
    Trianglify Generator – No-coding-required Triangle Pattern Generator http://designbeep.com/2015/04/21/trianglify-generator-no-coding-required-triangle-pattern-generator/ http://designbeep.com/2015/04/21/trianglify-generator-no-coding-required-triangle-pattern-generator/#comments Tue, 21 Apr 2015 06:59:59 +0000 http://designbeep.com/?p=56756 Trianglify Generator is a simple tool to create triangle patterns.It’s been developed by Quinn Rohlf.It’s really easy to use.You just adjust the width, height, variance, cell size and of course colors and you immediately get the Trianglify pattern.You can either download it as SVG or PNG.

    Currently, you’ll have the best luck with this site in the latest version Chrome or Safari on OSX.

    Trianglify-Generator

    [gpp_button color=”blue” url=”http://qrohlf.com/trianglify-generator/” title=”free tools” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Trianglify Generator[/gpp_button]

    [gpp_button color=”black” url=”http://designbeep.com/category/tools/” title=”free tools” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Tools[/gpp_button]

    ]]>
    http://designbeep.com/2015/04/21/trianglify-generator-no-coding-required-triangle-pattern-generator/feed/ 0
    NewsOnline – WordPress Theme Perfect for News Sites and Online Magazines http://designbeep.com/2015/04/21/newsonline-wordpress-theme-perfect-for-news-sites-and-online-magazines/ http://designbeep.com/2015/04/21/newsonline-wordpress-theme-perfect-for-news-sites-and-online-magazines/#comments Tue, 21 Apr 2015 06:42:48 +0000 http://designbeep.com/?p=56750 NewsOnline is a beautiful and professional WordPress Theme with a glossy feel that’s perfect for news sites and online magazines. For webmasters and designers looking to build sites that display lots of information in a way that feels authoritative and high quality. Ensure you are able to compete with the top players in your niche.

    everything from serif headlines to the news ticker is designed to be the perfect fit for blogs that deliver regular news and help establish your brand as an authority.

    01-responsive-and-retina-ready1

    Features:
  • Fluid Responsive
  • Featured Section
  • Speed Optimized
  • Adsense Optimized
  • Parallax Scrolling
  • Off Canvas Mobile Menu
  • Awesome Font and Icons
  • Clean Commented Code
  • Shortcodes
  • WP Mega Menu Compatible
  • WP Review Pro Compatible
  • WP Subscribe Pro Compatible
  • 630+ Google Fonts
  • Child Theme Support
  • 15-wp-mega-menu-compatible

    16-wp-review-pro-compatible

    17-wp-subscribe-pro-compatible

    [gpp_button color=”blue” url=”http://demo.mythemeshop.com/s/?theme=NewsOnline&ref=cini” title=”best wordpress themes” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”https://mythemeshop.com/themes/newsonline/?ref=cini” title=”wordpress theme” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

    ]]>
    http://designbeep.com/2015/04/21/newsonline-wordpress-theme-perfect-for-news-sites-and-online-magazines/feed/ 0
    Free Download : 52 Icons For Clothing and Footwear Design Projects http://designbeep.com/2015/04/20/free-download-52-icons-for-clothing-and-footwear-design-projects/ http://designbeep.com/2015/04/20/free-download-52-icons-for-clothing-and-footwear-design-projects/#comments Mon, 20 Apr 2015 08:10:29 +0000 http://designbeep.com/?p=56737 Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies?

    So today’s free design resource clothing and footwear icon set is designed and released as a freebie by Bogdan Nikitin.

    This icon set contains 52 icons.Each icon is in PSD format.You can use them freely in your clothing related design projects.

    dress-icon-set

    icons-set

    [gpp_button color=”blue” url=”https://dribbble.com/shots/1982573-Clothing-and-Footwear-FREE-ICON-SET” title=”free icons” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]DOWNLOAD[/gpp_button]

    [gpp_button color=”black” url=”http://designbeep.com/category/freebies/icons-freebies/” title=”free icons” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Icons[/gpp_button]

    ]]>
    http://designbeep.com/2015/04/20/free-download-52-icons-for-clothing-and-footwear-design-projects/feed/ 0
    Top 5 Tips to Design an Effective eBook Cover http://designbeep.com/2015/04/20/top-5-tips-to-design-an-effective-ebook-cover/ http://designbeep.com/2015/04/20/top-5-tips-to-design-an-effective-ebook-cover/#comments Mon, 20 Apr 2015 08:00:36 +0000 http://designbeep.com/?p=56732 Marketing is a vast world these days, especially after the advent of the internet. Although the internet was conceived and introduced almost three decades back, yet the process of marketing on this platform is still being innovated. Among the major marketing tools that are being introduced these days is the ebook. A large number of companies are using it. Moreover, ebooks are also being used for purposes beyond marketing. With more number of people depending on tablets and smartphones to read, almost all books are having their device-friendly versions. So, these days it is sort of imperative for the designers to know how to design ebook covers.
    While designing the ebook covers, in the very first step you should check out is the size. It is essential to create an ebook that appears perfectly on all the devices on which the ebooks are mostly read. Besides, there are also other steps that need to be used to design a perfect ebook cover.

    ebook-cover-design

    Here’s a quick look at some of tips that might come in handy for you to create some amazing ebook covers.

    Convey More through Less

    You just need to keep in mind that it is essential for the title of the ebook to catch the attention of the potential readers. And for that, you need to keep the design simple. There are several psychological benefits of a simple design. It helps the readers to process the design faster in their brains. And that surely has a major effect on their minds. Hence, they tend to like simple designs. So, try to speak more through less on the ebook covers.

    Take Brand Components into Account

    If you are creating several ebooks for a certain brands for the marketing purpose, it is essential to make that clear through the covers. The covers should have some uniformity. For example, you will need to use the same brand colors, albeit in different ways. Moreover, it is also essential to use the logos of the companies for which you are designing the ebook cover. Despite using all these, make sure that the covers are completely different for each ebook. And this is where you need to make complete use of your creativity.
    But before you start designing the cover, you should have a proper checklist of all the brand components that you need to use on the cover. It will help you ensure that you are not missing out on any of them.

    Include Images in the Design

    When you are designing the ebook cover, don’t forget to include images. The images will break down the text that you are likely to have on it. Moreover, the images are known to speak a thousand words. So, they will help you convey a lot of information within a small space. So, it is almost essential to include images in your web design cover to make them more attractive for the potential readers.

    The Title is Central to the Design

    What is the title of the ebook?
    Remember, a title says a lot of things about the book. And the person who had not heard of the book earlier might feel attracted towards the ebook and might end up buying it only if he feels that the title is relevant to what he is looking for. And the theme of the design should depend on the title of the book.
    Hence, it is important that the title should be properly visible on the cover of the ebook. So, when you are designing the ebook cover:

  • Focus on the title
  • Make the title easily readable
  • Use the right fonts
  •  
    You need to select the fonts for the title, and also for the whole ebook, prudently enough. For example, if it is a business ebook, the fonts need to be somber, like Arial, Times New Roman, Calibri, and so on. However, if the ebook is for children, the fonts can be a bit decorative, such as Comic Sans MS, Curlz MT and others.

    Find Inspiration to Use It in Your Own Way

    When you are planning to create an ebook cover, you might need some inspiration. And you can get many of those. All you need to do is a bit of research. Search for ebooks on topics similar to those you are working on. Try to have a look at as many of these ebook covers as possible, so that you don’t copy any. Instead, try to use the ideas in your own way. In short, get inspired by all of these ebook covers and create your own version of the same. It is surely going to help you end up with an amazing creation.

    There’s an old adage that tells us not to judge a book by its cover. Yet, when it comes to an ebook, the cover surely plays an extremely important role. It’s by the cover that the readers are first attracted. And the cover should do multiple roles. It should summarize the content of the book in the best possible manner. Besides, it should have a touch of the brand. In addition, it is important for the ebook cover to have all the text and pictures perfectly places, so that it appears great. Because, aesthetics is important for the cover. So, the web designers these days should have a proper idea about how to design the ebook covers to ensure that these components are helping significantly in the marketing procedure.

    ]]>
    http://designbeep.com/2015/04/20/top-5-tips-to-design-an-effective-ebook-cover/feed/ 0
    Responsive Grid Item Animation Layout http://designbeep.com/2015/04/20/responsive-grid-item-animation-layout/ http://designbeep.com/2015/04/20/responsive-grid-item-animation-layout/#comments Mon, 20 Apr 2015 07:15:57 +0000 http://designbeep.com/?p=56728 This is s responsive, magazine-like website layout with a grid item animation effect that happens when opening the content.It’s been developed by Codrops.

    The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. In the first demo the content area fills the grid (inspired by a concept by Virgil Pana) and in the second demo, the whole layout moves to the left while the grid item is expanding (inspired by this Dribbble shot by Sam Thibault).

    GridItemAnimation

    The expanding element (which is a dummy element and not the grid item itself) is not animating in width and height but instead its original dimensions are already of the expanded size and we simply scale it down initially.

    [gpp_button color=”blue” url=”http://tympanus.net/Development/AnimatedGridLayout/” title=”best wordpress themes” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”http://tympanus.net/codrops/2015/04/15/grid-item-animation-layout/” title=”best wordpress themes” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

    ]]>
    http://designbeep.com/2015/04/20/responsive-grid-item-animation-layout/feed/ 0
    Fresh Free Font Of The Day : Keep Calm http://designbeep.com/2015/04/20/fresh-free-font-of-the-day-keep-calm/ http://designbeep.com/2015/04/20/fresh-free-font-of-the-day-keep-calm/#comments Mon, 20 Apr 2015 07:04:52 +0000 http://designbeep.com/?p=56724 Here on Designbeep,we also aim to help designers to find free yet high quality resources whether for your web design projects or graphic design projects.Who doesn’t like freebies?
    Well,although we bring together free font collections time to time we decided to share a free font everyday and today’s free font Keep Calm is designed by K-Type.

    Keep Calm is a family of fonts developed from the now famous World War 2 poster that was designed in 1939 but never issued, then rediscovered in 2000. As well as the original Keep Calm font, the Medium weight of the poster, three new weights are available – Book (regular), Heavy and Light.

    1.Fresh Free Font Of The Day  Keep Calm

    2.Fresh Free Font Of The Day  Keep Calm

    Download the Medium weight Free for Personal Use

    [gpp_button color=”blue” url=”http://www.dafont.com/keep-calm.font” title=”free fonts” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Download[/gpp_button]

    [gpp_button color=”black” url=”http://designbeep.com/category/freebies/fonts-freebies/” title=”free fonts” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Fonts[/gpp_button]

    ]]>
    http://designbeep.com/2015/04/20/fresh-free-font-of-the-day-keep-calm/feed/ 0
    School – Perfect WP theme for schools, classes, daycares and other educational programs http://designbeep.com/2015/04/20/school-perfect-wp-theme-for-schools-classes-daycares-and-other-educational-programs/ http://designbeep.com/2015/04/20/school-perfect-wp-theme-for-schools-classes-daycares-and-other-educational-programs/#comments Mon, 20 Apr 2015 06:43:53 +0000 http://designbeep.com/?p=56719 School is a fully responsive WordPress theme that features a clean, light design, with plenty of room for educational information, and custom post types for galleries and events that enhance the ability to provide a quality education. It’s perfect for schools, classes, daycares, and other educational programs.

    School features an education themed design,clean and light colors and custom post types that are designed to enhance the ability to provide engaging educational information.

    School theme comes with a beautiful clean and minimal blog design that matches the overall scheme and lets you post updates about your education program.

    school wordpress theme

    [gpp_button color=”blue” url=”http://demo.mythemeshop.com/s/?theme=School&ref=cini” title=”best wordpress themes” icon_left=”external” target=”_blank” size=”medium” display=”inline”]Demo[/gpp_button]    [gpp_button color=”blue” url=”https://mythemeshop.com/themes/school/?ref=cini” title=”wordpress theme” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Source[/gpp_button]

    ]]>
    http://designbeep.com/2015/04/20/school-perfect-wp-theme-for-schools-classes-daycares-and-other-educational-programs/feed/ 0