[26-Feb-2026 00:31:13 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[26-Feb-2026 00:31:13 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[26-Feb-2026 00:31:13 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 07:45:51 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[01-Mar-2026 18:48:26 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[06-Mar-2026 13:14:53 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[08-Mar-2026 11:47:41 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:48 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[20-Mar-2026 17:37:53 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[27-Mar-2026 14:07:52 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Warning:  Use of undefined constant ABSPATH - assumed 'ABSPATH' (this will throw an Error in a future version of PHP) in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Warning:  require_once(ABSPATHwp-admin/includes/upgrade.php): failed to open stream: No such file or directory in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
[29-Mar-2026 10:21:48 America/Chicago] PHP Fatal error:  require_once(): Failed opening required 'ABSPATHwp-admin/includes/upgrade.php' (include_path='.:/opt/cpanel/ea-php74/root/usr/share/pear') in /home/touchmob/crazyleafdesign.com/blog/wp-content/plugins/thrive-visual-editor/thrive-dashboard/inc/app-notification/classes/DbMigration.php on line 2
{"id":27943,"date":"2018-12-10T04:32:04","date_gmt":"2018-12-09T20:32:04","guid":{"rendered":"https:\/\/www.crazyleafdesign.com\/blog\/?p=27943"},"modified":"2018-12-10T04:32:04","modified_gmt":"2018-12-09T20:32:04","slug":"how-to-design-a-website-homepage-like-a-postcard","status":"publish","type":"post","link":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/","title":{"rendered":"How to Design a Website Homepage Like a Postcard"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">When it comes to designing compelling homepages that help set websites apart, we can always use a little outside-the-box thinking. In today\u2019s article, we\u2019re going to look at some of the design principles web designers can take from the classic print postcard. <\/span><\/p>\n<h2><b>5 Homepage Design Lessons Taken From Postcards<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The postcard might seem like an unlikely source of inspiration. It\u2019s a simple 4&#215;6-inch section of paper that features a design on one side and simple content and postage on the backside. But for being so small in size, it sure does have some advanced design principles embedded inside. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s study a few of them as they relate to <a href=\"https:\/\/www.crazyleafdesign.com\/blog\/website-structure-and-navigation-basic-web-design-rules\/\">website homepage design<\/a>.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h3><b>Versatile, Yet Focused<\/b><\/h3>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.printingcenterusa.com\/printing\/postcard-printing\"><span style=\"font-weight: 400;\">As Printing Center USA explains<\/span><\/a><span style=\"font-weight: 400;\">, \u201cCustom postcards are great for thank you cards, bookmarks, holiday cards, reply cards, invitations, and gift certificates. Postcards are effective in stirring up interest, generating a reminder to your customers, and directing attention to your businesses specific needs.\u201d<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s the versatility of postcards that accounts for much of its appeal. In this same manner, homepages are highly versatile. They serve as the \u201cbase\u201d for the entire website and encourage visitors to find their way. Yet, at the same time, they also have to be focused. Spend some time studying different postcards so that you can get some inspiration for what this looks like.<\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h3><b>Simplicity<\/b><\/h3>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ve probably received a bad postcard in the mail before. Typically, the biggest problem with them is that inexperienced designers try to cram a bunch of information into a small space, which results in information overload and serious distractions. <\/span><a href=\"https:\/\/www.companyfolders.com\/blog\/107-incredible-postcard-designs-to-inspire-your-creativity\"><span style=\"font-weight: 400;\">The best postcards<\/span><\/a><span style=\"font-weight: 400;\">, on the other hand, are extremely simple and straight to the point.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A website homepage should be the same way. You obviously want to show off your design chops, but more is rarely better. It takes much more skill to <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/minimalist-web-design\/\"><span style=\"font-weight: 400;\">design a simple homepage<\/span><\/a><span style=\"font-weight: 400;\"> that\u2019s clean and distraction-free. <\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h3><b>High-Quality Imagery<\/b><\/h3>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">High-quality imagery makes or breaks a postcard. When designing a postcard, one of the most important steps in the entire process is checking the image files to ensure there\u2019s no pixelation or distortion when it\u2019s actually printed. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The same should go for <a href=\"https:\/\/www.crazyleafdesign.com\/blog\/top-4-amazing-tips-dominate-web-design-trend-2018\/\">homepage design<\/a>. While you have a bit more leeway than with postcards \u2013 (it\u2019s easier to swap out an image on a website after the fact) \u2013 it\u2019s still a good idea to get this right the first time around. <\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h3><b>Concise Copy<\/b><\/h3>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Many websites suffer from a case of TMI: too much information. This causes visitors to tune out and click away. Well-designed postcards, on the other hand, have a serious appreciation for the value of words \u2013 only using as many as it takes to get the job done. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">The typical postcard only has room to accommodate 100 to 150 words. Most successful postcards use far fewer words. So while your homepage may have space for thousands of words, consider whether you really need to provide this much information. <\/span><a href=\"https:\/\/hingemarketing.com\/blog\/story\/7-best-practices-for-website-copywriting\"><span style=\"font-weight: 400;\">Tight, concise copy<\/span><\/a><span style=\"font-weight: 400;\"> is much preferred. <\/span><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>\n<h3><b>Compelling Headlines<\/b><\/h3>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Most modern homepages feature a big visual header with a single headline, tagline, or call-to-action. Unfortunately, very few are effective. This often a direct result of the flippancy with which web designers and copywriters approach this aspect of the design.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s smart to think of a website headline like a headline that would be found on a postcard or newspaper article. Once it\u2019s printed, there\u2019s no turning back. This instills a greater sense of urgency and <\/span><a href=\"https:\/\/www.dbswebsite.com\/blog\/2016\/12\/27\/5-tips-for-writing-effective-homepage-headlines\/\"><span style=\"font-weight: 400;\">attention to detail<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Think Outside the Box<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">If you\u2019re only looking at other web designers for inspiration, you\u2019re limiting yourself to a very select set of designs. The real key to expanding your creativity and opening your mind up to new ideas and conceptions is to think outside the box and look for inspiration in unlikely places.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In addition to postcards, you may also want to study things like architecture, interior design, landscaping, paintings and drawings, product and packaging design, <a href=\"https:\/\/www.crazyleafdesign.com\/how-to-start-an-online-boutique\/\">retail store layouts<\/a>, and anything else that has an artistic or design element to it. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">As you remove your blinders and let your mind run free, your creative juices will begin to flow like never before. Some of the inspiration you have won\u2019t be easily conveyable to <a href=\"https:\/\/www.crazyleafdesign.com\/blog\/minimalism-in-web-design-trends-and-techniques\/\">web design<\/a>, but there will be certain elements that are. Run with these and see what you can come up with.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When it comes to designing compelling homepages that help set websites apart, we can always use a little outside-the-box thinking. In today\u2019s article, we\u2019re going to look at some of the design principles web designers can take from the classic print postcard. <a class=\"g1-link g1-link-more\" href=\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/\">More<\/a><\/p>\n","protected":false},"author":355,"featured_media":27946,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[59],"tags":[],"adace-sponsor":[],"class_list":{"0":"post-27943","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-design"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Design a Website Homepage Like a Postcard<\/title>\n<meta name=\"description\" content=\"When it comes to designing compelling homepages that help set websites apart, we can always use a little outside-the-box thinking. In today\u2019s article, we\u2019re going to look at some of the design principles web designers can take from the classic print postcard.\" \/>\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.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Design a Website Homepage Like a Postcard\" \/>\n<meta property=\"og:description\" content=\"When it comes to designing compelling homepages that help set websites apart, we can always use a little outside-the-box thinking. In today\u2019s article, we\u2019re going to look at some of the design principles web designers can take from the classic print postcard.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/\" \/>\n<meta property=\"og:site_name\" content=\"CrazyLeaf Design Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-09T20:32:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"814\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jenna Cyprus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:site\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jenna Cyprus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/\"},\"author\":{\"name\":\"Jenna Cyprus\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd\"},\"headline\":\"How to Design a Website Homepage Like a Postcard\",\"datePublished\":\"2018-12-09T20:32:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/\"},\"wordCount\":751,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/\",\"name\":\"How to Design a Website Homepage Like a Postcard\",\"isPartOf\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg\",\"datePublished\":\"2018-12-09T20:32:04+00:00\",\"author\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd\"},\"description\":\"When it comes to designing compelling homepages that help set websites apart, we can always use a little outside-the-box thinking. In today\u2019s article, we\u2019re going to look at some of the design principles web designers can take from the classic print postcard.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#primaryimage\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg\",\"contentUrl\":\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg\",\"width\":1200,\"height\":814},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\/\/www.crazyleafdesign.com\/blog\/category\/web-design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Design a Website Homepage Like a Postcard\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#website\",\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/\",\"name\":\"CrazyLeaf Design Blog\",\"description\":\"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd\",\"name\":\"Jenna Cyprus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/08caf41b07b057d86b513835c1656d4d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/08caf41b07b057d86b513835c1656d4d?s=96&d=mm&r=g\",\"caption\":\"Jenna Cyprus\"},\"sameAs\":[\"http:\/\/JennaCyprus.com\"],\"url\":\"https:\/\/www.crazyleafdesign.com\/blog\/author\/jennac\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Design a Website Homepage Like a Postcard","description":"When it comes to designing compelling homepages that help set websites apart, we can always use a little outside-the-box thinking. In today\u2019s article, we\u2019re going to look at some of the design principles web designers can take from the classic print postcard.","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.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/","og_locale":"en_US","og_type":"article","og_title":"How to Design a Website Homepage Like a Postcard","og_description":"When it comes to designing compelling homepages that help set websites apart, we can always use a little outside-the-box thinking. In today\u2019s article, we\u2019re going to look at some of the design principles web designers can take from the classic print postcard.","og_url":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/","og_site_name":"CrazyLeaf Design Blog","article_publisher":"http:\/\/www.facebook.com\/crazyleafdesign","article_published_time":"2018-12-09T20:32:04+00:00","og_image":[{"width":1200,"height":814,"url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg","type":"image\/jpeg"}],"author":"Jenna Cyprus","twitter_card":"summary_large_image","twitter_creator":"@crazyleaf","twitter_site":"@crazyleaf","twitter_misc":{"Written by":"Jenna Cyprus","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#article","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/"},"author":{"name":"Jenna Cyprus","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd"},"headline":"How to Design a Website Homepage Like a Postcard","datePublished":"2018-12-09T20:32:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/"},"wordCount":751,"commentCount":0,"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg","articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/","url":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/","name":"How to Design a Website Homepage Like a Postcard","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg","datePublished":"2018-12-09T20:32:04+00:00","author":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd"},"description":"When it comes to designing compelling homepages that help set websites apart, we can always use a little outside-the-box thinking. In today\u2019s article, we\u2019re going to look at some of the design principles web designers can take from the classic print postcard.","breadcrumb":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#primaryimage","url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg","contentUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg","width":1200,"height":814},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyleafdesign.com\/blog\/how-to-design-a-website-homepage-like-a-postcard\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazyleafdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"How to Design a Website Homepage Like a Postcard"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website","url":"https:\/\/www.crazyleafdesign.com\/blog\/","name":"CrazyLeaf Design Blog","description":"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/832958ecb98a2c2994d2e9b367d3f4fd","name":"Jenna Cyprus","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/08caf41b07b057d86b513835c1656d4d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/08caf41b07b057d86b513835c1656d4d?s=96&d=mm&r=g","caption":"Jenna Cyprus"},"sameAs":["http:\/\/JennaCyprus.com"],"url":"https:\/\/www.crazyleafdesign.com\/blog\/author\/jennac\/"}]}},"jetpack_featured_media_url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2018\/12\/jakob-owens-729729.jpg","wps_subtitle":"","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/27943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=27943"}],"version-history":[{"count":3,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/27943\/revisions"}],"predecessor-version":[{"id":27947,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/27943\/revisions\/27947"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media\/27946"}],"wp:attachment":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=27943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=27943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=27943"},{"taxonomy":"adace-sponsor","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/adace-sponsor?post=27943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}