Tips for Getting Your Mobile Site on the Home Screen

Step No. 1: Pick your target mobile operating systems. For the purpose of this demonstration, iOS home screens are mentioned. The process for Android and Windows phones are almost identical to this, and any substantial differences are noted.

Step No. 2: Get your app icon. The functionality for bookmarking a website to a phone's home screen is already available. By default, iOS will take a thumbnail of your website in place of an icon. And while your website may be visually striking, a thumbnail of it WILL NOT make a good icon. The goal is for users to feel like they're accessing an app. Apps don't use thumbnails; they have slick, well-designed icons. So, shoot for a great-looking icon that looks like it belongs on the App Store.