Our little print company has yet to develop an iPhone app for numerous reasons, but we still provide a nice “app” looking icon to people who wish to save our mobile website on their iPhone/iPod/iPad home screen. They can do this by selecting “Add to Homescreen.”
Basically, when someone saves a website onto their home screen, the icon defaults to something like this:
Notice, the icon looks terrible and simply snapshots the home page of our website. It doesn’t appear “app-like” so I think people are less inclined to keep it saved onto their iPhone. I want to imitate the app environment so our website link fits in better.
We created this simple icon that fits well with other apps, and we look a bit more savvy in the process.
How to do it
The good news is this: Apple does most of the beautification for us. The rounded edges and gloss appearance is all done by iOS to ensure all apps have a consistent feel to them so let’s get started.
First, we will need a graphic software like Adobe Photoshop to make a 57px X 57px image.
Next, we’ll choose a background color that fits well with our company branding. It can be a gradient or solid color. Whatever floats your boat.
Next, we put a logo or some letters in the middle. I like to keep it very simple, so I used “PK” representing PrintKEG.
Once my letters are situated I added a little drop shadow just because this seems to easy. Next, we save the image as a PNG file then upload it to our server somewhere. Some people put it in the root directory, but I am using my images folder for now.
We must add a small meta tag under the title tag in our HTML to tell iOS where the icon image is.
We’re done. A simple way to provide Apple users a sweet little icon that matches the other apps on the device. Here are some tips in creating a nice iphone app design.
- 3 Super Reasons Why Companies Need Facebook ‘Likes’
- I Think We Might See An iPhone 4GS, Not An iPhone 5
- Why Apple Disappointed Us With The Iphone 4S
- 10 Useful Applications For Our E-Commerce Website
- Foursquare Tips For Small Businesses (Especially Printers)
- Enhancing Our Brand Through Instagram
- Iphone 4S Making Greeting Cards Cool Again?
- I Want The iPhone 5 To Be Like…
- Why QR Codes Will Soon Be A Thing Of The Past
- Why Businesses Better Create a Mobile Website
- Iphone 5 Rumors
- 21 Tips To Gain Followers on Instagram
The Cloudadobe android app apple books business camera canon comics commercial printing conference digital printing digital publishing e-commerce e-readers Entertainment entrepreneurs facebook google hp instagram ipad iphone kodak magazines marketing marvel microsoft motorola movies online marketing photo-sharing printer printing publishing qr codes ricoh seo small business social marketing social networking tablets website tips wide format xerox
- May 2013 (7)
- April 2013 (2)
- March 2013 (3)
- February 2013 (1)
- January 2013 (2)
- December 2012 (1)
- November 2012 (1)
- October 2012 (4)
- September 2012 (7)
- August 2012 (7)
- July 2012 (9)
- June 2012 (2)
- May 2012 (4)
- April 2012 (12)
- March 2012 (20)
- February 2012 (27)
- January 2012 (29)
- December 2011 (10)
- November 2011 (17)
- October 2011 (25)
- September 2011 (10)
- August 2011 (26)
- July 2011 (26)
- June 2011 (13)
- May 2011 (36)
- April 2011 (31)
- March 2011 (29)
- February 2011 (59)
- January 2011 (76)