11{"id":30202,"date":"2025-01-09T08:18:33","date_gmt":"2025-01-09T08:18:33","guid":{"rendered":"https:\/\/www.purrweb.com\/blog\/?p=30202"},"modified":"2025-01-09T08:18:33","modified_gmt":"2025-01-09T08:18:33","slug":"artromed-and-medequip-case","status":"publish","type":"post","link":"https:\/\/www.purrweb.com\/blog\/artromed-and-medequip-case\/","title":{"rendered":"How We Designed and Made Landing Pages for a Medtech Client. Artromed and MedEquip Case"},"content":{"rendered":"<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/1-1.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-30207\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/1-1.png\" alt=\"medtech tags\" width=\"1584\" height=\"300\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/1-1.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/1-1-768x145.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/1-1-1536x291.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/p>\n<h2>Context: the client\u2019s request<\/h2>\n<p>MedEquip supplies high-tech medical equipment and tools. Also, they produce custom medical instruments for doctors. The company targets the UAE market.<\/p>\n<p>The client needed a stylish promo site. In this niche, much is based on face-to-face meetings and networking. However, a one-pager with contacts and a description of the company&#8217;s services and products will help establish communication with potential business partners.<\/p>\n<h5 style=\"text-align: center;\"><strong>The client didn\u2019t plan to use the landing page for sales. First of all, they needed the website to build trust in the business and facilitate communication.<\/strong><\/h5>\n<p>The main wish was this: bright design and use of website kits instead of custom development. The reason is simple \u2014 this solution helps promptly make edits if the client wants to correct anything in content, for example, after transferring the project.<\/p>\n<table style=\"height: 24px; width: 100%; border-collapse: collapse; background-color: #e4e0ff;\">\n<tbody>\n<tr style=\"height: 24px;\">\n<td style=\"width: 100%; height: 24px;\"><span style=\"font-size: 14pt;\"><span style=\"font-weight: 400;\">Take a look at <\/span><a href=\"https:\/\/medequipment.ae\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span style=\"font-weight: 400;\">the finished website<\/span><\/a><span style=\"font-weight: 400;\"> for MedEquip.<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/2.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-30208\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/2.png\" alt=\"the finished website for MedEquip\" width=\"1584\" height=\"940\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/2.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/2-768x456.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/2-1536x912.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>We finished the project in three weeks, and the client immediately asked us to create a landing page for their other business \u2014 the Artromed medtech startup. The company operates in the local market, distributes medical equipment, and manufactures its own products.<\/p>\n<h5 style=\"text-align: center;\"><strong>This time, the client asked us to develop a classic marketing landing page to help promote the business.<\/strong><\/h5>\n<p><span style=\"font-weight: 400;\">We got two completely different projects \u2014 and for a reason. \ud83d\ude42<\/span><\/p>\n\n  <div class='universal__container'>\n\n  <picture class='universal__image-bg--mobile' >\n  <source srcset='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_mobile@2x.png 2x'>\n  <img src='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_mobile.png'>\n<\/picture>\n    <div class='universal__title' style='font-size:px;'>Need a landing page with a cool design that would solve your business tasks?<\/div>\n    <div class='universal__text' style='font-size: px;'>We designed and built landing pages for dozens of companies and brands. Contact us and get a free estimation of your project.<\/div>\n    <a  class='universal__btn' href='#footer' style='font-size: px;'>Get estimation<\/a>\n\n\n    <picture class='universal__image-bg'>\n  <source srcset='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_desktop@2x.png 2x'>\n  <img src='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_desktop.png'>\n<\/picture>\n\n\n    <svg class='universal__bg--mobile' width='479' height='284' viewBox='0 0 479 284' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'>\n      <circle cx='81.5' cy='202.5' r='81.5' fill='#D4FE7C'\/>\n      <circle cx='405.5' cy='73.5' r='73.5' fill='#D4FE7C'\/>\n      <circle cx='363.321' cy='195.321' r='5.00801' stroke='#3D3BFF' stroke-width='0.626002'\/>\n      <circle cx='166.13' cy='127.13' r='2.81701' stroke='#3D3BFF' stroke-width='0.626002'\/>\n    <\/svg>\n\n    <svg class='universal__bg' width='432' height='668' viewBox='0 0 432 668' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'>\n      <circle cx='207.5' cy='460.5' r='207.5' fill='#D4FE7C'\/>\n      <circle cx='322' cy='110' r='110' fill='#D4FE7C'\/>\n      <circle cx='143' cy='151' r='4' fill='#3D3BFF' stroke='#3D3BFF' stroke-width='2'\/>\n    <\/svg>\n\n  <\/div>\n\n<h2>Our tasks<\/h2>\n<p>In both cases, we worked on the entire cycle of creating the landing page \u2014 from design to preparing texts and placing the finished landing page on the domain.<\/p>\n<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/4.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-30209\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/4.png\" alt=\"Our tasks in the projects\" width=\"1584\" height=\"1342\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/4.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/4-768x651.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/4-1536x1301.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">It took us 60 and 64 hours to make the landing pages for MedEquip and Artromed, respectively. Below, you\u2019ll see the details and the result of the work \ud83d\udc47<\/span><\/p>\n<div style=\"clear:both; margin-top:0em; margin-bottom:3em;\"><a href=\"https:\/\/www.purrweb.com\/blog\/how-to-design-a-web-app-that-users-will-love\/\" target=\"_blank\" rel=\"dofollow\" class=\"ufd32f82d2c29442c0d7c45a36953eafe\"><style> .ufd32f82d2c29442c0d7c45a36953eafe { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#FFFFFF; border:0!important; border-left:4px solid #34495E!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .ufd32f82d2c29442c0d7c45a36953eafe:active, .ufd32f82d2c29442c0d7c45a36953eafe:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ufd32f82d2c29442c0d7c45a36953eafe { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ufd32f82d2c29442c0d7c45a36953eafe .ctaText { font-weight:bold; color:#464646; text-decoration:none; font-size: 16px; } .ufd32f82d2c29442c0d7c45a36953eafe .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .ufd32f82d2c29442c0d7c45a36953eafe:hover .postTitle { text-decoration: underline!important; } <\/style><div style=\"padding-left:1em; padding-right:1em;\"><span class=\"ctaText\">\u0427\u0418\u0422\u0410\u0419\u0422\u0415 \u0422\u0410\u041a\u0416\u0415<\/span>&nbsp; <span class=\"postTitle\">How to Design a Web App That Users Will Love<\/span><\/div><\/a><\/div>\n<h2>A modern and bright landing page for MedEquip<\/h2>\n<p>The client wanted a catchy design with a bright color palette. This solution would help the product stand out among the competitors. This is what the landing pages of other medical equipment providers look like. The client wanted something fresher and more relevant. \ud83d\ude42<\/p>\n<div class=\"screenSliderWrapper disable_shadow\">\n  \n\n  <div class=\"screenSliderInnerWrapper\" style=\"max-width: 600px;\">\n        \n        <div class=\"our-blog__navigation\">\n        <div class=\"our-blog__navigation-prev arrow-69dfbd79af5dc-prev\"><svg class=\"pagination__arrow pagination__arrow--left\"  width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.367.278L.28 6.328a.946.946 0 000 1.344l6.087 6.05a.96.96 0 001.353 0 .946.946 0 000-1.345L2.31 7l5.41-5.378a.946.946 0 000-1.344.96.96 0 00-1.353 0z\" fill=\"#5C3BFE\"\/>\n  <\/svg><\/div>\n\n        <div class=\"our-blog__pagination swiper-pagination-69dfbd79af5dc\"><\/div>\n\n        <div class=\"our-blog__navigation-next  arrow-69dfbd79af5dc-next\"><svg class=\"pagination__arrow pagination__arrow--right\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.633 13.722l6.087-6.05a.946.946 0 000-1.344L1.633.278a.96.96 0 00-1.353 0 .946.946 0 000 1.345L5.69 7 .28 12.377a.946.946 0 000 1.345.96.96 0 001.353 0z\" fill=\"#5C3BFE\"\/>\n  <\/svg><\/div>\n\n        <div class=\"autoplay-progress autoplay-progress_69dfbd79af5dc\">\n        <svg viewBox=\"0 0 48 48\">\n          <circle cx=\"24\" cy=\"24\" r=\"15\"><\/circle>\n        <\/svg>\n        <span><\/span>\n      <\/div>\n\n\n    <\/div>\n\n              <div id=\"swiper_69dfbd79af5dc\" class=\"swiper screenSlider\">\n      \n        <div class=\"swiper-wrapper\" style=\" margin: 0 auto;\">\n           <div class='swiper-slide' style='border-radius: 10px;'><img src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/5.png'><\/div> <div class='swiper-slide' style='border-radius: 10px;'><img src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/6.png'><\/div>\n\n        \n        <\/div>\n\n\n      <\/div>\n        \n        <\/div>\n\n\n            <\/div>\n\n    \n<p>First, we created mood boards \u2014 decide on the colors, design elements, and a concept. We took the client\u2019s wishes into consideration and selected eye-catching references.<\/p>\n<div id=\"attachment_30212\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/7.png\"><img aria-describedby=\"caption-attachment-30212\" decoding=\"async\" class=\"size-full wp-image-30212\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/7.png\" alt=\"Moodboards\" width=\"1584\" height=\"770\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/7.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/7-768x373.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/7-1536x747.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-30212\" class=\"wp-caption-text\">We offered two options: a dark theme with neon colors and a light theme with pastel shades<\/p><\/div>\n<p><span style=\"font-weight: 400;\">The client liked both variants, so they settled on a mix: they took a light theme with bright colors from the first mood board.<\/span><\/p>\n<div id=\"attachment_30213\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/8.png\"><img aria-describedby=\"caption-attachment-30213\" decoding=\"async\" class=\"size-full wp-image-30213\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/8.png\" alt=\"The color palette of the landing page\" width=\"1584\" height=\"684\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/8.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/8-768x332.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/8-1536x663.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-30213\" class=\"wp-caption-text\">he color palette contains a combination of purple, pink, and blue colors<\/p><\/div>\n<p>Here\u2019s the result:<\/p>\n<div id=\"attachment_30214\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/9.png\"><img aria-describedby=\"caption-attachment-30214\" decoding=\"async\" class=\"size-full wp-image-30214\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/9.png\" alt=\"The MedEquip hero page\" width=\"1584\" height=\"940\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/9.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/9-768x456.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/9-1536x912.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-30214\" class=\"wp-caption-text\">The hero page contains the key information about the company, the CTA button, and a lot of space. We added optical illusion: look closely, it looks like the lines are moving. \ud83c\udf0a<\/p><\/div>\n<p>The next section briefly describes the company\u2019s services and products. If a potential client wants to find more information, we suggest they fill out the form and send a request.<\/p>\n<div id=\"attachment_30215\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/10.png\"><img aria-describedby=\"caption-attachment-30215\" decoding=\"async\" class=\"size-full wp-image-30215\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/10.png\" alt=\"The block structure of the landing page\" width=\"1584\" height=\"988\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/10.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/10-768x479.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/10-1536x958.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-30215\" class=\"wp-caption-text\">We suggested using a clear and easy-to-scan block structure and avoiding long texts with detailed descriptions of all the distribution stages<\/p><\/div>\n<p><span style=\"font-weight: 400;\">The landing page itself consists of four blocks \u2014 it\u2019s enough to provide the key information and highlight the benefits of working with MedEquip.<\/span><\/p>\n<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/11.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-30216\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/11.png\" alt=\"The MedEquip landing page\" width=\"1584\" height=\"1196\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/11.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/11-768x580.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/11-1536x1160.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">The full landing page:<\/span><\/p>\n\n  <div class='wpv'>\n    <video autoplay='autoplay' loop='loop' muted='' width='640' height='480'>\n    <source src='https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2024\/12\/12.mp4' \/>\n    <\/video>\n  <\/div>\n<table style=\"width: 100%; border-collapse: collapse; background-color: #e4e0ff;\">\n<tbody>\n<tr>\n<td style=\"width: 100%;\"><span style=\"font-size: 14pt;\"><b>Why we invite clients to call meetings instead of just sending links to finished mockups via a chat \ud83d\udce2<\/b><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Let\u2019s describe a common situation: our clients are really busy, and it seems that they have no time for weekly calls with our team.<\/span><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">It was the same in this project. The client asked us to send links to the results in the chat because they had no time for calls. At some point, this seemed like a perfect time-saving solution. But nothing saves time, like discussing intermediate results via Zoom.<\/span><\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">Here are the reasons why we invite clients to calls instead of sending mockups in a chat:<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 14pt;\">&#8211; Our manager explains why we selected this or that solution and immediately answers questions \u2014 this saves time on edits.<\/span><br \/>\n<span style=\"font-size: 14pt;\">&#8211; The real-time feedback helps avoid lengthy discussions in chats and speeds up the work.<\/span><br \/>\n<span style=\"font-size: 14pt;\">&#8211; It\u2019s easier to record agreements and next steps \u2014 they won\u2019t get lost among dozens of messages.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400; font-size: 14pt;\">These arguments convinced our client, and they booked time slots for short calls once a week. It turned out that we fit into 10-15 minutes and had time to discuss everything. \ud83d\ude4c<\/span><\/p>\n<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/12.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-30218\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/12.png\" alt=\"call meetings calendar\" width=\"1584\" height=\"986\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/12.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/12-768x478.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/12-1536x956.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n  <div class='universal__container'>\n\n  <picture class='universal__image-bg--mobile' >\n  <source srcset='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_mobile@2x.png 2x'>\n  <img src='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_mobile.png'>\n<\/picture>\n    <div class='universal__title' style='font-size:px;'>Looking for a designer team for your project?<\/div>\n    <div class='universal__text' style='font-size: px;'>We have over 10 years of experience in UI\/UX design for mobile and web apps, as well as in graphic and motion design. We make creative solutions that prioritize user convenience. Contact us and get a free project estimation.<\/div>\n    <a  class='universal__btn' href='#footer' style='font-size: px;'>Get estimation<\/a>\n\n\n    <picture class='universal__image-bg'>\n  <source srcset='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_desktop@2x.png 2x'>\n  <img src='https:\/\/www.purrweb.com\/blog\/wp-content\/plugins\/wp-purr-universal\/src\/rocket_desktop.png'>\n<\/picture>\n\n\n    <svg class='universal__bg--mobile' width='479' height='284' viewBox='0 0 479 284' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'>\n      <circle cx='81.5' cy='202.5' r='81.5' fill='#D4FE7C'\/>\n      <circle cx='405.5' cy='73.5' r='73.5' fill='#D4FE7C'\/>\n      <circle cx='363.321' cy='195.321' r='5.00801' stroke='#3D3BFF' stroke-width='0.626002'\/>\n      <circle cx='166.13' cy='127.13' r='2.81701' stroke='#3D3BFF' stroke-width='0.626002'\/>\n    <\/svg>\n\n    <svg class='universal__bg' width='432' height='668' viewBox='0 0 432 668' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'>\n      <circle cx='207.5' cy='460.5' r='207.5' fill='#D4FE7C'\/>\n      <circle cx='322' cy='110' r='110' fill='#D4FE7C'\/>\n      <circle cx='143' cy='151' r='4' fill='#3D3BFF' stroke='#3D3BFF' stroke-width='2'\/>\n    <\/svg>\n\n  <\/div>\n\n<h2>A discreet and technological landing page for Artromed<\/h2>\n<p>Our client launched a new direction in business: custom development of medical equipment. Doctors describe their ideas and tasks, and Artromed engineers turn them into prototypes.<\/p>\n<p>The client wanted the design to reference science and technology and combine it with a more \u201cserious\u201d color palette. At the same time, they liked the bright MedEquip landing page. We took these wishes into consideration and prepared the design concept in two color palettes.<\/p>\n<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/13.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-30219\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/13.png\" alt=\"Two design options\" width=\"1584\" height=\"1150\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/13.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/13-768x558.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/13-1536x1115.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/p>\n<p>And\u2026 the client liked both variants! \ud83d\ude42 They liked them so much that they considered the option of switching between two themes. However, instead of the usual light and dark options, the app would offer the bright and black-and-white UIs.<\/p>\n<p>At first, the idea may seem cool. For starters, it\u2019s beautiful \ud83d\ude42 Also, we give a user an opportunity to choose between different palettes. But this option doesn\u2019t work well \u2014 and here is why:<\/p>\n<p><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/14.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-30220\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/14.png\" alt=\"Why the two-theme solution didn\u2019t work for us\" width=\"1584\" height=\"840\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/14.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/14-768x407.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/14-1536x815.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><\/p>\n<p>We suggested choosing one concept. We could also implement the feature that allows users to switch from the light theme with bright accents to the dark theme with yellow accents. However, the second option would require 10 extra hours to design and build.<\/p>\n<h5 style=\"text-align: center;\"><strong>Of course, we could follow the \u201canything for your money\u201d principle and develop a switcher between two different color palettes. But this would contradict our approach. \ud83d\ude42 We are on our client\u2019s side and offer solutions that save them money.<\/strong><\/h5>\n<p>So, after discussing this with the client, we decided to go with the B&amp;W design.<\/p>\n<div id=\"attachment_30221\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/15.png\"><img aria-describedby=\"caption-attachment-30221\" decoding=\"async\" class=\"size-full wp-image-30221\" src=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/15.png\" alt=\"The Artromed hero page\" width=\"1584\" height=\"1094\" srcset=\"https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/15.png 1584w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/15-768x530.png 768w, https:\/\/www.purrweb.com\/blog\/wp-content\/uploads\/2025\/01\/15-1536x1061.png 1536w\" sizes=\"(max-width: 1584px) 100vw, 1584px\" \/><\/a><p id=\"caption-attachment-30221\" class=\"wp-caption-text\">It\u2019s a hero page with clear messages \u2014 what the company does and how customers can benefit from it. We highlighted the CTA button. In the design, we used medical-themed photos to prepare users for interacting with a high-tech product.<\/p><\/div>\n<p><span style=\"font-weight: 400;\">In the landing page structure, we used the following block sequence:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul style=\"list-style-type: disc;\">\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">the screen with a photo, header, and CTA<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">the description of a product<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">cases<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">benefits<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">business partners<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">feedback form<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Just recently, at the request of our client, we repainted the black-and-white landing page bright, using the combination of purple and pink from the first concept. But here, we chose darker shades.<\/span><\/p>\n<h2>Result<\/h2>\n<p><span style=\"font-weight: 400;\">It took us 124 hours to design two landing pages. The client was pleased with the result \u2014 they got exactly what they needed. In the future, these landing pages can be used as a basis for a full-fledged website with a product catalog and other features \u2014 we discussed this perspective.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s too early to discuss the results because we recently finished working on the project. However, we are sure that the landing pages will attract an audience and help the client increase their reach.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u27a1\ufe0f It doesn\u2019t matter if you need a mobile app for 200,000 users or a landing page for a new product \u2014 we approach every project with attention to detail. We develop modern, stylish, optimized websites and web apps your audience will like. <a href=\"#footer\">Contact us<\/a> if you need a design. We\u2019ll discuss the task, select the best solution, and immediately estimate the timeline and budget.<\/span><\/p>\n[wpim]","protected":false},"excerpt":{"rendered":"<p>Context: the client\u2019s request MedEquip supplies high-tech medical equipment and tools. Also, they produce custom medical instruments for doctors. The company targets the UAE market. The client needed a stylish promo site. In this niche, much is based on face-to-face meetings and networking. However, a one-pager with contacts and a description of the company&#8217;s services [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":30206,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"yes","_lmt_disable":""},"categories":[153],"tags":[],"acf":[],"modified_by":null,"_links":{"self":[{"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/posts\/30202"}],"collection":[{"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/comments?post=30202"}],"version-history":[{"count":8,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/posts\/30202\/revisions"}],"predecessor-version":[{"id":32077,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/posts\/30202\/revisions\/32077"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/media\/30206"}],"wp:attachment":[{"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/media?parent=30202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/categories?post=30202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.purrweb.com\/blog\/wp-json\/wp\/v2\/tags?post=30202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}