{"id":829,"date":"2025-06-15T15:24:01","date_gmt":"2025-06-15T23:24:01","guid":{"rendered":"https:\/\/purplered.com\/Design\/?page_id=829"},"modified":"2025-06-16T15:49:50","modified_gmt":"2025-06-16T23:49:50","slug":"biomatrica-redesign","status":"publish","type":"page","link":"https:\/\/purplered.com\/Design\/biomatrica-redesign\/","title":{"rendered":"Redesign to Acquisition"},"content":{"rendered":"\n<p class=\"has-small-font-size\">How a strategic website redesign positioned <em>Biomatrica<\/em> for growth and acquisition.<br><strong>Branding, UI\/UX, Web Redesign, Product Banners Ads Design.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"791\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Final-1024x791.png\" alt=\"\" class=\"wp-image-830\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Final-1024x791.png 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Final-300x232.png 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Final-768x593.png 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Final-1536x1187.png 1536w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Final.png 1650w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>The new clean, upscale, and user-centered website redesign elevates<\/em> Biomatrica<em>\u2019s branding as it launches new products in its online shop.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">The Brief<\/h4>\n\n\n\n<p class=\"has-small-font-size\"><em>Biomatrica<\/em>, a biotechnology company specializing in ambient-temperature preservation technologies for biological materials, sought a comprehensive redesign of their website. The immediate goal was to showcase new product launches and improve the overall user experience. More broadly, the project aimed to elevate the company\u2019s brand identity and position <em>Biomatrica<\/em> as an innovative leader in a highly competitive industry.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">Solution: Elevating the Brand Through Design<\/h4>\n\n\n\n<p class=\"has-small-font-size\">The redesign focused on creating a modern, upscale, and elegant user experience. Beyond visual polish, the idea was to elevate the brand identity to create strategic alignment with the company\u2019s position as a scientific innovator.<br>Key functionalities:<br>\u2022 Showcasing new products through visually engaging banner ads<br>\u2022 Creating an intuitive, streamlined portal to the online store<br>\u2022 Highlighting company news, events, and product updates<br>My approach combined a refined visual aesthetic with user-centered navigation and intuitive functionality.<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"791\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Before_After-1024x791.png\" alt=\"\" class=\"wp-image-834\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Before_After-1024x791.png 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Before_After-300x232.png 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Before_After-768x593.png 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Before_After-1536x1187.png 1536w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Before_After.png 1650w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>At the heart of the project were simplification, reorganization, and a more intuitive user experience<\/em>.<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">Process<\/h4>\n\n\n\n<p class=\"has-small-font-size\">As Creative Lead, I partnered closely with two developers and a product manager throughout the project lifecycle. After reframing the strategic direction, we scheduled a meeting at Biomatrica\u2019s headquarters. I introduced the concept for the new upscale brand positioning and enhanced user experience by presenting:<br>&#8211; A streamlined layout and navigation system designed for clarity and usability<br>&#8211; Refined graphic elements and typography and how they would elevate the brand\u2019s visual identity<br>&#8211; A realistic implementation plan, developed in coordination with both the marketing and development teams<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"791\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Navigation-1024x791.png\" alt=\"\" class=\"wp-image-838\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Navigation-1024x791.png 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Navigation-300x232.png 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Navigation-768x593.png 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Navigation-1536x1187.png 1536w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Navigation.png 1650w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>The new navigation and user experience feature multiple menus for improved clarity and optimized organization.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"791\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Store-1024x791.png\" alt=\"\" class=\"wp-image-839\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Store-1024x791.png 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Store-300x232.png 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Store-768x593.png 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Store-1536x1187.png 1536w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_Store.png 1650w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>The store inventory at a glance<\/em>.<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">Design<\/h4>\n\n\n\n<p class=\"has-small-font-size\">Once the concept was approved, I expanded the design to all the visual assets to ensure consistency and alignment with the new brand direction.<\/p>\n\n\n\n<h5 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">1. Website redesign<\/h5>\n\n\n\n<p class=\"has-small-font-size\">I designed a clean, modern interface supported by an intuitive navigation system, with usability and clarity at the core of the experience. I defined the color palette, typography, and graphic elements to reflect the brand\u2019s elevated visual identity. These design assets were handed off to the development team, along with detailed specs and guidelines, to be integrated in a CMS- based website and online store.<\/p>\n\n\n\n<h5 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">2. Product Banner ads<\/h5>\n\n\n\n<p class=\"has-small-font-size\">I designed five rotating banner ads to introduce Biomatrica\u2019s new product line on the new homepage carousel. The banners were also designed to be used for print and digital marketing campaigns, reinforcing brand consistency across platforms and channels.<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"335\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_1-1024x335.jpg\" alt=\"\" class=\"wp-image-632\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_1-1024x335.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_1-300x98.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_1-768x251.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_1.jpg 1240w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"335\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_2-1024x335.jpg\" alt=\"\" class=\"wp-image-633\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_2-1024x335.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_2-300x98.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_2-768x251.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_2.jpg 1240w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"335\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_3-1024x335.jpg\" alt=\"\" class=\"wp-image-634\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_3-1024x335.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_3-300x98.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_3-768x251.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_3.jpg 1240w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"335\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_4-1024x335.jpg\" alt=\"\" class=\"wp-image-635\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_4-1024x335.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_4-300x98.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_4-768x251.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_4.jpg 1240w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"335\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_5-1024x335.jpg\" alt=\"\" class=\"wp-image-636\" style=\"border-width:1px\" srcset=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_5-1024x335.jpg 1024w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_5-300x98.jpg 300w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_5-768x251.jpg 768w, https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/05\/Biomatrica_Banner_5.jpg 1240w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-color has-small-font-size\" style=\"color:#808080\"><em>The five banners contribute to branding through consistent style while promoting new products<\/em>.<\/p>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\" style=\"margin-top:0;margin-bottom:0\"\/>\n<\/div><\/div>\n\n\n\n<h4 class=\"wp-block-heading has-custom-9-a-3494-color has-text-color\">Result<\/h4>\n\n\n\n<p class=\"has-small-font-size\">The redesign successfully elevated <em>Biomatrica<\/em>\u2019s brand presence through a clean, sophisticated, and user-centered digital experience. The new interface and navigation improved usability, making the purchase process more intuitively accessible for customers. The synchronized launch of five product banner ads helped promote <em>Biomatrica<\/em>\u2019s latest innovations while maintaining a cohesive visual identity across web and print marketing channels.<br>The project was well received internally and externally, positioning <em>Biomatrica<\/em> as an innovative and influential company in the biotech industry, while laying a strong design foundation for future growth.<br>Ultimately, the redesign contributed to <em>Biomatrica<\/em>\u2019s growth and eventual acquisition by <em>Exact Sciences<\/em>, who recognized the company as \u201ca leading provider of DNA preservation technology.\u201d<\/p>\n\n\n\n<div class=\"wp-block-cover alignwide is-light\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"1650\" height=\"1275\" src=\"https:\/\/purplered.com\/Design\/wp-content\/uploads\/2025\/06\/Biomatrica_WebRedesign_AstridChevallier.gif\" alt=\"\" class=\"wp-image-823\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>How a strategic website redesign positioned Biomatrica for growth and acquisition.Branding, UI\/UX, Web Redesign, Product Banners Ads Design. The Brief Biomatrica, a biotechnology company specializing in ambient-temperature preservation technologies for biological materials, sought a comprehensive redesign of their website. The immediate goal was to showcase new product launches and improve the overall user experience. More [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/pages\/829"}],"collection":[{"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/comments?post=829"}],"version-history":[{"count":33,"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/pages\/829\/revisions"}],"predecessor-version":[{"id":900,"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/pages\/829\/revisions\/900"}],"wp:attachment":[{"href":"https:\/\/purplered.com\/Design\/wp-json\/wp\/v2\/media?parent=829"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}