{"id":7637,"date":"2019-12-03T14:17:00","date_gmt":"2019-12-03T13:17:00","guid":{"rendered":"https:\/\/www.lemonade.com\/blog\/?p=7637"},"modified":"2023-03-12T12:07:48","modified_gmt":"2023-03-12T12:07:48","slug":"behind-the-scenes-giveback-page","status":"publish","type":"post","link":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/","title":{"rendered":"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design"},"content":{"rendered":"<p>It was June 25, 2019, just 2 weeks away from one of the biggest days of the year at Lemonade: Giveback Day, where our community donates unclaimed <a href=\"https:\/\/www.lemonade.com\/insuropedia\/dictionary\/insurance-premium\/\">premiums<\/a> to charity.<\/p>\n<p>This year, our impact was BIG. Like, $631,540 big (growing more than 1000% since <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.lemonade.com\/blog\/time-to-giveback\/\">the first Giveback in 2017<\/a><\/span>). So our announcement had to be big, too.<\/p>\n<p>But we didn\u2019t have much time. We calculated the final numbers on June 30th, and planned to announce our massive impact just <span style=\"font-style: italic;\">2<\/span>&nbsp;weeks later. Which meant no bandwidth to build specs and hold design workshops.<\/p>\n<p>So we decided to make the Giveback announcement a Secret Project: Lemonade lingo for an out-of-the-ordinary project where all typical rules go out the window.<\/p>\n<p>And that just might have been its secret to success.<\/p>\n<h3>The kickoff<\/h3>\n<p>When it came time for the kickoff meeting, we gathered a small creative team, and started throwing around ideas for our Giveback announcement.<\/p>\n<p>All we<span style=\"font-style: italic;\">&nbsp;<\/span>knew at that moment was our objective: To have as many people as possible know that $631,540 was donated to 25 charities by our Lemonade community.<\/p>\n<p>But that wasn\u2019t all. We also wanted our customers to understand the meaningful <span style=\"font-style: italic;\">impact<\/span>&nbsp;those dollars had on all 25 charities &#8211; from the 5 water projects that were built with charity: water&nbsp;to the 1,683 LGBTQ+ youth who received life-saving intervention with The Trevor Project.<\/p>\n<p>We agreed that a landing page on our site would be the best medium, since we had a <span style=\"font-style: italic;\">lot<\/span>&nbsp;that we wanted to say, and shareable images just wouldn\u2019t cut it. And in typical Lemonade fashion, it needed to be designed beautifully.<\/p>\n<p>So the looming question was: How could we communicate the big number, along with the 25 resulting impacts, in a simple, intuitive, engaging, and attractive way?<\/p>\n<p>As the team shot around design concepts while noting our time crunch, an idea emerged: To repurpose the line art style we use on Facebook ads to tell the <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.lemonade.com\/giveback\">Giveback story<\/a><\/span>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7682 size-full\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/CarChar_Des_02-2.gif\" alt=\"\" width=\"1080\" height=\"1080\"><\/p>\n<p>Why this style? It allows for infinite ways to illustrate the impact of Giveback and the connectivity between each charity. We could illustrate an image representing LGBTQ+ support, and connect it to another image capturing food and water &#8211; showcasing that all of these charities are connected under the Giveback umbrella.<\/p>\n<p>But how could we adjust the line art style to fit a webpage, in a way that would draw the user in and compel them to continue scrolling?<\/p>\n<p>We needed to make it interactive and immersive, while piquing the user\u2019s curiosity. So we decided to design the line to unravel as the user scrolls, and make it both playful and intriguing enough to encourage the user to stay on the page.<\/p>\n<p>But we still had <span style=\"font-style: italic;\">more<\/span>&nbsp;questions than we came into the meeting with: How could we bring life to the page in a way that helps us tell a story? How could we make the layout simple and intuitive enough so the user could understand the impact?<\/p>\n<h3>Creating the proof of concept<\/h3>\n<p>With just 6 days to create a proof of concept, Lemonade&#8217;s designers and one of our front-end developers worked in tandem to create and develop the layout, design, and illustrations. Here\u2019s a breakdown of how it happened:<\/p>\n<p><span style=\"font-weight: bold;\">Layout &amp; Design<\/span><\/p>\n<p>The first step was creating a rough layout of how the page would look on a screen. The design needed to be interactive, work on desktop and mobile, and use the line art to communicate our message.<\/p>\n<p>Our illustrator created a sketch of how the line drawing would look throughout the page, using Adobe Illustrator:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7653\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Screen-Shot-2019-11-10-at-5.08.49-PM-300x273.png\" alt=\"\" width=\"900\" height=\"819\" srcset=\"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Screen-Shot-2019-11-10-at-5.08.49-PM-300x273.png 300w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Screen-Shot-2019-11-10-at-5.08.49-PM-768x699.png 768w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Screen-Shot-2019-11-10-at-5.08.49-PM-1024x932.png 1024w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Screen-Shot-2019-11-10-at-5.08.49-PM.png 1362w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>Meanwhile a product designer sketched a few concepts on a whiteboard. It was messy and rough, to say the least &#8211; there was no need (or time) to make the process perfect.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7672\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Whiteboard-300x214.png\" alt=\"Lemonade Whiteboard Sketch - Lemonade Blog\" width=\"800\" height=\"570\" srcset=\"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Whiteboard-300x214.png 300w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Whiteboard-768x547.png 768w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Whiteboard-1024x730.png 1024w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Whiteboard.png 1200w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>The designers decided that the main composition of the page would have a very long line going from the beginning of the page until the end, tracing the user through different impact sections and animating as the user scrolls. Each impact section would be comprised of an illustration created by the line, and boxes of text.<\/p>\n<p>When the designers shared the concept with the front-end developer, he understood immediately how to make it come into fruition, thanks to his background in game development and animation. He created a mockup of the line that draws with you as you scroll, using SVG animations and CSS.<\/p>\n<p>Next, two product designers worked on the details of the layout and typography. As they built concepts for the impact section, they made sure to maintain our brand look throughout. They ensured that the shapes we used were round and dimensional, similar to the rest of our design. They also maintained our limitation of color, only using grey, pink, and white.<\/p>\n<p>They had several mockups that didn\u2019t make the cut, since they were too cluttered and not simplistic enough:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7681\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Examples-of-layout-1-300x260.png\" alt=\"\" width=\"800\" height=\"694\" srcset=\"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Examples-of-layout-1-300x260.png 300w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Examples-of-layout-1-768x666.png 768w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Examples-of-layout-1-1024x888.png 1024w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Examples-of-layout-1.png 1100w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>So they decided to make the impacts monochromatic with no logo, to minimize distractions and encourage the users to focus on the numbers.<\/p>\n<p>When creating the layout for the cause section of the page, they initially created a big title, and put the charity name and donation amount below each impact:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7674\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Layout-1-300x184.png\" alt=\"Initial layout that didn't make the cut\" width=\"800\" height=\"490\" srcset=\"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Layout-1-300x184.png 300w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Layout-1-768x470.png 768w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Layout-1.png 1024w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>But they realized that the title and impact numbers would compete for the users&#8217; attention, and the numbers themselves needed to be front and center. They decided to make the titles much smaller and condense the description into one part, rather than two:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7675\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Layout-2-300x184.png\" alt=\"\" width=\"800\" height=\"490\" srcset=\"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Layout-2-300x184.png 300w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Layout-2-768x470.png 768w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/Layout-2.png 1024w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"font-weight: bold;\">Illustrations<\/span><\/p>\n<p>In addition to the layout, the team had to create illustrations for each \u2018cause\u2019 section &#8211; like mental health support and LGBTQ+ equality.<\/p>\n<p>Before our illustrator created the illustrations, she started off by teaching herself the line art drawing technique.&nbsp;\u201cPeople sent me links to artists who created similar illustrations, for inspiration, but I decided to limit myself from looking at their work,&#8221; she said. &#8220;This illustration technique was new for me, and I wanted this process to be rough and experimental. I wanted to look at it from my fresh perspective.\u201d<\/p>\n<p>She started out by drawing an illustration with a lot of detail, as if she wasn\u2019t using the line art style. Then, she added another layer on top with a more simplistic illustration. And on top of that, she found the optimal path for the single line.<\/p>\n<p>Her biggest challenge was choosing <span style=\"font-style: italic;\">what<\/span>&nbsp;to illustrate for each category. For the \u2018children\u2019s education\u2019 section, she first created an illustration of a child playing with a toy. But she needed to dig deeper: What represented children on an <span style=\"font-style: italic;\">emotional<\/span>&nbsp;level?<\/p>\n<p>A teddy bear popped into her head, as it elicits feelings of nostalgia.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/dd8a5a84-4272-4010-8544-0e903b4f24c6_Literal20vs20emotional_2.png\" alt=\"\"><\/p>\n<h3>The regroup<\/h3>\n<p>After days of hard work, the Secret Project team regrouped. With less than a week left until production, there wasn\u2019t much room for iteration. The team had to focus only on the glaring issues, and implement small changes. But this may have been one of the reasons the page was so <span style=\"font-style: italic;\">successful<\/span>&#8211; the time crunch called for simplicity and efficiency.<\/p>\n<p>They decided to add a few more surprising elements to the page to improve the user\u2019s experience and further the Giveback story.<\/p>\n<p>They wanted to draw more attention to the impressive numbers &#8211; like the fact that the Lemonade community gave more than <span style=\"font-style: italic;\">40,000<\/span>&nbsp;food packages to malnourished children, and over <span style=\"font-style: italic;\">7,000<\/span>&nbsp;hot meals to elderly New Yorkers.<\/p>\n<p>So the team decided to have the numbers increase as the users scroll, to continue the concept of slowly unraveling the story. This would also add to the element of curiosity, as the user wouldn&#8217;t be able to see the full impact until they continue scrolling down.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7684 size-full\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/main_2-1.gif\" alt=\"\" width=\"1600\" height=\"1200\"><\/p>\n<p>They also decided to add some small touches to make the line live, breathe, and dance, such as playful movement in between the cause sections. Adding personality to the line would crank up the fun, and attract the user more to the Giveback story.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7676\" src=\"https:\/\/lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/WOW-300x127.png\" alt=\"\" width=\"800\" height=\"338\" srcset=\"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/WOW-300x127.png 300w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/WOW-768x324.png 768w, https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/WOW.png 1024w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3><\/h3>\n<h3>The launch<\/h3>\n<p>Predictably, the last few days before launch were a bit hectic. The designers adjusted illustrations and the front-end developer updated the code until the last minute. They didn\u2019t settle on anything. If something wasn\u2019t pixel perfect, they fixed it, even if there were just hours left until launch.<\/p>\n<p>And when it came time to launch the page on Giveback Day, excitement reverberated across the Lemonade offices &#8211; from Tel Aviv to Amsterdam to New York to Scottsdale.<\/p>\n<p><a href=\"https:\/\/www.lemonade.com\/giveback-2019\">The 2019 Giveback page<\/a> was a loudspeaker to celebrate the impact the Lemonade community made &#8211; &nbsp;supporting 224,000 low-income students through Teach for America, distributing 42,589 packets of food to malnourished children with UNICEF, helping fund the ACLU\u2019s fight in court to reunite immigrant families, and so, so much more.<\/p>\n<p>With each page view, share, and award, we were able to spread the message that giving back as a company is beautiful, meaningful, and essential.<\/p>\n<h3>Key takeaways<\/h3>\n<p>Creating a <a href=\"https:\/\/www.cssdesignawards.com\/sites\/lemonade-giveback\/35473\/\" target=\"_blank\" rel=\"noopener\">CSS Design award-winning page<\/a> in just 2 weeks is no easy feat, and our Giveback Page team came out of this project with a few key lessons learned:<\/p>\n<p>1. <strong>You<\/strong><span style=\"font-weight: bold;\"> don\u2019t need to reinvent the wheel to be innovative.<\/span>&nbsp;Adapting a design we used on another medium helped us save time in coming up with an entirely new concept, and allowed us to come up with something creative and unique without needing to start from scratch.<\/p>\n<p>2. <strong>Small,<\/strong><span style=\"font-weight: bold;\"> delightful tweaks make the biggest difference. <\/span>The beauty of the page was in the small details- from the playful elements in between each impact section to the increasing numbers as the user scrolls.<\/p>\n<p>3. <strong>Crazy<\/strong><span style=\"font-weight: bold;\"> time restrictions doesn\u2019t need to mean imperfection. <\/span>In fact, working in survival mode on a time crunch incentivizes teams to avoid inefficiencies, work smart, and stick to a simple approach.<\/p>\n<p>4. <strong>Disrupting<\/strong><span style=\"font-weight: bold;\"> the day-to-day routine brings big value. <\/span>The lack of structure gave the team physical <span style=\"font-style: italic;\">and<\/span>&nbsp;psychological permission to think crazy, and come up with new and different ideas that wouldn\u2019t normally come up in a typical day-to-day, thanks to the magic of Secret Projects.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The impact of Giveback 2019 was BIG, with $631,540 donated to 25 charities. So we knew the announcement had to be big, too.<\/p>\n","protected":false},"author":20,"featured_media":7679,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,13],"tags":[],"puppies_section":[],"class_list":{"0":"post-7637","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-lemonade101","8":"category-lifehacks","9":"post-hentry"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Behind-The-Scenes of Lemonade\u2019s Giveback Page Design - Lemonade Blog<\/title>\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.lemonade.com\/blog\/behind-the-scenes-giveback-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design\" \/>\n<meta property=\"og:description\" content=\"The impact of Giveback 2019 was BIG, with $631,540 donated to 25 charities. So we knew the announcement had to be big, too.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Lemonade Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Lemonade\/\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_OG.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Team Lemonade\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design\" \/>\n<meta name=\"twitter:description\" content=\"The impact of Giveback 2019 was BIG, with $631,540 donated to 25 charities. So we knew the announcement had to be big, too.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_OG.png\" \/>\n<meta name=\"twitter:creator\" content=\"@lemonade_inc\" \/>\n<meta name=\"twitter:site\" content=\"@lemonade_inc\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Team Lemonade\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/\"},\"author\":{\"name\":\"Team Lemonade\",\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/#\\\/schema\\\/person\\\/3cfc8336d83e02464ba45881ceab5188\"},\"headline\":\"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design\",\"datePublished\":\"2019-12-03T13:17:00+00:00\",\"dateModified\":\"2023-03-12T12:07:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/\"},\"wordCount\":1671,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_Featured.png\",\"articleSection\":[\"Lemonade101\",\"life-hacks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/\",\"url\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/\",\"name\":\"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design - Lemonade Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_Featured.png\",\"author\":{\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/#\\\/schema\\\/person\\\/3cfc8336d83e02464ba45881ceab5188\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_Featured.png\",\"contentUrl\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_Featured.png\",\"width\":1553,\"height\":728},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/behind-the-scenes-giveback-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/\",\"name\":\"Lemonade Blog\",\"description\":\"Talking innovation, purpose, user experience and insurance\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.lemonade.com\\\/blog\\\/#\\\/schema\\\/person\\\/3cfc8336d83e02464ba45881ceab5188\",\"name\":\"Team Lemonade\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2995d100e1996e173c9b32ad993be79adde359df21d6ede672ebf92449ac5369?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2995d100e1996e173c9b32ad993be79adde359df21d6ede672ebf92449ac5369?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2995d100e1996e173c9b32ad993be79adde359df21d6ede672ebf92449ac5369?s=96&d=mm&r=g\",\"caption\":\"Team Lemonade\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/lemonade_inc\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design - Lemonade Blog","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.lemonade.com\/blog\/behind-the-scenes-giveback-page\/","og_locale":"en_US","og_type":"article","og_title":"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design","og_description":"The impact of Giveback 2019 was BIG, with $631,540 donated to 25 charities. So we knew the announcement had to be big, too.","og_url":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/","og_site_name":"Lemonade Blog","article_publisher":"https:\/\/www.facebook.com\/Lemonade\/","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_OG.png","type":"image\/png"}],"author":"Team Lemonade","twitter_card":"summary_large_image","twitter_title":"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design","twitter_description":"The impact of Giveback 2019 was BIG, with $631,540 donated to 25 charities. So we knew the announcement had to be big, too.","twitter_image":"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_OG.png","twitter_creator":"@lemonade_inc","twitter_site":"@lemonade_inc","twitter_misc":{"Written by":"Team Lemonade","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/#article","isPartOf":{"@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/"},"author":{"name":"Team Lemonade","@id":"https:\/\/www.lemonade.com\/blog\/#\/schema\/person\/3cfc8336d83e02464ba45881ceab5188"},"headline":"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design","datePublished":"2019-12-03T13:17:00+00:00","dateModified":"2023-03-12T12:07:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/"},"wordCount":1671,"commentCount":0,"image":{"@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_Featured.png","articleSection":["Lemonade101","life-hacks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/","url":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/","name":"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design - Lemonade Blog","isPartOf":{"@id":"https:\/\/www.lemonade.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/#primaryimage"},"image":{"@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_Featured.png","author":{"@id":"https:\/\/www.lemonade.com\/blog\/#\/schema\/person\/3cfc8336d83e02464ba45881ceab5188"},"breadcrumb":{"@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/#primaryimage","url":"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_Featured.png","contentUrl":"https:\/\/www.lemonade.com\/blog\/wp-content\/uploads\/2019\/12\/The-Secret-Behind-Lemonade\u2019s-2019-Giveback-Page_Featured.png","width":1553,"height":728},{"@type":"BreadcrumbList","@id":"https:\/\/www.lemonade.com\/blog\/behind-the-scenes-giveback-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.lemonade.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Behind-The-Scenes of Lemonade\u2019s Giveback Page Design"}]},{"@type":"WebSite","@id":"https:\/\/www.lemonade.com\/blog\/#website","url":"https:\/\/www.lemonade.com\/blog\/","name":"Lemonade Blog","description":"Talking innovation, purpose, user experience and insurance","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lemonade.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.lemonade.com\/blog\/#\/schema\/person\/3cfc8336d83e02464ba45881ceab5188","name":"Team Lemonade","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/2995d100e1996e173c9b32ad993be79adde359df21d6ede672ebf92449ac5369?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2995d100e1996e173c9b32ad993be79adde359df21d6ede672ebf92449ac5369?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2995d100e1996e173c9b32ad993be79adde359df21d6ede672ebf92449ac5369?s=96&d=mm&r=g","caption":"Team Lemonade"},"sameAs":["https:\/\/x.com\/lemonade_inc"]}]}},"_links":{"self":[{"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/posts\/7637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/comments?post=7637"}],"version-history":[{"count":2,"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/posts\/7637\/revisions"}],"predecessor-version":[{"id":22654,"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/posts\/7637\/revisions\/22654"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/media\/7679"}],"wp:attachment":[{"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/media?parent=7637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/categories?post=7637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/tags?post=7637"},{"taxonomy":"puppies_section","embeddable":true,"href":"https:\/\/www.lemonade.com\/blog\/wp-json\/wp\/v2\/puppies_section?post=7637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}