<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>DzineBlog.com &#187; Web Design</title>
	<atom:link href="http://dzineblog.com/tag/web-design/feed" rel="self" type="application/rss+xml" />
	<link>http://dzineblog.com</link>
	<description>Design Inspiration and Resources</description>
	<lastBuildDate>Thu, 16 May 2013 13:36:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>29 Examples of Print Identity &amp; Branding for Startups</title>
		<link>http://dzineblog.com/2012/11/29-examples-of-print-identity-branding-for-startups.html</link>
		<comments>http://dzineblog.com/2012/11/29-examples-of-print-identity-branding-for-startups.html#comments</comments>
		<pubDate>Mon, 26 Nov 2012 03:48:27 +0000</pubDate>
		<dc:creator>Jake Rocheleau</dc:creator>
				<category><![CDATA[Business Cards]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Business Card Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://dzineblog.com/?p=15620</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=15620&c=1591530002' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=15620&c=1591530002' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264761' target='_blank'>Advertise here with BSA</a></p><br /><p>When launching your own startup there is a lot more hussle required as compared with any typical business. Print work and branding opportunities are a big step in the overall marketing scheme. But if you don't have any good ideas your logo work and entire product will suffer.</p>

<p>I have collected this gallery of 29 beautifully stunning examples of print identity work. Most of these designs are focused around startups or agencies, but also other small business ideas. There is plenty of unique branding to build ideas and put together something amazing. If you know of any similar projects or have your questions on the post feel free to share with us in the discussion area below.</p>

<h2><a href="http://www.behance.net/gallery/Hudson-Made-Brand-Identity/4779135">Hudson Made</a></h2>
<p><a href="http://www.behance.net/gallery/Hudson-Made-Brand-Identity/4779135"><img src="http://dzineblog.com/wp-content/uploads/2012/11/01-hudson-made-business-cards-print.png" /></a></p><br /><p><a href='http://rss.buysellads.com/click.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=15620&c=1911215814' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=15620&c=1911215814' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264762' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=15620&c=756432463' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=15620&c=756432463' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264761' target='_blank'>Advertise here with BSA</a></p><br /><p>When launching your own startup there is a lot more hussle required as compared with any typical business. Print work and branding opportunities are a big step in the overall marketing scheme. But if you don&#8217;t have any good ideas your logo work and entire product will suffer.</p>
<p>I have collected this gallery of 29 beautifully stunning examples of print identity work. Most of these designs are focused around startups or agencies, but also other small business ideas. There is plenty of unique branding to build ideas and put together something amazing. If you know of any similar projects or have your questions on the post feel free to share with us in the discussion area below.</p>
<h2><a href="http://www.behance.net/gallery/Hudson-Made-Brand-Identity/4779135">Hudson Made</a></h2>
<p><a href="http://www.behance.net/gallery/Hudson-Made-Brand-Identity/4779135"><img src="http://dzineblog.com/wp-content/uploads/2012/11/01-hudson-made-business-cards-print.png" /></a></p>
<p><span id="more-15620"></span></p>
<h2><a href="http://www.behance.net/gallery/FF-F/4201995">Form Feel &amp; Function</a></h2>
<p><a href="http://www.behance.net/gallery/FF-F/4201995"><img src="http://dzineblog.com/wp-content/uploads/2012/11/02-form-feel-function-business-cards.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/gynnyde-the-easiest-way-to-fund-your-project/4751561">gynny.de</a></h2>
<p><a href="http://www.behance.net/gallery/gynnyde-the-easiest-way-to-fund-your-project/4751561"><img src="http://dzineblog.com/wp-content/uploads/2012/11/03-gynny-print-logo-design-graphics-startup.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Smartup/3664167">Smartup</a></h2>
<p><a href="http://www.behance.net/gallery/Smartup/3664167"><img src="http://dzineblog.com/wp-content/uploads/2012/11/04-smartup-startup-website-design.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/CUBEYOU-brand-identity/5547975">Cubeyou Branding</a></h2>
<p><a href="http://www.behance.net/gallery/CUBEYOU-brand-identity/5547975"><img src="http://dzineblog.com/wp-content/uploads/2012/11/05-cubeyou-branding-identity-brouchures.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Alexandria-Startup-Weekend/5275039">Alexandria Startup Weekend</a></h2>
<p><a href="http://www.behance.net/gallery/Alexandria-Startup-Weekend/5275039"><img src="http://dzineblog.com/wp-content/uploads/2012/11/06-alexandria-startup-weekend-launch-posters.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Render-Architecture-CGI-Studio/480005">Render Architecture CGI</a></h2>
<p><a href="http://www.behance.net/gallery/Render-Architecture-CGI-Studio/480005"><img src="http://dzineblog.com/wp-content/uploads/2012/11/07-render-architecture-design-studio.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/miavia-brand-identity/5429137">Miavia Branding</a></h2>
<p><a href="http://www.behance.net/gallery/miavia-brand-identity/5429137"><img src="http://dzineblog.com/wp-content/uploads/2012/11/08-miavia-website-cards-business-print.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Frio-Smoothies-Startup-Branding/5231069">Frio Smoothies</a></h2>
<p><a href="http://www.behance.net/gallery/Frio-Smoothies-Startup-Branding/5231069"><img src="http://dzineblog.com/wp-content/uploads/2012/11/09-frio-smoothies-print-business-cards.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Lettings-Brand-Identity/5331725">Lettings Branding</a></h2>
<p><a href="http://www.behance.net/gallery/Lettings-Brand-Identity/5331725"><img src="http://dzineblog.com/wp-content/uploads/2012/11/10-the-lettings-company-dark-business-print.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/SOAPBOX-Brand-Identity/4771785">Soapbox</a></h2>
<p><a href="http://www.behance.net/gallery/SOAPBOX-Brand-Identity/4771785"><img src="http://dzineblog.com/wp-content/uploads/2012/11/11-sopabox-print-business-cards-identity.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Firefly-Bicycles/2181349">Firefly Bicycles</a></h2>
<p><a href="http://www.behance.net/gallery/Firefly-Bicycles/2181349"><img src="http://dzineblog.com/wp-content/uploads/2012/11/12-firefly-bicycles-logo-icons.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Case-Study-Steep-This-Visual-IdentityBranding/4610181">Steep This!</a></h2>
<p><a href="http://www.behance.net/gallery/Case-Study-Steep-This-Visual-IdentityBranding/4610181"><img src="http://dzineblog.com/wp-content/uploads/2012/11/13-deep-visual-print-identity-branding.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Case-Study-Dozen-Flours-baking-blog-visual-identity/3634059">Dozen Flours</a></h2>
<p><a href="http://www.behance.net/gallery/Case-Study-Dozen-Flours-baking-blog-visual-identity/3634059"><img src="http://dzineblog.com/wp-content/uploads/2012/11/14-dozen-flours-logo-branding-identity.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/My-Deer-Identity/766593">Deer Identity</a></h2>
<p><a href="http://www.behance.net/gallery/My-Deer-Identity/766593"><img src="http://dzineblog.com/wp-content/uploads/2012/11/15-deer-logo-vector-print-startup-identity.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/New-Startupscom/1470281">New-Startups.com</a></h2>
<p><a href="http://www.behance.net/gallery/New-Startupscom/1470281"><img src="http://dzineblog.com/wp-content/uploads/2012/11/16-new-startups-post-logo-ideas.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Startup-Weekend-SLO-2012/3961265">Startup Weekend SLO</a></h2>
<p><a href="http://www.behance.net/gallery/Startup-Weekend-SLO-2012/3961265"><img src="http://dzineblog.com/wp-content/uploads/2012/11/17-slo-weekend-tshirt-design-logo.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/One-Lucky-Startup/4533651">One Lucky Startup</a></h2>
<p><a href="http://www.behance.net/gallery/One-Lucky-Startup/4533651"><img src="http://dzineblog.com/wp-content/uploads/2012/11/18-one-lucky-startup-branding.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Finlee-Me/714551">Finlee Me</a></h2>
<p><a href="http://www.behance.net/gallery/Finlee-Me/714551"><img src="http://dzineblog.com/wp-content/uploads/2012/11/19-finlee-and-me-business-cards-print.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Sirona-Fuels-Website-and-Collateral-Design/957797">Sirona Fuels</a></h2>
<p><a href="http://www.behance.net/gallery/Sirona-Fuels-Website-and-Collateral-Design/957797"><img src="http://dzineblog.com/wp-content/uploads/2012/11/20-sirona-fuels-website-branding-logo.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/TravelTogether/1055643">TravelTogether</a></h2>
<p><a href="http://www.behance.net/gallery/TravelTogether/1055643"><img src="http://dzineblog.com/wp-content/uploads/2012/11/21-travel-together-app-logo-blue-website.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Qritters/3318160">Qritters</a></h2>
<p><a href="http://www.behance.net/gallery/Qritters/3318160"><img src="http://dzineblog.com/wp-content/uploads/2012/11/22-qritters-qr-codes-logo-branding-startup.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Oven/2066292">Oven</a></h2>
<p><a href="http://www.behance.net/gallery/Oven/2066292"><img src="http://dzineblog.com/wp-content/uploads/2012/11/23-oven-branding-logo-design.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Sugoi-Teas-Brand-Identity/4198797">Sugoi Tea</a></h2>
<p><a href="http://www.behance.net/gallery/Sugoi-Teas-Brand-Identity/4198797"><img src="http://dzineblog.com/wp-content/uploads/2012/11/24-sugori-tea-concepts-artwork-logos.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Grebban/2356084">Grebban</a></h2>
<p><a href="http://www.behance.net/gallery/Grebban/2356084"><img src="http://dzineblog.com/wp-content/uploads/2012/11/25-grebban-branding-logo-print-work.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/the-peak-lab-Corporate-Identity/4416203">The Peak Lab</a></h2>
<p><a href="http://www.behance.net/gallery/the-peak-lab-Corporate-Identity/4416203"><img src="http://dzineblog.com/wp-content/uploads/2012/11/26-the-peak-lab-branding-print-logos.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/kingdom-shelves-Identity/3738425">Kingdom Shelves</a></h2>
<p><a href="http://www.behance.net/gallery/kingdom-shelves-Identity/3738425"><img src="http://dzineblog.com/wp-content/uploads/2012/11/27-kingdom-shelves-identity-logo.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/We-Are-Tonic/4911729">We Are Tonic</a></h2>
<p><a href="http://www.behance.net/gallery/We-Are-Tonic/4911729"><img src="http://dzineblog.com/wp-content/uploads/2012/11/28-we-are-tonic-agency-startup-branding.png" /></a></p>
<h2><a href="http://www.behance.net/gallery/Aroma-Espresso-Bar-Frozen-Yogurt-Campaign/3686483">Aroma Espresso Bar</a></h2>
<p><a href="http://www.behance.net/gallery/Aroma-Espresso-Bar-Frozen-Yogurt-Campaign/3686483"><img src="http://dzineblog.com/wp-content/uploads/2012/11/29-aroma-espresso-bar-ice-cream-printouts.png" /></a></p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=15620&c=1080769178' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=15620&c=1080769178' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264762' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://dzineblog.com/2012/11/29-examples-of-print-identity-branding-for-startups.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Giveaway from Markup-Service: Win $250 Worth of PSD to HTML coding!</title>
		<link>http://dzineblog.com/2012/08/giveaway-from-markup-service-win-250-worth-of-psd-to-html-coding.html</link>
		<comments>http://dzineblog.com/2012/08/giveaway-from-markup-service-win-250-worth-of-psd-to-html-coding.html#comments</comments>
		<pubDate>Tue, 21 Aug 2012 16:16:17 +0000</pubDate>
		<dc:creator>calewhite</dc:creator>
				<category><![CDATA[Contest]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[xHTML Templates]]></category>

		<guid isPermaLink="false">http://dzineblog.com/?p=15100</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=15100&c=1356524962' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=15100&c=1356524962' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264761' target='_blank'>Advertise here with BSA</a></p><br />Many designers outsource some of their coding work in order to free up more time for themselves. Taking a PSD file and converting it into a working XHTML/CSS markup can get really challenging and time-consuming. This is where Markup-Service comes to the rescue. Markup-Service team is a well-established company offering PSD to HTML5 / CSS3 [...]<br /><p><a href='http://rss.buysellads.com/click.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=15100&c=1131271175' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=15100&c=1131271175' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264762' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=15100&c=1856355914' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=15100&c=1856355914' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264761' target='_blank'>Advertise here with BSA</a></p><br /><p><span style="color: #000000">Many </span><span style="color: #000000">designers </span><span style="color: #000000">outsource</span><span style="color: #000000"> some of their coding work </span><span style="color: #000000">in</span><span style="color: #000000"> order </span><span style="color: #000000">to</span><span style="color: #000000"> free up more time for themselves. Taking a PSD file and converting it into a working XHTML/CSS markup can get really challenging and time-consuming. </span></p>
<p><span style="color: #000000">This is where </span><span style="color: #000080"><span style="text-decoration: underline"><a href="http://markup-service.com/">Markup-Service</a></span></span><span style="color: #000000"> comes to the rescue. </span>Markup-Service team is <span style="color: #000000">a well-established company offering PSD to HTML5 / CSS3 conversion, WordPress, Drupal, Joomla implementation, PSD to Email template coding and more.</span></p>
<p><span style="color: #000000">All their markup is hand-coded, W3C valid, and tested in all popular browsers, such as Internet Explorer 7+, Mozilla Firefox 4+, Safari 5+, Opera 11+, and Google Chrome. They can also code your mockups to </span><span style="color: #000000">responsive layout to make your website equally usable and good-looking on large monitors, laptops, tablets, or smartphones. </span></p>
<p><span style="color: #000000">Their standard turnaround time is one business day, which is really lightening fast! Just check out some recent </span><span style="color: #000080"><span style="text-decoration: underline"><a href="http://markup-service.com/examples">examples</a></span></span><span style="color: #000000"> of their work </span><span style="color: #000000">and what their </span><span style="color: #000080"><span style="text-decoration: underline"><a href="http://markup-service.com/clients">clients</a></span></span><span style="color: #000000"> have to say!</span></p>
<p lang="en-US"><span style="color: #000000"><a href="http://dzineblog.com/2012/08/giveaway-from-markup-service-win-250-worth-of-psd-to-html-coding.html/ms_home-2" rel="attachment wp-att-15108"><img class="aligncenter size-full wp-image-15108" src="http://dzineblog.com/wp-content/uploads/2012/08/MS_home1.jpg" alt="" width="600" height="395" /></a></span></p>
<p><span style="color: #000000">In today&#8217;s giveaway you get the chance to win </span><strong>$250 worth of <a href="https://markup-service.com/order/create"><span style="color: #000080"><span style="text-decoration: underline">PSD </span></span><span style="color: #000080"><span style="text-decoration: underline">to </span></span><span style="color: #000080"><span style="text-decoration: underline">HTML</span></span></a> coding services</strong><span style="color: #000000">! You can use the credit toward </span><span style="color: #000000">any services Markup-Service provides, whether it is a markup, an email template or a CMS theme! </span></p>
<p lang="en-US"><strong><span style="color: #000000">How to enter</span></strong></p>
<p><span style="color: #000000">To</span><span style="color: #000000"> take part in the contest</span><span style="color: #000000">, </span><span style="color: #000000">simply</span><span style="color: #000000"> leave </span><span style="color: #000000">a </span><span style="color: #000000">comment</span><span style="color: #000000"> to </span><span style="color: #000000">this </span><span style="color: #000000">post</span><span style="color: #000000"> using </span><span style="color: #000000">a</span><span style="color: #000000"> valid </span><span style="color: #000000">email </span><span style="color: #000000">address.</span><span style="color: #000000"> Only one entry per person please. The giveaway will run for one week from today and we will select the </span><strong></strong><span style="color: #000000">winner</span><span style="color: #000000"> at random</span><span style="color: #000000"> on </span><strong><span style="color: #000000">August 28</span></strong><span style="color: #000000">. </span></p>
<p lang="en-US"><span style="color: #000000"><strong>Good luck to everyone!</strong></span></p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=15100&c=1769047973' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=15100&c=1769047973' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264762' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://dzineblog.com/2012/08/giveaway-from-markup-service-win-250-worth-of-psd-to-html-coding.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design Tips for iPhone App Website Layouts</title>
		<link>http://dzineblog.com/2012/02/design-tips-for-iphone-app-website-layouts.html</link>
		<comments>http://dzineblog.com/2012/02/design-tips-for-iphone-app-website-layouts.html#comments</comments>
		<pubDate>Mon, 27 Feb 2012 15:20:26 +0000</pubDate>
		<dc:creator>Jake Rocheleau</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://dzineblog.com/?p=13388</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=13388&c=2020542030' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=13388&c=2020542030' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264761' target='_blank'>Advertise here with BSA</a></p><br />The process of designing a landing page is much different than a standard website. You have to plan ahead for your audience and understand what they&#8217;ll be looking for. These ideas hold true in any market and certainly within iPhone/iPad app displays. I&#8217;d like to share a few design tips for building one of these [...]<br /><p><a href='http://rss.buysellads.com/click.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=13388&c=2109312372' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=13388&c=2109312372' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264762' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=13388&c=29719118' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264761&k=bb78eac5744533b69852b62261051c57&a=13388&c=29719118' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264761' target='_blank'>Advertise here with BSA</a></p><br /><p>The process of designing a landing page is much different than a standard website. You have to plan ahead for your audience and understand what they&#8217;ll be looking for. These ideas hold true in any market and certainly within iPhone/iPad app displays.</p>
<p><a href="http://www.flickr.com/photos/christyam/6559242893/"><img src="http://dzineblog.com/wp-content/uploads/2012/02/iphone-4s-black.jpg" alt="featured image iPhone 4s model" /></a></p>
<p>I&#8217;d like to share a few design tips for building one of these iPhone app layouts. Each application will have different needs and as such require a different set of page elements. But these ideas can generally span a wide audience &#8211; app developers are all really looking for the same results. And when you can focus on such a specific niche it leaves plenty of room for creativity.</p>
<p><span id="more-13388"></span></p>
<h2>Include an iPhone Screenshot</h2>
<p>This is a seemingly crucial part of the design process for any app website. Having a small iPhone or iPad graphic somewhere on the home page will draw attention right onto the product at hand.</p>
<p>It&#8217;s best to load this up with screenshots from your application. jQuery makes it really simple to implement a slider where you can loop through a small set of photos. This gives your visitors a sneak peak at the application without any work on their part. This display feature should become an integral part of the overall layout.</p>
<p><a href="http://instagr.am/"><img src="http://dzineblog.com/wp-content/uploads/2012/02/instagram-iphone-app-website.jpg" alt="Instagram official website layout iphone device" /></a></p>
<p>And thankfully it shouldn&#8217;t even be difficult to find graphics to use. If you spend a bit of time in Google you&#8217;ll find <a href="http://ntt.cc/2010/07/30/11-free-iphone-4-gui-psd-templates-for-designers.html">loads of free iPhone PSD downloads</a> which you can re-size and fit to your specifications. There are even <a href="http://dribbble.com/shots/404568-Free-White-iPhone-4S-Mockup-326ppi">white iPhone mockups</a> to download <a href="http://dribbble.com/shots/163662-White-iPhone-4-with-PSD">for free</a> if you&#8217;d rather not use the generic black models.</p>
<h2>App Store Badge</h2>
<p>Here is another easy decision to include a small App Store badge somewhere on the page. Visitors recognize this icon and most designers will build badges to behave as a download link leading out to the App Store product page.</p>
<p><img src="http://dzineblog.com/wp-content/uploads/2012/02/app-store-badges.jpg" alt="Google images search - App Store Badges" /></p>
<p>Load up Google Images and search for the phrase &#8220;available in the app store&#8221;. This will return dozens of results with customized badges and featured examples. The typical graphic also includes a small iPhone icon to signify your app is for mobile devices and not within the Mac App Store. If you choose not to use a similar graphic that&#8217;s fine as well. But these badges represent authority and it&#8217;s a great way to rack up some additional downloads.</p>
<h2>Use a Minimalist Approach</h2>
<p>Keeping your design as simple and elegant as possible is the best strategy. I always recommend sticking to one page designs and letting the content cascade down. Visitors can feel overwhelmed if your app needs a 4-5 page website to explain everything.</p>
<p>In this case minimalism should be your best friend guiding each aspect of the site. Don&#8217;t try to include paragraphs of extra detail. Instead, consider maybe building a small list of core features. This is easy to skim and much easier on the eyes than a set of block paragraphs. Also try to keep headers to a minimal unless they outline important features.</p>
<h2>E-mail Signups</h2>
<p>If you run an e-mail campaign or newsletter you&#8217;ll absolutely want to include a signup form. Best placement is somewhere above the fold where you&#8217;ll get a lot more attention. It&#8217;s great to pair this with a signup form somewhere else in the application. Then you can slowly amass a fan base for connecting with future app ideas.</p>
<p>Even if you don&#8217;t have a product officially released yet it&#8217;s still handy to include an e-mail opt-in form. Interested visitors will likely want to hear more information about future releases. Try not to go overboard and spam out hundreds of newsletters. Again keep things simple and you&#8217;ll have no problems.</p>
<p><a href="http://www.flickr.com/photos/j-mosk/5889953924/"><img src="http://dzineblog.com/wp-content/uploads/2012/02/apple-ipad-table.jpg" alt="Apple iPad device" /></a></p>
<p>It may additionally be a good idea to include links to your social networking profiles. If you haven&#8217;t already created a Twitter account for your application I would highly recommend doing so. This is by far the most popular open network of communication to share ideas, promotions, and updates. A small Facebook fan page is also really beneficial.</p>
<h2>Resources &amp; Tutorials</h2>
<ul>
<li><a href="http://devisefunction.com/2010/01/09/simple-iphone-application-website-layout-in-photoshop/">Simple iPhone Application Website Layout in Photoshop</a></li>
<li><a href="http://www.grafpedia.com/tutorials/create-onepage-ipadiphone-application-web-layout-photoshop">Create a one-page iPad/iPhone App Web Layout</a></li>
<li><a href="http://line25.com/tutorials/design-and-code-a-cool-iphone-app-website-in-html5">Design &amp; Code a Cool iPhone App Website in HTML5</a></li>
<li><a href="http://savedelete.com/60-amazing-iphone-application-websites-for-design-inspiration.html">60 Amazing iPhone Application Websites For Design Inspiration</a></li>
<li><a href="http://webdesignerwall.com/trends/iphone-app-site-design-trends">iPhone App Site Design Trends<br />
115</a></li>
</ul>
<h2>Conclusion</h2>
<p>I hope this guide can offer a few solid ideas moving forward with building iPhone app layouts. Marketing is just as important as development and you need to pay careful attention when building a brand. Apps are just the latest trend with a lot of buzz and an active support community. If you have similar ideas or have built your own application website please feel free to share with us in the post discussion area below.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=13388&c=1549979723' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264762&k=bb78eac5744533b69852b62261051c57&a=13388&c=1549979723' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/bb78eac5744533b69852b62261051c57/zone/1264762' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://dzineblog.com/2012/02/design-tips-for-iphone-app-website-layouts.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached
Database Caching 2/22 queries in 0.046 seconds using memcached
Object Caching 476/523 objects using memcached

 Served from: dzineblog.com @ 2013-05-20 20:02:23 by W3 Total Cache -->