

{"id":12587,"date":"2022-05-31T11:29:58","date_gmt":"2022-05-31T11:29:58","guid":{"rendered":"https:\/\/blog.tubikstudio.com\/?p=12587"},"modified":"2026-07-21T14:44:08","modified_gmt":"2026-07-21T14:44:08","slug":"web-design-food-product-ecommerce","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/","title":{"rendered":"From Shelf to Screen: BEGG Case Study"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Eggs are, by most accounts, the least glamorous product category a design team can be handed. They&#8217;ve been around longer than agriculture has a name, they appear on every breakfast table in every country on earth, and the visual language around them\u2014warm yellows, soft whites, pastoral suggestions of hens\u2014has been thoroughly exhausted. So when a liquid egg brand asks you to build packaging and a web presence that stand out in a hyper-competitive food market, the brief arrives with a specific kind of challenge baked in: the product is ancient, intimate, and deeply mundane, and your job is to make people actually want to buy it in a format they&#8217;ve never bought it before.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, here\u2019s what we did.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12605\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-ecommerce-packaging-design.jpg\" alt=\"egg product ecommerce packaging design\" width=\"1401\" height=\"1049\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-ecommerce-packaging-design.jpg 1401w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-ecommerce-packaging-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-ecommerce-packaging-design-768x575.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-ecommerce-packaging-design-1024x767.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-ecommerce-packaging-design-150x112.jpg 150w\" sizes=\"auto, (max-width: 1401px) 100vw, 1401px\" \/><\/p>\n<h2><b>One Product, One Direction, No Escape Hatch<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Most food e-commerce projects come with a natural out: a wide SKU range, seasonal offerings, or category breadth that lets the design team create a system and let variety do the emotional heavy lifting. BEGG offered none of that. A single type of product\u2014liquid eggs\u2014had to carry the full weight of brand identity, customer education, and purchase motivation, all at once, across both physical packaging and digital touchpoints.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The decision to build the identity around a high-contrast palette of egg yellow, white, and black was not the obvious move, but it was the right one. It sidesteps the muted, earthy naturalism that defines most artisan food packaging and plants a flag instead: confident, graphic, unambiguous. Black grounds the composition and gives the illustration room to breathe. The custom chicken character\u2014drawn rather than photographed, stylized rather than folksy\u2014does the work of category signposting without leaning on pastoral clich\u00e9. It&#8217;s mascot logic applied with editorial discipline.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Typography followed the same principle. Summer Loving&#8217;s hand-lettered variant handles taglines and brand voice; GT America handles information. That split respects the cognitive job each text block is doing and reflects a packaging design philosophy that treats hierarchy as a functional tool, not a decorative afterthought.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"How we created website for food brand\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/jNxk01BjGtk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h2><b>The Website as Extended Packaging<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The web design project had one structural constraint that shaped everything else: the physical packaging had already set the visual language, and the website needed to extend it into a medium that behaves entirely differently. Print is static and controlled; web is temporal, interactive, and read in fragments. The design team&#8217;s job was continuity without rigidity.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The above-the-fold loading sequence is where the site earns its first impression. A progress counter paired with a blur-to-focus reveal on the hero image treats load time as a designed moment rather than a latency problem\u2014a small UX refinement that shifts the user&#8217;s relationship to waiting. The full-screen egg animation that follows sets category context immediately, which matters for a product most users haven&#8217;t encountered before. Liquid eggs are not self-explanatory, and the site can&#8217;t afford to take comprehension for granted.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Motion throughout the site is deployed with more restraint than spectacle. The interactive menu\u2014where hovering a product category rotates the packaging image\u2014is a micro-interaction that does real navigational work: it links category names to visual product identity and reinforces brand recognizability in the same gesture. The animated mascot recurs across sections, doing what mascots are supposed to do when used well: building recall without demanding attention.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The recipe section&#8217;s underlayer photo effect and the general rhythm of content blocks\u2014infographics, tags, comparison tables, icon sets\u2014reflect a content strategy decision as much as a visual one. Food ecommerce lives or dies on the depth of its product storytelling. Nutritional claims, use cases, and recipe integration aren&#8217;t supplementary content; they&#8217;re the primary conversion lever for a product that requires behavioral change from the buyer.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12609\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-packaging-graphic-design.jpg\" alt=\"egg product packaging graphic design\" width=\"1400\" height=\"1051\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-packaging-graphic-design.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-packaging-graphic-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-packaging-graphic-design-768x577.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-packaging-graphic-design-1024x769.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-packaging-graphic-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12611\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/food-product-ecommerce-packaging-design.jpg\" alt=\"food product ecommerce packaging design\" width=\"1400\" height=\"1050\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/food-product-ecommerce-packaging-design.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/food-product-ecommerce-packaging-design-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/food-product-ecommerce-packaging-design-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/food-product-ecommerce-packaging-design-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/food-product-ecommerce-packaging-design-150x113.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12614\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/urban_poster_mockup-food-ecommerce.jpg\" alt=\"urban_poster_mockup food ecommerce\" width=\"1400\" height=\"1050\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/urban_poster_mockup-food-ecommerce.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/urban_poster_mockup-food-ecommerce-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/urban_poster_mockup-food-ecommerce-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/urban_poster_mockup-food-ecommerce-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/urban_poster_mockup-food-ecommerce-150x113.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12619\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/egg-ecommerce-web-design-tubik-studio.jpg\" alt=\"egg ecommerce web design tubik studio\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/egg-ecommerce-web-design-tubik-studio.jpg 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/egg-ecommerce-web-design-tubik-studio-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/egg-ecommerce-web-design-tubik-studio-768x576.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/egg-ecommerce-web-design-tubik-studio-1024x768.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/egg-ecommerce-web-design-tubik-studio-150x113.jpg 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><iframe loading=\"lazy\" title=\"egg products ecommerce website tubik design\" src=\"https:\/\/player.vimeo.com\/video\/660761115?h=bfbabd697e&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"375\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Mobile as a Test of Systemic Thinking<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The mobile version of the site is, functionally, a coherence test. Any web design system that relies on spatial drama, full-bleed animation, or hover states to carry its weight will degrade badly on a small screen. The BEGG mobile experience holds together because the underlying visual language\u2014color, type, illustration\u2014is strong enough to work at any scale. Responsive design, done properly, is less about breakpoints and more about having built something that has structural integrity to begin with.<\/span><\/p>\n<p>Another interaction point where the motion adds fun and liveliness to the functionality is the interactive menu page: the image of the product packaging turns each time user hovers a particular category.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12608\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-mobile-website.jpg\" alt=\"egg product mobile website\" width=\"1400\" height=\"1051\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-mobile-website.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-mobile-website-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-mobile-website-768x577.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-mobile-website-1024x769.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-mobile-website-150x113.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12612\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-food-ecommerce-egg-product.jpg\" alt=\"mobile website food ecommerce egg product\" width=\"1400\" height=\"1051\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-food-ecommerce-egg-product.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-food-ecommerce-egg-product-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-food-ecommerce-egg-product-768x577.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-food-ecommerce-egg-product-1024x769.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/mobile-website-food-ecommerce-egg-product-150x113.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12610\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-website-design-tubik.jpg\" alt=\"egg product website design tubik\" width=\"1400\" height=\"1051\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-website-design-tubik.jpg 1400w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-website-design-tubik-300x225.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-website-design-tubik-768x577.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-website-design-tubik-1024x769.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/06\/egg-product-website-design-tubik-150x113.jpg 150w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/p>\n<h2><b>What This Project Taught Us<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Narrow product categories are a gift in disguise. When there&#8217;s no variety to lean on, every design decision has to earn its keep on the merits of the single product in front of you\u2014no camouflage, no pivot to the catalog. The constraint that felt like a limitation turned out to be the thing that kept the work focused. BEGG succeeded because the team committed early to a visual identity strong enough to travel: from physical packaging to web hero, from desktop animation to mobile thumbnail. When brand identity is genuinely systemic\u2014not a mood board, but a set of principles that generate consistent decisions across contexts\u2014the work holds together without effort. That&#8217;s what consistent brand experience actually means in practice, and it&#8217;s harder to build than it sounds.<\/span><\/p>\n<h2><b>Recommended Reading<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Keep reading, we\u2019ve got more case studies, more design thinking, and more opinions. The archive is deep and mostly harmless:<\/span><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-website-design-3d-tool?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">uMake. Branding and Website for 3D Design Tool<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-ux-design-fintech?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">Crezco. Brand Identity and UI\/UX Design for Fintech Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/cube-video-illustrations?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">CUBE. Illustration Set for Video Production Company<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-web-design-agriculture?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">FarmSense. Identity and Web Design for Agricultural Technology<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/real-bitcoin-website-illustration?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">Real Bitcoin. Creating Website Illustrations<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-ux-design-delivery-service?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">Carricare. Identity and UX Design for Safe Delivery Service<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/brand-identity-design-flea-market?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">OOP. Brand Identity Design for Online Flea Market<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/mobile-app-design-safe-driving?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">Otozen. Mobile App Design for Safe Driving<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/branding-design-health-app?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">Uplyfe. Identity Design for Health App<\/a><\/p>\n<p><a href=\"https:\/\/blog.tubikstudio.com\/identity-website-design-tea-brand?utm_source=blog&amp;utm_medium=referral&amp;utm_campaign=internal_traffic&amp;utm_content=begg_case_study&amp;source=blog\">Bennett. Identity and Website Design for Tea Brand<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>How a high-contrast identity\u2014packaging, mascot, and motion-driven web design\u2014turned BEGG&#8217;s single-SKU liquid egg brand into a standout in a crowded food market.<\/p>\n","protected":false},"author":10003,"featured_media":17664,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4,9],"tags":[147,485,192,502,212,503,239,532,248,533,256,536,258,543,266,548,16,311,596,44,365,600,47,411,608,57,440,611,100,447,123,457,127,458,138,462],"coauthors":[634],"class_list":["post-12587","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding","category-case_study","category-ui_ux","tag-design-studio","tag-user-experience-design","tag-food","tag-ux","tag-graphic-design","tag-ux-design","tag-identity-design","tag-web-animation","tag-illustration","tag-web-design","tag-interaction-design","tag-web-design-case-study","tag-interface-animation","tag-web-marketing","tag-interfaces-for-business","tag-website-design","tag-animation","tag-marketing","tag-packaging-design","tag-brand-identity","tag-product-design","tag-food-brand","tag-branding","tag-scroll-animation","tag-packaging","tag-case-study","tag-tubik","tag-marketing-design","tag-design","tag-tubik-studio","tag-design-for-business","tag-ui","tag-design-for-marketing","tag-ui-animation","tag-design-process","tag-ui-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>From Shelf to Screen: BEGG Case Study<\/title>\n<meta name=\"description\" content=\"How we built bold packaging and a website for BEGG, a liquid egg brand\u2014a high-contrast identity system that carries one product from shelf to screen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"From Shelf to Screen: BEGG Case Study\" \/>\n<meta property=\"og:description\" content=\"How we built bold packaging and a website for BEGG, a liquid egg brand\u2014a high-contrast identity system that carries one product from shelf to screen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-31T11:29:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-21T14:44:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/B-EGG-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anastasiia Lutsenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasiia Lutsenko\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/\",\"name\":\"From Shelf to Screen: BEGG Case Study\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/B-EGG-1.png\",\"datePublished\":\"2022-05-31T11:29:58+00:00\",\"dateModified\":\"2026-07-21T14:44:08+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\"},\"description\":\"How we built bold packaging and a website for BEGG, a liquid egg brand\u2014a high-contrast identity system that carries one product from shelf to screen.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/B-EGG-1.png\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/B-EGG-1.png\",\"width\":1200,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"From Shelf to Screen: BEGG Case Study\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1\",\"name\":\"Anastasiia Lutsenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g\",\"caption\":\"Anastasiia Lutsenko\"},\"description\":\"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.\",\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"From Shelf to Screen: BEGG Case Study","description":"How we built bold packaging and a website for BEGG, a liquid egg brand\u2014a high-contrast identity system that carries one product from shelf to screen.","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:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/","og_locale":"en_US","og_type":"article","og_title":"From Shelf to Screen: BEGG Case Study","og_description":"How we built bold packaging and a website for BEGG, a liquid egg brand\u2014a high-contrast identity system that carries one product from shelf to screen.","og_url":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2022-05-31T11:29:58+00:00","article_modified_time":"2026-07-21T14:44:08+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/B-EGG-1.png","type":"image\/png"}],"author":"Anastasiia Lutsenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anastasiia Lutsenko","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/","url":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/","name":"From Shelf to Screen: BEGG Case Study","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/B-EGG-1.png","datePublished":"2022-05-31T11:29:58+00:00","dateModified":"2026-07-21T14:44:08+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1"},"description":"How we built bold packaging and a website for BEGG, a liquid egg brand\u2014a high-contrast identity system that carries one product from shelf to screen.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/B-EGG-1.png","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2022\/05\/B-EGG-1.png","width":1200,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/web-design-food-product-ecommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"From Shelf to Screen: BEGG Case Study"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/2d8ccd57b6edf253e2787561fe1e66c1","name":"Anastasiia Lutsenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/d893c1e4578c8cd7a39f393978129a25","url":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9c0999380ab25553a4aea6cbc2224fa5f579af8ebbef2928d1d71fd4137a77a1?s=96&d=mm&r=g","caption":"Anastasiia Lutsenko"},"description":"7+ years of writing content that speaks, sells, and sticks. Raised on legendary Apple commercials and allergic to mediocrity, Anastasiia writes for products, interfaces, and campaigns that refuse to be ignored.","url":"https:\/\/tubikstudio.com\/blog\/author\/alutsenko\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/12587","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/10003"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=12587"}],"version-history":[{"count":15,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/12587\/revisions"}],"predecessor-version":[{"id":17666,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/12587\/revisions\/17666"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/17664"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=12587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=12587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=12587"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=12587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}