{"id":14977,"date":"2012-09-18T23:01:27","date_gmt":"2012-09-18T15:01:27","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=14977"},"modified":"2022-10-09T21:02:11","modified_gmt":"2022-10-09T13:02:11","slug":"design-mobile-app-sites","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/","title":{"rendered":"Designing Beautiful Mobile App Websites"},"content":{"rendered":"<p>The mobile scene has grown exponentially over the past couple of years. The iOS App Store along with Android Apps on Google Play have become the two hotspots for smartphone enthusiasts. As the number of smartphone users increases we are seeing hundreds of mobile app developers launching new ideas into the market.<\/p>\n<p><strong>Most popular apps are accompanied by their own website<\/strong>. This can be helpful with marketing and getting your name out there. It\u2019s also a much prettier online URL than either of the App Stores. I feel that any successful mobile application almost requires a web presence.<\/p>\n<p>In this article I want to go over some of the <strong>most common design trends for mobile app websites<\/strong>. There is no strict rulebook you must follow for building such a layout. Rather there are some unique guidelines and trends which web designers have found to work well in gaining an audience. Coupled with my <a href=\"https:\/\/www.hongkiat.com\/blog\/ios-development-guide-part1\/\">iOS Development Guide<\/a> you can put together a fantastic mobile app and construct its website, too.<\/p>\n<p>Check out these concepts below and try implementing some into your own application website layout.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/designing-for-mobile-devices\/\" class=\"ref-block__link\" title=\"Read More: Designing for Mobile Devices\" rel=\"bookmark\"><span class=\"screen-reader-text\">Designing for Mobile Devices<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designing-for-mobile-devices.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-10687 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/designing-for-mobile-devices.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Designing for Mobile Devices<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tThe first iPhone revolutionized the tech world when it was released. Now, almost five years later, the smartphone...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Device Screenshots<\/h2>\n<p>A staple piece for any mobile app website has to be screenshots of the application. Visitors are only interested in your app, and what quicker way to demonstrate its purpose than through screenshots? You can fit device shots into any layout style so it\u2019s not a limiting factor.<\/p>\n<p><strong>Easy Chef<\/strong> is a Spanish iOS app which uses many device shots. The very top part of the layout has a slideshow preview of different views. But as you scroll down you\u2019ll notice other diagrams using iPhone displays. These panels include detailed labels and upclose, magnified screen views. I have actually written about <a href=\"https:\/\/www.hongkiat.com\/blog\/make-images-informative-techniques\/\">designing informative product graphics<\/a> in an older post.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/easy-chef-app-iphone-screenshot.jpg\" alt=\"Easy Chef iOS App website graphics\" width=\"600\" height=\"350\"><\/figure>\n<p>Another interesting setup can be found on the <a href=\"https:\/\/tapbots.com\/tweetbot\/#gallery\">Tweetbot gallery page<\/a>. This is a very popular Twitter client for iPhone and the developers have put together a sliding showcase of screenshots.<\/p>\n<p>If you\u2019re trying to save room in your layout, this may be an easier solution. Visitors won\u2019t need to scroll down looking for a specific view. jQuery is easy to implement and you can quickly put together a sliding iPhone screen preview. It may be difficult to include extra details, but this can be added in another section.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/tabpots-tweetbot-screens-gallery-tabbed.jpg\" alt=\"Tapbots and Tweetbot iPhone App screenshot gallery\" width=\"600\" height=\"350\"><\/figure>\n<h2>App Store Badges<\/h2>\n<p>This technique also seems very no-nonsense once you\u2019ve finished building the application. Badges are quickly recognized as download links to the app marketplace. Both Android and iOS users have the ability to view apps right from their browser, or this will redirect when viewed on a smartphone.<\/p>\n<p>I like using Instagram as an example since the website had updated to a newer layout. They have badges supporting the Android Marketplace (<a href=\"https:\/\/play.google.com\/store\">Google Play<\/a>) and iOS App Store.<\/p>\n<p>Both badges are very simple in design yet easily recognized at a glance. If you\u2019re looking for more complex designs, I recommend <a href=\"https:\/\/dribbble.com\/search\/available-app-store\">a quick dribbble search<\/a>. Talented designers often share their app store badge concepts for constructive criticisms.<\/p>\n<figure><a href=\"https:\/\/www.instagram.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/instagram-2021-layout-redesign.jpg\" alt=\"Instagram homepage\" width=\"1578\" height=\"747\"><\/a><\/figure>\n<h2>Mobile Social Networks<\/h2>\n<p>Facebook and Twitter have switched to mobile, but this hasn\u2019t stopped other networks from sprouting up. We are seeing social networking use mobile apps to allow a whole new platform of communication.<\/p>\n<p><strong>Localmind<\/strong> (has since been acquired and retired) runs on a concept that is similar to Foursquare, where you register an account and start checking into local places. You can leave questions, or answer other people\u2019s questions.<\/p>\n<p>Their website is very friendly and inviting to newcomers. I especially love the top banner section designed with a custom map background. Their use of gradients and background texture give the website a life of its own.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/localmind-iphone-app-social-network.jpg\" alt=\"Mobile checkin social networking app website Localmind\" width=\"600\" height=\"350\"><\/figure>\n<h3>Minimal Photo Sharing<\/h3>\n<p><strong>Pose<\/strong> (retired) is another mobile network with similar ideals for minimalist design. You can download the mobile app for both iOS & Android devices. The feeling is similar to weheartit but it\u2019s for mobile fashion lovers. The whole app is focused around fashion, hair, makeup, and glamor.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/pose-fashion-network-iphone-app.jpg\" alt=\"mobile social network for fashion lovers - Pose\" width=\"600\" height=\"350\"><\/figure>\n<p>Users can take photos of their outfit, clothes, or accessories and share them around the network. One thing to notice about Pose is how quickly you can browse the website. It\u2019s easy to find the company blog, contact details, etc. Other app websites often overlook these corporate features which can be a touchy subject.<\/p>\n<p>If you want to draw attention from the media it\u2019s important to make your website look and feel like a real social networking product. You are not only trying to sell your app (by ads or paid subscription) but also sell the network itself. Social apps can definitely be trickier than designing regular app websites. But they also garner a lot more downloads from users and it\u2019s an exciting new field for mobile.<\/p>\n<h2>From Humble Beginnings<\/h2>\n<p>Web designers are not always capable of putting together outrageous graphics and icons. Thankfully app websites are not critical towards how much Adobe Photoshop prowess you have. I actually feel that minimalism can work much better for this layout style.<\/p>\n<p><strong>Leef App<\/strong> is a  Forrst client for iOS. Their website includes a beautiful app screenshot along with a big bold download button. All of the page text is simplified in a similar manner to Apple\u2019s fonts and color schemes.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/forrst-leef-iphone-app-website.jpg\" alt=\"Forrst Leef App for iOS - minimalist website design\" width=\"600\" height=\"350\"><\/figure>\n<p>What makes the Leef website great is the candid nature of each page element. It\u2019s blatant and upfront with nothing hidden or pushed aside. I recommend trying this style as your first mobile app website, if anything just for practice. You can learn a lot by minimizing the lesser tidbits and concentrating on what grabs attention.<\/p>\n<h3>Lovely Whitespace<\/h3>\n<p>Also as brilliantly simple is the <strong>Wood Camer<\/strong>a App website. Their layout holds nothing but a plain white background and centered content. This content includes some default screenshots, an app store badge, and some additional key features.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/woodcamera-iphone-app-website-screen.jpg\" alt=\"Wood Camera iOS iPhone app website\" width=\"600\" height=\"350\"><\/figure>\n<p>If you feel like minimalism and white space are important to your layout then stick with it! Wood Camera isn\u2019t a particularly mindblowing website layout, but it is super easy to navigate. Their site doesn\u2019t even link to any alternate content aside from the developer\u2019s official page.<\/p>\n<p>This keeps focus on the app and what it can offer, which is much more important than flashy graphics. Although that\u2019s not to say flashy artwork is a bad idea \u2013 it just requires a proper implementation.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-2\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/white-space-design\/\" class=\"ref-block__link\" title=\"Read More: A New Way of Thinking About White Space\" rel=\"bookmark\"><span class=\"screen-reader-text\">A New Way of Thinking About White Space<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/white-space-design.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-17498 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/white-space-design.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">A New Way of Thinking About White Space<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tUncover the secrets of white space in web design. Discover its influence from Bauhaus and Eastern art, and...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>Colorful Illustrations<\/h2>\n<p>Quite the opposite to the minimalist approach is a work with unique illustrations, which I totally adore. Often times this extra detail will completely sell me the app. One example I can relate to is the <strong>Barista App<\/strong> for iPhone. Their site header is riddled with little vector cappuccinos and espresso drinks.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/barista-app-iphone-store-download.jpg\" alt=\"Barista iOS App website vector graphics\" width=\"600\" height=\"350\"><\/figure>\n<p>But notice how there aren\u2019t any other images when scrolling down the page. This whole top section was designed specifically for the iPhone app, similar to a <strong>landing page<\/strong>. The vectors catch your eyes right away and also hint towards what the app is about.<\/p>","protected":false},"excerpt":{"rendered":"<p>The mobile scene has grown exponentially over the past couple of years. The iOS App Store along with Android Apps on Google Play have become the two hotspots for smartphone enthusiasts. As the number of smartphone users increases we are seeing hundreds of mobile app developers launching new ideas into the market. Most popular apps&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[1846,2095],"topic":[4520,4521],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Designing Beautiful Mobile App Websites - Hongkiat<\/title>\n<meta name=\"description\" content=\"The mobile scene has grown exponentially over the past couple of years. The iOS App Store along with Android Apps on Google Play have become the two\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Designing Beautiful Mobile App Websites\" \/>\n<meta property=\"og:description\" content=\"The mobile scene has grown exponentially over the past couple of years. The iOS App Store along with Android Apps on Google Play have become the two\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2012-09-18T15:01:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-09T13:02:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/easy-chef-app-iphone-screenshot.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Designing Beautiful Mobile App Websites\",\"datePublished\":\"2012-09-18T15:01:27+00:00\",\"dateModified\":\"2022-10-09T13:02:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/\"},\"wordCount\":1161,\"commentCount\":17,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/design-mobile-app-sites\\\/easy-chef-app-iphone-screenshot.jpg\",\"keywords\":[\"iOS\",\"smartphones\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/\",\"name\":\"Designing Beautiful Mobile App Websites - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/design-mobile-app-sites\\\/easy-chef-app-iphone-screenshot.jpg\",\"datePublished\":\"2012-09-18T15:01:27+00:00\",\"dateModified\":\"2022-10-09T13:02:11+00:00\",\"description\":\"The mobile scene has grown exponentially over the past couple of years. The iOS App Store along with Android Apps on Google Play have become the two\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/design-mobile-app-sites\\\/easy-chef-app-iphone-screenshot.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/design-mobile-app-sites\\\/easy-chef-app-iphone-screenshot.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/design-mobile-app-sites\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Designing Beautiful Mobile App Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Designing Beautiful Mobile App Websites - Hongkiat","description":"The mobile scene has grown exponentially over the past couple of years. The iOS App Store along with Android Apps on Google Play have become the two","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/","og_locale":"en_US","og_type":"article","og_title":"Designing Beautiful Mobile App Websites","og_description":"The mobile scene has grown exponentially over the past couple of years. The iOS App Store along with Android Apps on Google Play have become the two","og_url":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2012-09-18T15:01:27+00:00","article_modified_time":"2022-10-09T13:02:11+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/easy-chef-app-iphone-screenshot.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Designing Beautiful Mobile App Websites","datePublished":"2012-09-18T15:01:27+00:00","dateModified":"2022-10-09T13:02:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/"},"wordCount":1161,"commentCount":17,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/easy-chef-app-iphone-screenshot.jpg","keywords":["iOS","smartphones"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/","url":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/","name":"Designing Beautiful Mobile App Websites - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/easy-chef-app-iphone-screenshot.jpg","datePublished":"2012-09-18T15:01:27+00:00","dateModified":"2022-10-09T13:02:11+00:00","description":"The mobile scene has grown exponentially over the past couple of years. The iOS App Store along with Android Apps on Google Play have become the two","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/easy-chef-app-iphone-screenshot.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/design-mobile-app-sites\/easy-chef-app-iphone-screenshot.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/design-mobile-app-sites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Designing Beautiful Mobile App Websites"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-3Tz","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=14977"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14977\/revisions"}],"predecessor-version":[{"id":62549,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/14977\/revisions\/62549"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=14977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=14977"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=14977"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=14977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}