{"id":1223,"date":"2021-11-30T14:33:54","date_gmt":"2021-11-30T14:33:54","guid":{"rendered":"https:\/\/www.devlight.io\/?post_type=case_studies&#038;p=1223"},"modified":"2024-07-26T19:36:29","modified_gmt":"2024-07-26T17:36:29","slug":"epicentr-mobile-app-development","status":"publish","type":"case_studies","link":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/","title":{"rendered":"Epicenter Case Study &#8211; Mobile App"},"content":{"rendered":"<div id=\"block_64b7c4113521b\" class=\"cases-header alignfull l-block\" >\n  \n  \r\n\r\n\r\n  <div class=\"l-wrap cases-container\">\r\n    <div class=\"cases-header__logo\"><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/Group-1171275145.svg\" alt=\"\" width=\"86\" height=\"86\"><\/div><h1 class=\"cases-header__title\">Created a Mobile App for Ukraine\u2019s Retail Leader Ecosystem: Epicentr Case Study<\/h1><div class=\"cases-header__description\">Devlight has implemented a mobile app solution that simplifies the process of buying and exchanging goods for the user. With exciting offers, promotions, shopping history, and accrued point scores, the purchase process feels joyful and rewarding.<\/div>\r\n        <div class=\"cases-header__links\">\r\n              <a href=\"https:\/\/epicentrk.ua\/\" class=\"cases-header__link\" target=\"blank\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.9795 5.03028C14.4743 5.11461 13.9867 5.27631 13.5596 5.50115C13.1321 5.72623 12.8336 5.97356 11.8336 6.93133C9.84226 8.83845 9.68083 8.99979 9.47786 9.28569C9.02326 9.92598 8.78743 10.5906 8.73288 11.3849C8.69445 11.9444 8.82192 12.6397 9.06614 13.2026C9.29402 13.7278 9.60853 14.1613 10.0572 14.5685C10.3479 14.8323 10.6397 15.0362 10.7265 15.0362C10.7857 15.0362 11.2927 14.5582 11.5547 14.2554C11.6529 14.1419 11.8025 13.9524 11.8873 13.8341C12.0809 13.5641 12.0796 13.4959 11.8786 13.3716C11.661 13.2371 11.5359 13.133 11.3709 12.9494C11.1747 12.7309 10.9846 12.3662 10.9229 12.0897C10.8592 11.8041 10.8797 11.3813 10.9701 11.1138C11.0441 10.8948 11.2583 10.5719 11.5051 10.3071C11.7827 10.0094 14.2521 7.63597 14.4577 7.46935C14.6872 7.28343 15.0082 7.13069 15.309 7.06424C15.6113 6.99748 16.1399 7.01825 16.4192 7.10788C16.8749 7.25408 17.3148 7.58756 17.5546 7.96848C17.7 8.19945 17.8156 8.53399 17.8441 8.80601C17.8702 9.05545 17.8172 9.4135 17.7172 9.66395C17.6772 9.76395 17.5904 9.92583 17.5243 10.0237C17.4582 10.1216 17.084 10.5133 16.6926 10.8941C16.3013 11.275 15.9811 11.6068 15.9811 11.6314C15.9811 11.6561 16.0148 11.7859 16.0559 11.9199C16.2003 12.3901 16.2429 12.7109 16.2446 13.342C16.2455 13.6995 16.2299 14.0221 16.2049 14.1621C16.1823 14.2891 16.1697 14.3986 16.1769 14.4054C16.1842 14.4122 16.8195 13.8111 17.5887 13.0696C18.3579 12.3281 19.07 11.617 19.1711 11.4894C19.3956 11.2062 19.6357 10.7782 19.765 10.4305C19.8182 10.2877 19.8926 10.0358 19.9305 9.8707C19.9861 9.62848 19.9995 9.47382 20 9.06962C20.0004 8.70692 19.9853 8.4966 19.9452 8.30726C19.8242 7.73603 19.6136 7.25108 19.2853 6.78792C18.6681 5.9171 17.7065 5.30147 16.5883 5.06119C16.2894 4.99696 15.2938 4.97783 14.9795 5.03028ZM12.8199 10.3112C12.4488 10.6487 12.2369 10.8982 12.0533 11.2138C11.9119 11.4567 11.9211 11.5271 12.1086 11.637C12.3362 11.7705 12.565 11.9699 12.7071 12.1586C12.9998 12.5473 13.1087 12.8549 13.1105 13.2978C13.1119 13.6315 13.051 13.8748 12.8967 14.151C12.8361 14.2597 12.6934 14.4581 12.5797 14.5919C12.2826 14.9415 9.59175 17.5184 9.39862 17.6382C9.18063 17.7736 9.08523 17.8176 8.84518 17.8934C8.56484 17.9819 8.09181 18.0035 7.78105 17.9419C7.65195 17.9163 7.42751 17.8402 7.28232 17.7728C7.07801 17.678 6.96052 17.5963 6.76256 17.4113C6.55887 17.221 6.48041 17.1214 6.37728 16.9219C6.18724 16.5544 6.14346 16.3578 6.16083 15.9503C6.17128 15.7052 6.19463 15.5575 6.2448 15.4192C6.37969 15.0474 6.52304 14.8695 7.28129 14.1327C7.79094 13.6375 8.00014 13.4147 8.00014 13.3672C8.00014 13.3303 7.96605 13.1703 7.9244 13.0117C7.88274 12.853 7.83025 12.6238 7.80775 12.5022C7.7623 12.2565 7.75025 11.1441 7.78944 10.808L7.81348 10.6018L6.49722 11.854C5.20587 13.0825 4.90425 13.3915 4.69124 13.7042C4.54752 13.9152 4.32991 14.3338 4.25113 14.5509C4.05355 15.0953 3.97765 15.5869 4.0056 16.1411C4.04563 16.9349 4.30296 17.6515 4.78826 18.3205C5.02644 18.6488 5.42805 19.0293 5.7953 19.2745C6.11297 19.4867 6.58886 19.7138 6.93767 19.8198C7.44075 19.9726 7.66021 20.001 8.32876 20C8.89979 19.9991 8.98367 19.9921 9.28472 19.921C9.46622 19.878 9.71166 19.8086 9.83012 19.7666C10.1327 19.6594 10.5103 19.4744 10.7856 19.2985C11.2008 19.0333 13.7673 16.5928 14.3849 15.8759C14.5565 15.6768 14.6988 15.4688 14.824 15.2343C15.149 14.6258 15.2716 14.1266 15.2708 13.4156C15.2702 12.8848 15.2152 12.5448 15.0578 12.0998C14.8513 11.5161 14.544 11.0406 14.0763 10.581C13.7112 10.2223 13.3978 9.99776 13.2623 9.99776C13.1805 9.99776 13.1081 10.049 12.8199 10.3112Z\" fill=\"#4D4E4E\" \/>\r\n          <\/svg>\r\n          View Epicenter Case Study &#8211; Mobile App WebPage\r\n        <\/a>\r\n                    <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=ua.epicentrk&#038;hl=uk&#038;gl=US\" class=\"cases-header__link\" target=\"blank\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"18\" viewBox=\"0 0 16 18\" fill=\"none\">\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.316367 0.277582C0.115828 0.495696 0 0.828974 0 1.2652V16.7373C0 17.1736 0.115828 17.5068 0.323282 17.7162L0.376875 17.7633L8.96547 9.09463V8.90094L0.36996 0.230469L0.316367 0.277582Z\" fill=\"url(#paint0_linear_1696_20599)\" \/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8216 11.9909L8.95703 9.09959V8.89718L11.8216 6.00586L11.8839 6.04425L15.2723 7.98808C16.2421 8.53947 16.2421 9.45032 15.2723 10.0087L11.8839 11.9525L11.8216 11.9909Z\" fill=\"url(#paint1_linear_1696_20599)\" \/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8844 11.9541L8.95762 9L0.31543 17.7228C0.631797 18.0648 1.16253 18.1032 1.75551 17.7699L11.8844 11.9541Z\" fill=\"url(#paint2_linear_1696_20599)\" \/>\r\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8844 6.04513L1.75551 0.238065C1.16253 -0.103938 0.630068 -0.056825 0.31543 0.285178L8.95762 8.99927L11.8844 6.04513Z\" fill=\"url(#paint3_linear_1696_20599)\" \/>\r\n            <path opacity=\"0.2\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.8241 11.8906L1.7643 17.6593C1.20244 17.9856 0.701094 17.9629 0.377811 17.6663L0.324219 17.7204L0.377811 17.7675C0.701094 18.0624 1.20244 18.0868 1.7643 17.7605L11.8932 11.9534L11.8241 11.8906Z\" fill=\"black\" \/>\r\n            <path opacity=\"0.12\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.2747 9.9091L11.8154 11.8913L11.8777 11.9541L15.2661 10.0103C15.7519 9.73112 15.9904 9.36469 15.9904 9C15.9611 9.33502 15.7138 9.6526 15.2747 9.9091Z\" fill=\"black\" \/>\r\n            <path opacity=\"0.25\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.75644 0.338412L15.2738 8.08931C15.7129 8.33883 15.9601 8.66513 15.9982 8.99841C15.9982 8.63373 15.7596 8.26729 15.2738 7.98811L1.75644 0.237207C0.786596 -0.32291 0 0.144727 0 1.26322V1.36442C0 0.244186 0.786596 -0.214725 1.75644 0.338412Z\" fill=\"white\" \/>\r\n            <defs>\r\n              <linearGradient id=\"paint0_linear_1696_20599\" x1=\"8.19509\" y1=\"1.09827\" x2=\"-5.57916\" y2=\"4.73451\" gradientUnits=\"userSpaceOnUse\">\r\n                <stop stop-color=\"#00A0FF\" \/>\r\n                <stop offset=\"0.00657\" stop-color=\"#00A1FF\" \/>\r\n                <stop offset=\"0.2601\" stop-color=\"#00BEFF\" \/>\r\n                <stop offset=\"0.5122\" stop-color=\"#00D2FF\" \/>\r\n                <stop offset=\"0.7604\" stop-color=\"#00DFFF\" \/>\r\n                <stop offset=\"1\" stop-color=\"#00E3FF\" \/>\r\n              <\/linearGradient>\r\n              <linearGradient id=\"paint1_linear_1696_20599\" x1=\"16.537\" y1=\"8.99841\" x2=\"-0.237241\" y2=\"8.99841\" gradientUnits=\"userSpaceOnUse\">\r\n                <stop stop-color=\"#FFE000\" \/>\r\n                <stop offset=\"0.4087\" stop-color=\"#FFBD00\" \/>\r\n                <stop offset=\"0.7754\" stop-color=\"#FFA500\" \/>\r\n                <stop offset=\"1\" stop-color=\"#FF9C00\" \/>\r\n              <\/linearGradient>\r\n              <linearGradient id=\"paint2_linear_1696_20599\" x1=\"10.293\" y1=\"10.6075\" x2=\"-0.903741\" y2=\"29.2782\" gradientUnits=\"userSpaceOnUse\">\r\n                <stop stop-color=\"#FF3A44\" \/>\r\n                <stop offset=\"1\" stop-color=\"#C31162\" \/>\r\n              <\/linearGradient>\r\n              <linearGradient id=\"paint3_linear_1696_20599\" x1=\"-1.86077\" y1=\"-4.86983\" x2=\"3.13456\" y2=\"3.46889\" gradientUnits=\"userSpaceOnUse\">\r\n                <stop stop-color=\"#32A071\" \/>\r\n                <stop offset=\"0.0685\" stop-color=\"#2DA771\" \/>\r\n                <stop offset=\"0.4762\" stop-color=\"#15CF74\" \/>\r\n                <stop offset=\"0.8009\" stop-color=\"#06E775\" \/>\r\n                <stop offset=\"1\" stop-color=\"#00F076\" \/>\r\n              <\/linearGradient>\r\n            <\/defs>\r\n          <\/svg>\r\n          Get it on Google Play\r\n        <\/a>\r\n                    <a href=\"https:\/\/apps.apple.com\/ua\/app\/%D0%B5%D0%BF%D1%96%D1%86%D0%B5%D0%BD%D1%82%D1%80\/id1489179679?l=ru\" class=\"cases-header__link\" target=\"blank\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"20\" viewBox=\"0 0 16 20\" fill=\"none\">\r\n            <path d=\"M13.3637 10.603C13.3413 8.20265 15.398 7.03487 15.492 6.9805C14.3272 5.3398 12.5219 5.11562 11.8875 5.09775C10.3712 4.94358 8.9004 5.97433 8.128 5.97433C7.34018 5.97433 6.15075 5.11264 4.86881 5.13797C3.21918 5.16254 1.67592 6.0853 0.829517 7.51822C-0.917247 10.4399 0.385503 14.7335 2.05904 17.0951C2.89619 18.2517 3.87441 19.5431 5.1548 19.4977C6.40744 19.4478 6.87536 18.7261 8.38701 18.7261C9.88478 18.7261 10.3242 19.4977 11.63 19.4686C12.9744 19.4478 13.8208 18.3068 14.6286 17.1398C15.5961 15.8141 15.9846 14.5085 16 14.4415C15.9684 14.4311 13.3891 13.48 13.3637 10.603Z\" fill=\"black\" \/>\r\n            <path d=\"M10.8961 3.54532C11.5698 2.7313 12.0308 1.62384 11.9028 0.5C10.9277 0.541707 9.70821 1.15167 9.00596 1.94781C8.38465 2.64938 7.82963 3.79929 7.97301 4.88068C9.0684 4.95962 10.1931 4.34669 10.8961 3.54532Z\" fill=\"black\" \/>\r\n          <\/svg>\r\n          Download on the App Store\r\n        <\/a>\r\n          <\/div>\r\n      <\/div>\r\n\r\n\r\n\r\n<\/div>\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1102\" height=\"633\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Frame-42434-1.png.webp\" alt=\"\" class=\"wp-image-12127\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Frame-42434-1.png.webp 1102w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Frame-42434-1-300x172.png.webp 300w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Frame-42434-1-1024x588.png.webp 1024w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Frame-42434-1-768x441.png.webp 768w\" sizes=\"(max-width: 1102px) 100vw, 1102px\" \/><\/figure><\/div>\n\n\n      <div id=\"block_64ba2e48491cd\" class=\"about-project  alignfull relative  l-block\" >\n  \n  \r\n<div class=\"l-wrap cases-container\">\r\n  <div class=\"about-project__inner\">\r\n    <div class=\"about-project__col about-project__col--info\">\r\n      <div class=\"about-project__title\">about the project<\/div><div class=\"about-project__text\">Epicentr is the largest non-food retailer in Ukraine. Today, the supply chain counts more than 75 shopping centers across the country and serves 63+ million customers every year. Epicentr online service ranks 3rd in e-commerce in Ukraine, with 14 million visits per month.<\/div>    <\/div>\r\n    <div class=\"about-project__col about-project__col--lists\">\r\n      <div class=\"about-project__group\"><div class=\"about-project__group-title\">services<\/div><ul class=\"about-project__group-list\"><li class=\"about-project__group-item\"><a href=\"https:\/\/devlight.io\/blog\/discovery-phase-in-software-development\/\" target=\"_blank\">Discovery Phase<\/a><\/li><li class=\"about-project__group-item\"><a href=\"https:\/\/devlight.io\/digital-product-development\/\" target=\"_blank\">Product Development<\/a><\/li><li class=\"about-project__group-item\"><a href=\"https:\/\/devlight.io\/ux-ui-design\/\" target=\"_blank\">UI\/UX Design<\/a><\/li><li class=\"about-project__group-item\"><a href=\"https:\/\/devlight.io\/mobile-app-development\/\" target=\"_blank\">Mobile App Development<\/a><\/li><\/ul><\/div><div class=\"about-project__group\"><div class=\"about-project__group-title\">Technologies<\/div><ul class=\"about-project__group-list\"><li class=\"about-project__group-item\">Swift<\/li><li class=\"about-project__group-item\">Kotlin<\/li><li class=\"about-project__group-item\">Firebase<\/li><li class=\"about-project__group-item\">Xcode<\/li><li class=\"about-project__group-item\">Jenkins<\/li><\/ul><\/div>    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/div>\n\n \n      <div id=\"block_64b933e216d0f\" class=\"block-cases-numbers alignfull l-block\" >\n  \n    <style>\n    .numbers__inner-row{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 250px;\n}\n  .big--info{\n      max-width: 795px;\n\n      font-weight: 600;\n      font-size: 290px;\n      line-height: 353px;\n      color: rgba(0, 0, 0, 0.15);\n  }\n  .small--info{\n    max-width: 389px;\n    font-family: 'RoadRadio';\n    font-weight: 700;\n    font-size: 50px;\n    line-height: 50px;\n    color: #000000;\n  }\n    \n  <\/style>\n\n    <div class=\"l-wrap cases-container\">\n\n      <div class=\"cases-numbers-header\">\n                  <div class=\"cases-numbers-title\">          \n            <h2>Epicenter BY THE NUMBERS<\/h2>            \n          <\/div>\n           \n                  <div class=\"cases-numbers-text\">          \n            <p>The &#8220;Epicenter&#8221; group of companies is an omnichannel ecosystem that unites the &#8220;Epicenter&#8221; and &#8220;Nova Liniya&#8221; retail chains, the &#8220;Intersport-Ukraine&#8221; multi-brand sports store chain, the &#8220;Epicenter-Agro&#8221; agricultural holding, and ceramic tile production plants of the Epicenter Ceramic Corporation, woodworking production \u2014 &#8220;Osmoloda&#8221; building materials center and logistics facilities.<\/p>      \n          <\/div>\n          \n      <\/div>\n\n      <div class=\"numbers__grid\">\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 63m<\/div>\n            <div class=\"numbers__item-text\"> Buyers visit Epicentr shopping malls every year<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 500k<\/div>\n            <div class=\"numbers__item-text\"> SKUs make up the assortment of the largest shopping center<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 34k<\/div>\n            <div class=\"numbers__item-text\"> The &#8220;Epicenter&#8221; group of companies has employees<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 75<\/div>\n            <div class=\"numbers__item-text\"> Epicentr shopping malls make up a total area of 1.5 million square meters<\/div>\n          <\/div>\n                  \n    <\/div>\n\n\n  <!--   <div class=\"numbers__inner-row\">\n\n      <div class=\"numbers__inner-info big--info\">\n        3M+\n      <\/div>\n\n      <div class=\"numbers__inner-info small--info\">\n        Instals of app in App Store and Google Play\n      <\/div>\n      \n    \n    <\/div>\n\n    <div class=\"numbers__inner-row\">\n\n      <div class=\"numbers__inner-info small--info\">\n        Instals of app in App Store and Google Play\n      <\/div>\n\n        <div class=\"numbers__inner-info big--info\">\n          3M+\n        <\/div>\n\n    <\/div>\n -->\n\n  <\/div>\n\n\n\n  <!-- {\"title\":\"GET A FREE COPY\",\"url\":\"#block_6278a5544ddae\",\"target\":\"\"} -->\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading width-sm has-large-font-size\">About the client &amp; the story behind them<\/h2>\n\n\n\n<p class=\"width-sm\">Epicentr continues to develop dynamically, expanding its client base and opening new shopping centers. Thus, the loyalty program, the app design, and the user experience must also change to respond to the audience\u2019s requests and market trends. The main requests here included:<\/p>\n\n\n\n<ul class=\"width-sm wp-block-list\">\n<li>Implement the client\u2019s mobile application (with the provision of integration with the consultant&#8217;s mobile application)<\/li>\n\n\n\n<li>Combine all activities of the &#8220;Vyhoda&#8221; (benefit) loyalty program in one place<\/li>\n\n\n\n<li>Provide users with relevant offers and promotions within the app<\/li>\n\n\n\n<li>Create a convenient tool for pre-accessing the services presented offline<\/li>\n\n\n\n<li>Allow for the use of an electronic loyalty card in the app<\/li>\n\n\n\n<li>Develop the scanning of goods on sight feature<\/li>\n\n\n\n<li>Improve and reduce the cost of communication with the end user via push notifications<\/li>\n\n\n\n<li>Simplify the process of purchasing goods in offline shopping centers<\/li>\n\n\n\n<li>Optimize the company&#8217;s internal workflow with the help of a convenient and modern app<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"582\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/mockup-1-1024x582.png.webp\" alt=\"\" class=\"wp-image-12129\" srcset=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/mockup-1-1024x582.png.webp 1024w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/mockup-1-300x170.png.webp 300w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/mockup-1-768x436.png.webp 768w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/mockup-1-1536x872.png.webp 1536w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/mockup-1-2048x1163.png.webp 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading width-sm has-large-font-size\">Challenges and Limitation<\/h2>\n\n\n\n<p class=\"width-sm\">The main challenge was to develop a single mobile application that would serve as a unifying ecosystem for the company\u2019s internal communication and connection between the business and its customers.&nbsp;<\/p>\n\n\n\n<p class=\"width-sm\">Connecting the Face Recognition feature, involving integration of the third-party payment system, was another complicated task we faced. Self-service cash registers written by a Baltic company from Lithuania had to synchronize with the future application to trigger the instant check printing after an in-store purchase.<\/p>\n\n\n\n<p class=\"width-sm\">Allowing for the payment with face recognition involves communication with the cashier according to the same method, setting the base for the multilateral interaction. Here, we dealt with the challenge of adjusting the simultaneous work of the app, Epicentr\u2019s Enterprise Resource Planning system, in-store self-service cash registers, and 27.ua \u2014 the client\u2019s online retail partner.<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading width-sm has-large-font-size\">How we did it \u2014 solutions, approach, methodology<\/h2>\n\n\n\n<p class=\"width-sm\">The initial design sprint focus was aimed at improving the user experience of the loyalty program. After conducting market research and user interviews, we decided to change the goal and make it more global. The team decided to put an emphasis on improving the experience of using the physical retail space and online platforms of Epicentr shopping malls because this was what the visitors lacked first and foremost. The design sprint lasted 3 days and involved the following stages:<\/p>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Day 1: Empathy<\/h3>\n\n\n\n<p class=\"width-sm\">Empathy methods we applied included blitz reports on business goals and technological capabilities, user interviews, interacting with users in their usual environment, stakeholder mapping, and competitor analysis. Blitz reports helped in understanding tasks from multiple perspectives, including business goals, technical capabilities, and user research. Interviewing users in their environment and reviewing competitors determined user needs and problems.<\/p>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Day 2: Focusing<\/h3>\n\n\n\n<p class=\"width-sm\">At this stage, we chose ideas to focus on during product development. Then, the design principles were defined, which involved choosing keywords that described the product to users. The data obtained during the first sprint stage helped us form customer journeys to categorize ideas further and define strategies.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/photo_2019-01-16_23-08-24-1-1024x525.png.webp\" alt=\"\" class=\"wp-image-11999\" srcset=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/photo_2019-01-16_23-08-24-1-1024x525.png.webp 1024w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/photo_2019-01-16_23-08-24-1-300x154.png.webp 300w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/photo_2019-01-16_23-08-24-1-768x394.png.webp 768w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/photo_2019-01-16_23-08-24-1-1536x787.png.webp 1536w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/photo_2019-01-16_23-08-24-1-2048x1050.png.webp 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Day 3: Design<\/h3>\n\n\n\n<p class=\"width-sm\">At this stage, a detailed storyboard was created with a description of the user&#8217;s movement through the product with sketches of interfaces. As a result of the design sprint, the general profile of the client and 5 main audience subgroups were formed. This approach was vital for further client targeting optimization and constructing the most convenient design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Received design sprint results:<\/h3>\n\n\n\n<ul class=\"width-sm wp-block-list\">\n<li>The client decided to optimize the purchase process in the shopping center using mobile application opportunities;<\/li>\n\n\n\n<li>The team also chose to cut down on network costs for the production of plastic cards by introducing electronic loyalty cards available in the mobile application for all new users immediately after registration;<\/li>\n\n\n\n<li>The plan was to create and implement a system of free personalized push notifications;<\/li>\n\n\n\n<li>In the process of working on the project, the idea of Look and Pay was generated \u2014 the feature responsible for purchasing goods by scanning the user&#8217;s face;<\/li>\n\n\n\n<li>We decided to develop a mechanism for personal offers for users based on their preferences and behavioral data;<\/li>\n\n\n\n<li>The barcode scanning feature was discussed since it sounded reasonable to develop a tool that would provide clients with information about the current prices of goods present on the shelves offline;<\/li>\n\n\n\n<li>It was noted that key product metrics and product development metrics should be monitored and analyzed, so we needed to develop a quality analytics system.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/IMG_20190117_101752-1-1024x525.png.webp\" alt=\"\" class=\"wp-image-11998\" srcset=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/IMG_20190117_101752-1-1024x525.png.webp 1024w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/IMG_20190117_101752-1-300x154.png.webp 300w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/IMG_20190117_101752-1-768x394.png.webp 768w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/IMG_20190117_101752-1-1536x787.png.webp 1536w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/IMG_20190117_101752-1-2048x1050.png.webp 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Gathering and Forming the Requirements<\/h3>\n\n\n\n<p class=\"width-sm\">After the Design Sprint, we moved on to the next stage \u2014 Gathering and forming the requirements. It was when we developed the product backlog, wrote user stories, and developed a BPMN process map for working with the order.<\/p>\n\n\n\n<p class=\"width-sm\">A User Study was conducted to ensure that the product would meet the needs. User interviews with various employees of the company, from sales consultants and cashiers to shopping mall administration employees, were a part of the research. More than 20 interviews were carried out in total. In the process, we obtained a list of major insights based on different stages of work with the order. This helped us to identify processes that could be simplified, eliminated, or automated.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-14.00-1-1024x575.png.webp\" alt=\"\" class=\"wp-image-12001\" srcset=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-14.00-1-1024x575.png.webp 1024w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-14.00-1-300x168.png.webp 300w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-14.00-1-768x431.png.webp 768w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-14.00-1.png.webp 1144w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"width-sm\">Later on, we created a top-level concept of the product\/products, updated the BPMN process map based on the formed concept of the product\/products, and provided an updated Story Map based on the formed concept of the product\/products. The detailed product prototype was also prepared during this stage. It was later used to carry out the API audit and choose the actual design of the API methods.<\/p>\n\n\n\n<p class=\"width-sm\">Customer journey map \u2014 a map of the user&#8217;s journey from the moment of acquaintance with our product to the moment when they cannot imagine life without it, was another tool we applied to visualize our expectations from the future product better.<\/p>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Product Development<\/h3>\n\n\n\n<p class=\"width-sm\">The next stage was product development, starting with the creation of the system design, designing the actual product, and the mobile application development as such.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"721\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-12.11-1-1024x721.png.webp\" alt=\"\" class=\"wp-image-12000\" style=\"width:1158px;height:698px\" srcset=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-12.11-1-1024x721.png.webp 1024w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-12.11-1-300x211.png.webp 300w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-12.11-1-768x541.png.webp 768w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-12.11-1-1536x1082.png.webp 1536w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/Screenshot-2023-08-30-at-12.11-1-2048x1443.png.webp 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Testing<\/h3>\n\n\n\n<p class=\"width-sm\">Product testing was carried out in iterations throughout the whole development process. The method we chose was regression testing \u2014 a sort of testing used in the software development life cycle to check for unintended breaks after each change. Regression testing solves a problem that developers frequently run into \u2014 the reappearance of previous bugs after implementing fresh modifications.<\/p>\n\n\n\n<p class=\"width-sm\">It is challenging to identify which modification caused a bug if a project does not use tight version control systems. Therefore, including strong regression testing is a good idea to prevent massive bug fixes. The testing results were backed up with the next procedures:<\/p>\n\n\n\n<p class=\"width-sm\"><strong>Preparing test results documents<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">All files, including details about the testing team&#8217;s strategy, development, metrics, and results, are considered test documentation. In the case of iterative testing carried out by the Devlight team, the synthesis of all accessible data was used to monitor upcoming project requirements, control test coverage, and quantify testing efforts.<\/p>\n\n\n\n<p class=\"width-sm\"><strong>Forming product safety report<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">We test mobile apps for security using techniques that a hostile user would use to attack them. Understanding the application&#8217;s business function and the types of data it processes is the first step in doing effective security testing. From then, an effective holistic assessment is produced by combining static analysis, dynamic analysis, and penetration testing to uncover vulnerabilities that would be missed if the approaches were not used effectively in conjunction. The results of security testing are described in the product safety report.<\/p>\n\n\n\n<p class=\"width-sm\"><strong>Conducting beta testing<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">Real users had the chance to test a product in a real-world setting before it was released to the public to find any defects or problems. This was the last round of testing before making a product widely available, that is, releasing it to the market.<\/p>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Product Release<\/h3>\n\n\n\n<p class=\"width-sm\">The process of giving customers a new product experience is called a product release. However, a release is much more than just the introduction of new features. It represents a promise of additional value for the clients. Our release was the culmination of all the cross-functional work done by internal teams to bring the product to market and support every consumer interaction related to it. This almost final product development stage included:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/add-promo-final-1024x576.png.webp\" alt=\"\" class=\"wp-image-12138\" style=\"width:1158px;height:698px\" srcset=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/add-promo-final-1024x576.png.webp 1024w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/add-promo-final-300x169.png.webp 300w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/add-promo-final-768x432.png.webp 768w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/add-promo-final-1536x864.png.webp 1536w, https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/09\/add-promo-final-2048x1152.png.webp 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"width-sm\"><br><strong>Publication of the application in marketplaces<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">This time period marked the official release of the product. This covered the actual day of release as well as the ensuing marketing initiatives to feed the public interest over the next weeks. Data on the product and marketing were gathered during this period to be used to assess the launch&#8217;s performance eventually.<\/p>\n\n\n\n<p class=\"width-sm\"><strong>Collection of analytics<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">As the product moved from the &#8220;launch&#8221; stage into the &#8220;growth stage&#8221; of its life cycle, marketing activities eventually waned, and we focused on collecting and analyzing data. Product teams assessed whether KPIs and other objectives were accomplished as a result of the launch by comparing data gathered throughout the release window.<\/p>\n\n\n\n<p class=\"width-sm\"><strong>Collecting feedback<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">Numerous product metrics place a strong emphasis on quantity, such as how many users were added or how many items were purchased. We at Devlight also focus on measuring how well the users treat our message and goods by directly asking them for feedback. Obtaining customer feedback typically involves:<\/p>\n\n\n\n<ul class=\"width-sm wp-block-list\">\n<li>Customer interviews<\/li>\n\n\n\n<li>Focus groups<\/li>\n\n\n\n<li>Surveys<\/li>\n<\/ul>\n\n\n\n<p class=\"width-sm\">Additionally, during the product launch, customer service had substantial interactions with customers that we used to obtain particular knowledge of user problems. The issues that surfaced as a result of the development of support tickets or direct consumer inquiries always carry a high value.<\/p>\n\n\n\n<h3 class=\"wp-block-heading width-sm has-medium-font-size\" style=\"font-style:normal;font-weight:600\">Product Support and Development<\/h3>\n\n\n\n<p class=\"width-sm\">Since the mobile application market is developing very quickly, the product needs to be constantly developed and improved to keep up with the trends and competitors. In fact, the launch of a new product is merely the beginning of the process; it is not the final destination. It is the perfect time to take advantage of possibilities, prevent quick failures, and raise the likelihood of long-term growth. Product Support and Development stage carried out by Devlight for the Epicentr app case included the next procedures:<\/p>\n\n\n\n<p class=\"width-sm\"><strong>A\/B testing<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">A\/B testing, also referred to as split testing, is a randomized market experiment process in which two or more variations of a variable (app page, element, feature.) are displayed to various groups of app users at the same time to see which version has the greatest impact and influences business metrics.<\/p>\n\n\n\n<p class=\"width-sm\"><strong>Building user funnels<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">Being a widely-used marketing technique, a user funnel helps to engage new users to the app and keep it growing. Funnels show how potential consumers move through the different user journey stages and keep track of our efforts to draw them in, keep them interested, and persuade them to buy our goods or use our product.<\/p>\n\n\n\n<p class=\"width-sm\">Marketing funnels produce leads, whereas sales funnels generate sales by recording the customer journey through a succession of micro-conversions, such as subscribing to a list, completing a form, or making a purchase. This implies that they monitor the entire customer journey for potential clients, from learning about your goods through considering the purchase to deciding to make a purchase.<\/p>\n\n\n\n<p class=\"width-sm\"><strong>Building a new user engagement model<\/strong><\/p>\n\n\n\n<p class=\"width-sm\">A user engagement model is the strategy used by businesses to interact with and develop connections with their app users. Building new effective user engagement models based on the data analyzed via feedback collection and A\/B testing significantly enhances trial conversions, user satisfaction, revenue per user, and user retention.<\/p>\n\n\n\n<h2 class=\"wp-block-heading width-sm\">Expectations<\/h2>\n\n\n\n<p class=\"width-sm\">An increase in the sales conversion of app users and offline customers was one of the main effects Epicentr expected to receive as a result of our cooperation. In addition, they desired to increase customer satisfaction by providing users with relevant offers and promotions within the app and combining all activities of the &#8220;Vyhoda&#8221; loyalty program in one place. This was expected to boost sales and motivate users to engage in the shopping process.<\/p>\n\n\n\n<p class=\"width-sm\">Creating a convenient tool for pre-accessing the services presented offline, developing the scanning of goods on sight feature, and simplifying the process of purchasing goods in offline shopping centers were all expected to broaden the target demographic and inspire more trust in the brand. After doing some research, the client also came to the opinion that increasing consumer communication through applications should be one of their goals in terms of expected outcomes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading width-sm\">Results and outcomes<\/h2>\n\n\n\n<p class=\"width-sm\">Our team&#8217;s work has improved sales indicators and engaged users in downloading the new app. New customers can now shop in a safe, effective, and more convenient way. The &#8220;Vyhoda&#8221; loyalty program combining all activities in one place has inspired users to make purchases more eagerly and pre-plan shopping before visiting the offline store. The project&#8217;s team has conquered every challenge met during the development process.<\/p>\n\n\n\n      <div id=\"block_64b909c516d08\" class=\"key-features alignfull l-block\" >\n  \n  \r\n\r\n\r\n  <div class=\"l-wrap cases-container\">\r\n  <h2 class=\"key-features__title\">KEY FEATURES AND VALUE<\/h2><div class=\"key-features__description\">The product\u2019s value lies in meeting user needs, resolving issues, and attaining objectives. Value is not always quantifiable and is not always expressed in monetary terms. That&#8217;s because a lot of a product&#8217;s value depends on how the buyer perceives it. As the result of extensive pre-launch analysis and post-launch updating, as well as regressive testing throughout the whole development process, Devlight managed to deliver the next qualitative advantages to Epicentr app users:\r\n<\/div><div class=\"key-features__cards\"><div class=\"key-features__card\"><div class=\"key-features__img-wrap\" style=\"--bg: rgb(109,153,211)\"><img decoding=\"async\" class=\"key-features__img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Look-and-pay-1.png.webp\" alt=\"\" width=\"200\" height=\"300\"><\/div><div class=\"key-features__card-title\">Look and pay<\/div><div class=\"key-features__card-description\">A feature allowing buying goods even without using an electronic wallet. Customers can now pay by registering in the loyalty program and taking a few selfies. Look at the camera at the checkout to let the face recognition tool trigger automatic payment.<\/div><\/div><div class=\"key-features__card\"><div class=\"key-features__img-wrap\" style=\"--bg: rgb(149,185,185)\"><img decoding=\"async\" class=\"key-features__img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Scan-and-Go-1.png.webp\" alt=\"\" width=\"200\" height=\"300\"><\/div><div class=\"key-features__card-title\">Scan and Go<\/div><div class=\"key-features__card-description\">Customers may speed up the purchase of goods and reduce the time spent in the store by scanning the barcodes of the products in their shopping cart through the application and paying at the virtual checkout at any time.<\/div><\/div><div class=\"key-features__card\"><div class=\"key-features__img-wrap\" style=\"--bg: rgb(116,138,142)\"><img decoding=\"async\" class=\"key-features__img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Super-cashback-1.png.webp\" alt=\"\" width=\"200\" height=\"300\"><\/div><div class=\"key-features__card-title\">Super cashback<\/div><div class=\"key-features__card-description\">In order to further motivate customers to use the loyalty program and for it to bring tangible value, it was decided to introduce the cashback feature. Now, Epicenter can assign increased cashback rates to the products needing a boost.<\/div><\/div><div class=\"key-features__card\"><div class=\"key-features__img-wrap\" style=\"--bg: rgb(159,176,201)\"><img decoding=\"async\" class=\"key-features__img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Digital-loyalty-program-card-2.png.webp\" alt=\"\" width=\"200\" height=\"300\"><\/div><div class=\"key-features__card-title\">Digital loyalty program card<\/div><div class=\"key-features__card-description\">Since one of the company&#8217;s goals was the possibility of abandoning plastic and reducing the load on call centers, we have created a digital loyalty card that can be accessed with one click. The entire history of purchases and accruals of bonus points was transferred to the application.<\/div><\/div><div class=\"key-features__card\"><div class=\"key-features__img-wrap\" style=\"--bg: rgb(157,169,142)\"><img decoding=\"async\" class=\"key-features__img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Personalized-offers-2.png.webp\" alt=\"\" width=\"200\" height=\"300\"><\/div><div class=\"key-features__card-title\">Personalized offers<\/div><div class=\"key-features__card-description\">To increase the response to advertising and promotional activities, the functionality of personalized offers was created. The users are now receiving offers tailored to them based on the buyers\u2019 behavioral characteristics.<\/div><\/div><div class=\"key-features__card\"><div class=\"key-features__img-wrap\" style=\"--bg: rgb(126,136,174)\"><img decoding=\"async\" class=\"key-features__img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Catalog-of-goods-1.png.webp\" alt=\"\" width=\"200\" height=\"300\"><\/div><div class=\"key-features__card-title\">Catalog of goods<\/div><div class=\"key-features__card-description\">Epicentr, in addition to huge shopping areas, successfully sells goods online and independently delivers goods to customers. Implementing an easy-to-navigate product catalog in the mobile application was one of our major and most complicated tasks.<\/div><\/div><div class=\"key-features__card\"><div class=\"key-features__img-wrap\" style=\"--bg: rgb(157,169,142)\"><img decoding=\"async\" class=\"key-features__img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Questionnaires-1-1.png.webp\" alt=\"\" width=\"200\" height=\"300\"><\/div><div class=\"key-features__card-title\">Questionnaires<\/div><div class=\"key-features__card-description\">We designed and implemented a questionnaire system that surveys customers about their level of satisfaction with the purchase and service, after which it transmits the results to the responsible specialists. The result is prompt response to problems and negative customer experience reduction.<\/div><\/div><div class=\"key-features__card\"><div class=\"key-features__img-wrap\" style=\"--bg: rgb(143,152,160)\"><img decoding=\"async\" class=\"key-features__img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Information-about-shopping-centers-and-additional-services-1.png.webp\" alt=\"\" width=\"200\" height=\"300\"><\/div><div class=\"key-features__card-title\">Information about shopping centers and additional services<\/div><div class=\"key-features__card-description\">Devlight has implemented a feature introducing the visitor to all the possibilities of the store. Now, app users can quickly get all the information and find the service they need with a few clicks.<\/div><\/div><\/div>  <\/div>\r\n\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_6283843bb9f79\" class=\"block-cases-design-final alignfull  l-block\" >\n  \n  \n<style>\n    .swiper-scrollbar-drag{\n      background-color: #273051;\n    }\n    \/* .cases-design-final-bg-color{\n      padding: 120px 0px;\n    } *\/\n    \/* @media (max-width: 1200px){\n      .cases-design-final-bg-color {\n        padding-bottom: 133px;\n      }\n    } *\/\n    @media (max-width: 880px){\n\/*    .cases-design-final-bg-color {\n        padding-top: 0;\n      } *\/\n    }\n    @media (max-width: 1400px) and (min-width: 1200px){\n        .cases-final-slider figure img:nth-child(2) {\n          left: 99px;\n      }\n    }\n    @media (max-width: 1050px) and (min-width:900px){\n      .cases-final-slider figure img:nth-child(2) {\n        left: 97px;\n      }\n    }\n\n  \n\n<\/style>   \n\n<div class=\"cases-design-final-bg-color\" style=\"background-color: #ffffff\">\n  <div class=\"l-wrap cases-container\">\n          <div class=\"cases-design-final__content  md:pl-4 flex-row\" style=\"color: #000101\">\n          <h2>Final design<\/h2>\n<p>Here are some of the final design screens that we want to share with you.<\/p>      <\/div>\n    \n          <div class=\"js-image-slider-wrap relative\">\n        <div class=\"js-image-slider js-image-gallery cases-final-slider !pb-14 !lg:pb-11\">\n          <div class=\"swiper-container\">\n              <div class=\"swiper-wrapper\">\n\n                                                      <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33526.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33660-3.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33523-1.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33525.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33523.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33522-1.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33521-1.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                                    <div class=\"cases-final-slider swiper-slide\">\n                    <figure>\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33527.png.webp\" alt=\"slider\">\n                      <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/iphone_shadow_vertical.svg\" alt=\"slider\">\n                    <\/figure>\n                  <\/div>\n\n                                \n              <\/div>\n                <div class=\"swiper-scrollbar\">\n                <\/div>\n          <\/div>\n          \n        <\/div>\n      <\/div>\n    \n    <div class=\"cases-final-slider__tip text-center mt-8 flex justify-center\">\n      *Scroll to view      <svg class=\"ml-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n        <path d=\"M5.46816 8.3125C5.46816 6.63003 6.13652 5.01648 7.32621 3.82679C8.51589 2.63711 10.1294 1.96875 11.8119 1.96875C13.4944 1.96875 15.1079 2.63711 16.2976 3.82679C17.4873 5.01648 18.1557 6.63003 18.1557 8.3125C18.1557 8.48655 18.0865 8.65347 17.9635 8.77654C17.8404 8.89961 17.6735 8.96875 17.4994 8.96875C17.3254 8.96875 17.1584 8.89961 17.0354 8.77654C16.9123 8.65347 16.8432 8.48655 16.8432 8.3125C16.8432 6.97813 16.3131 5.69841 15.3695 4.75487C14.426 3.81133 13.1463 3.28125 11.8119 3.28125C10.4775 3.28125 9.19783 3.81133 8.25428 4.75487C7.31074 5.69841 6.78066 6.97813 6.78066 8.3125C6.78066 8.48655 6.71152 8.65347 6.58845 8.77654C6.46538 8.89961 6.29846 8.96875 6.12441 8.96875C5.95037 8.96875 5.78345 8.89961 5.66038 8.77654C5.5373 8.65347 5.46816 8.48655 5.46816 8.3125ZM20.5619 13.3438C19.9927 13.3432 19.4366 13.5144 18.9661 13.8348C18.8688 13.3867 18.6646 12.9688 18.3708 12.6167C18.0771 12.2645 17.7026 11.9887 17.2792 11.8126C16.8557 11.6365 16.396 11.5654 15.9392 11.6054C15.4824 11.6454 15.042 11.7952 14.6557 12.0422V8.3125C14.6557 7.55829 14.3561 6.83497 13.8227 6.30166C13.2894 5.76836 12.5661 5.46875 11.8119 5.46875C11.0577 5.46875 10.3344 5.76836 9.80108 6.30166C9.26777 6.83497 8.96816 7.55829 8.96816 8.3125V17.8281L8.14457 16.5047C7.76558 15.852 7.14284 15.3766 6.41333 15.1831C5.68383 14.9896 4.90733 15.0937 4.25465 15.4727C3.60197 15.8517 3.12657 16.4745 2.93304 17.204C2.73951 17.9335 2.84371 18.71 3.2227 19.3627L6.42957 24.8314C6.51945 24.9769 6.66257 25.0816 6.82847 25.1231C6.99437 25.1647 7.16993 25.1398 7.31777 25.0538C7.46562 24.9679 7.57406 24.8276 7.62001 24.6629C7.66596 24.4981 7.64579 24.322 7.56379 24.1719L4.3602 18.7031C4.25965 18.529 4.1944 18.3367 4.16815 18.1373C4.14191 17.938 4.15519 17.7354 4.20724 17.5411C4.31237 17.1488 4.56902 16.8144 4.92074 16.6113C5.27247 16.4083 5.69045 16.3533 6.08273 16.4584C6.27698 16.5104 6.45906 16.6002 6.6186 16.7227C6.77814 16.8451 6.912 16.9977 7.01254 17.1719C7.01556 17.1784 7.01923 17.1846 7.02348 17.1905L9.0666 20.4717C9.14183 20.5931 9.25459 20.6866 9.38778 20.7381C9.52097 20.7896 9.66732 20.7963 9.80463 20.757C9.94193 20.7178 10.0627 20.6349 10.1486 20.5208C10.2345 20.4068 10.2809 20.2678 10.2807 20.125V8.3125C10.2807 7.90639 10.442 7.51691 10.7292 7.22974C11.0163 6.94258 11.4058 6.78125 11.8119 6.78125C12.218 6.78125 12.6075 6.94258 12.8947 7.22974C13.1818 7.51691 13.3432 7.90639 13.3432 8.3125V15.75C13.3432 15.924 13.4123 16.091 13.5354 16.214C13.6584 16.3371 13.8254 16.4062 13.9994 16.4062C14.1735 16.4062 14.3404 16.3371 14.4635 16.214C14.5865 16.091 14.6557 15.924 14.6557 15.75V14.4375C14.6557 14.0314 14.817 13.6419 15.1042 13.3547C15.3913 13.0676 15.7808 12.9062 16.1869 12.9062C16.593 12.9062 16.9825 13.0676 17.2697 13.3547C17.5568 13.6419 17.7182 14.0314 17.7182 14.4375V16.625C17.7182 16.799 17.7873 16.966 17.9104 17.089C18.0334 17.2121 18.2004 17.2812 18.3744 17.2812C18.5485 17.2812 18.7154 17.2121 18.8385 17.089C18.9615 16.966 19.0307 16.799 19.0307 16.625V16.1875C19.0307 15.7814 19.192 15.3919 19.4792 15.1047C19.7663 14.8176 20.1558 14.6562 20.5619 14.6562C20.968 14.6562 21.3575 14.8176 21.6447 15.1047C21.9318 15.3919 22.0932 15.7814 22.0932 16.1875V20.125C22.0932 22.5455 21.2947 24.1916 21.2871 24.2069C21.211 24.3621 21.1992 24.541 21.2543 24.7049C21.3094 24.8687 21.4269 25.0042 21.5813 25.0819C21.6716 25.1298 21.7722 25.1553 21.8744 25.1562C21.9966 25.1565 22.1164 25.1226 22.2203 25.0585C22.3243 24.9943 22.4083 24.9024 22.4629 24.7931C22.5011 24.7166 23.4068 22.8736 23.4068 20.125V16.1875C23.4068 15.814 23.3332 15.4441 23.1902 15.099C23.0472 14.7539 22.8376 14.4404 22.5735 14.1763C22.3093 13.9122 21.9957 13.7028 21.6505 13.5599C21.3054 13.4171 20.9355 13.3436 20.5619 13.3438Z\" fill=\"#343A40\"\/>\n      <\/svg>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/div>\n\n\n      <div id=\"block_64ba87143b128\" class=\"rating-and-reviews alignfull relative  l-block\" >\n  \n  \r\n<div class=\"l-wrap cases-container\">\r\n  <div class=\"rating-and-reviews__header\">\r\n    <h2 class=\"rating-and-reviews__title\">Ratings and reviews<\/h2>    <div class=\"rating-and-reviews__groups\">\r\n      <div class=\"rating-and-reviews__total\">\r\n        <div class=\"rating-and-reviews__subtitle\">Total Reviews<\/div><div class=\"rating-and-reviews__count\">2.6k<\/div>      <\/div> \r\n      <div class=\"rating-and-reviews__average\">\r\n              <\/div>\r\n      <div class=\"rating-and-reviews__stats\">\r\n        <div class=\"rating-and-reviews__lvl\"><svg class=\"rating-and-reviews__lvl-star\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"11\" viewBox=\"0 0 12 11\" fill=\"none\"><path d=\"M6 0L7.34708 4.1459H11.7063L8.17963 6.7082L9.52671 10.8541L6 8.2918L2.47329 10.8541L3.82037 6.7082L0.293661 4.1459H4.65292L6 0Z\" fill=\"#CED4DA\"\/><\/svg><div class=\"rating-and-reviews__lvl-num\">5<\/div><div class=\"rating-and-reviews__lvl-line\" style=\"--progress:60%\"><\/div><\/div><div class=\"rating-and-reviews__lvl\"><svg class=\"rating-and-reviews__lvl-star\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"11\" viewBox=\"0 0 12 11\" fill=\"none\"><path d=\"M6 0L7.34708 4.1459H11.7063L8.17963 6.7082L9.52671 10.8541L6 8.2918L2.47329 10.8541L3.82037 6.7082L0.293661 4.1459H4.65292L6 0Z\" fill=\"#CED4DA\"\/><\/svg><div class=\"rating-and-reviews__lvl-num\">4<\/div><div class=\"rating-and-reviews__lvl-line\" style=\"--progress:10%\"><\/div><\/div><div class=\"rating-and-reviews__lvl\"><svg class=\"rating-and-reviews__lvl-star\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"11\" viewBox=\"0 0 12 11\" fill=\"none\"><path d=\"M6 0L7.34708 4.1459H11.7063L8.17963 6.7082L9.52671 10.8541L6 8.2918L2.47329 10.8541L3.82037 6.7082L0.293661 4.1459H4.65292L6 0Z\" fill=\"#CED4DA\"\/><\/svg><div class=\"rating-and-reviews__lvl-num\">3<\/div><div class=\"rating-and-reviews__lvl-line\" style=\"--progress:15%\"><\/div><\/div><div class=\"rating-and-reviews__lvl\"><svg class=\"rating-and-reviews__lvl-star\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"11\" viewBox=\"0 0 12 11\" fill=\"none\"><path d=\"M6 0L7.34708 4.1459H11.7063L8.17963 6.7082L9.52671 10.8541L6 8.2918L2.47329 10.8541L3.82037 6.7082L0.293661 4.1459H4.65292L6 0Z\" fill=\"#CED4DA\"\/><\/svg><div class=\"rating-and-reviews__lvl-num\">2<\/div><div class=\"rating-and-reviews__lvl-line\" style=\"--progress:5%\"><\/div><\/div><div class=\"rating-and-reviews__lvl\"><svg class=\"rating-and-reviews__lvl-star\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"11\" viewBox=\"0 0 12 11\" fill=\"none\"><path d=\"M6 0L7.34708 4.1459H11.7063L8.17963 6.7082L9.52671 10.8541L6 8.2918L2.47329 10.8541L3.82037 6.7082L0.293661 4.1459H4.65292L6 0Z\" fill=\"#CED4DA\"\/><\/svg><div class=\"rating-and-reviews__lvl-num\">1<\/div><div class=\"rating-and-reviews__lvl-line\" style=\"--progress:10%\"><\/div><\/div>      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"rating-and-reviews__grid\"><div class=\"rating-and-reviews__item\"><div class=\"rating-and-reviews__item-rating reviews-rating\" data-rating=\"5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><\/div><div class=\"rating-and-reviews__item-date\">January 31, 2023<\/div><div class=\"rating-and-reviews__item-name\">Ivan Chumak<\/div><div class=\"rating-and-reviews__item-text\">After the update, the application has become much better to work and more convenient. To solve the problem that was earlier, clearing the cache helped.<\/div><\/div><div class=\"rating-and-reviews__item\"><div class=\"rating-and-reviews__item-rating reviews-rating\" data-rating=\"5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><\/div><div class=\"rating-and-reviews__item-date\">January 31, 2023<\/div><div class=\"rating-and-reviews__item-name\">Yury Martsinchik<\/div><div class=\"rating-and-reviews__item-text\">There is a history of my purchases. Scheme of departments in stores Epicenter, possibility of on-line order. More or less quickly. In general, I liked it.<\/div><\/div><div class=\"rating-and-reviews__item\"><div class=\"rating-and-reviews__item-rating reviews-rating\" data-rating=\"5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><\/div><div class=\"rating-and-reviews__item-date\">November 22, 2023<\/div><div class=\"rating-and-reviews__item-name\">Maria Beloivan<\/div><div class=\"rating-and-reviews__item-text\">For me, it\u2019s a very convenient and understandable application, I don\u2019t understand what difficulties users have)))) Goods are loaded quickly, everything is divided into categories. I will use it, thanks to the developers !!!!<\/div><\/div><div class=\"rating-and-reviews__item\"><div class=\"rating-and-reviews__item-rating reviews-rating\" data-rating=\"5\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><\/div><div class=\"rating-and-reviews__item-date\">January 31, 2020<\/div><div class=\"rating-and-reviews__item-name\">Vitaly Panasenko<\/div><div class=\"rating-and-reviews__item-text\">A good, proven, reliable trading network. They will always go to a meeting and deliver what you need. Where needed.<\/div><\/div><div class=\"rating-and-reviews__item\"><div class=\"rating-and-reviews__item-rating reviews-rating\" data-rating=\"4\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#FFA300\"\/> <\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"22\" viewBox=\"0 0 24 22\" fill=\"none\"> <path d=\"M12 0L14.6942 8.2918H23.4127L16.3593 13.4164L19.0534 21.7082L12 16.5836L4.94658 21.7082L7.64074 13.4164L0.587322 8.2918H9.30583L12 0Z\" fill=\"#CED4DA\"\/> <\/svg><\/div><div class=\"rating-and-reviews__item-date\">April 5, 2021<\/div><div class=\"rating-and-reviews__item-name\">Ihor Petrov<\/div><div class=\"rating-and-reviews__item-text\">Everything is fine, but the only remark. If you minimize the application and then open it, it resets to the main page.<\/div><\/div><\/div><\/div>\r\n\r\n<\/div> \n\n\n      <div id=\"block_62e8dd3f62d4b\" class=\"block-cases-feedback alignfull  l-block\" >\n  \n  \r\n<style>\r\n    .block-cases-numbers-main .cases-container {\r\n        padding-top: 220px;\r\n    }\r\n    @media (max-width: 1200px){\r\n        .block-cases-numbers-main .cases-container {\r\n        padding-top: 0px;\r\n        }\r\n    }\r\n    @media (max-width: 711px){\r\n        .loyality__demo {\r\n            position: static;\r\n            top: 0;\r\n        }\r\n    }\r\n    @media (max-width: 600px){\r\n        .block-cases-feedback {\r\n            padding-top: 0;\r\n            padding-bottom:0;\r\n        }\r\n        .block-cases-ratings {\r\n            padding-bottom:20px;\r\n        }\r\n        .block-cases-dashboards {\r\n            padding-bottom: 50px;\r\n        }\r\n        .cases-results-header {\r\n            margin-top: 0px;\r\n        }\r\n        .block-cases-results {\r\n            padding-top: 0px\r\n        }\r\n    }\r\n\r\n<\/style>\r\n\r\n<div class=\"l-wrap cases-container\">\r\n    <div class=\"cases-feedback__content\">\r\n\r\n                    <h2>Customer feedbacks<\/h2>                \r\n                    <div class=\"cases-feedback__logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2023\/07\/Frame-34228-1.png.webp\" alt=\"logo-feed\">\r\n            <\/div> \r\n            <\/div>\r\n    \r\n    <div class=\"cases-feedback__row\">\r\n                    <div class=\"cases-feedback__img\">\r\n                <img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Khrystyna-Melnykovych.png.webp\" alt=\"quote\">\r\n            <\/div>\r\n                            <div class=\"feedback__info\">\r\n                 <p>The basis of a successful project is the experience of the team that\u2019s why we chose Devlight. They are an enthusiastic team with a professional approach in the implementation of large-scale projects from the beginning and development strategy. The main thing is to be on the same wave of understanding the value of the product and create a unique product for users step by step!            \r\n<\/p>\r\n\r\n<div class=\"feedback__info-quote\">\r\n\r\n<div class=\"feedback__info-quote-name\">\r\nKhrystyna Melnykovych\r\n<\/div>\r\n\r\n<div class=\"feedback__info-quote-text\">\r\nCRM at Epicenter\r\n<\/div>            <\/div>\r\n            <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\n\n \n      <div id=\"block_64be4900efef8\" class=\"block-cases-numbers alignfull l-block\" >\n  \n    <style>\n    .numbers__inner-row{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 250px;\n}\n  .big--info{\n      max-width: 795px;\n\n      font-weight: 600;\n      font-size: 290px;\n      line-height: 353px;\n      color: rgba(0, 0, 0, 0.15);\n  }\n  .small--info{\n    max-width: 389px;\n    font-family: 'RoadRadio';\n    font-weight: 700;\n    font-size: 50px;\n    line-height: 50px;\n    color: #000000;\n  }\n    \n  <\/style>\n\n    <div class=\"l-wrap cases-container\">\n\n      <div class=\"cases-numbers-header\">\n                  <div class=\"cases-numbers-title\">          \n            <h2>Epicenter BY THE NUMBERS<\/h2>            \n          <\/div>\n           \n                  <div class=\"cases-numbers-text\">          \n            <p>The result of our development process was launching an MVP to get to market as quickly as possible and start bringing value to businesses and users. In this way, the main problems of customers have been solved, while additional features are launched as they are ready. A system for monitoring and collecting program analytics was also designed and implemented, which made it possible to quickly obtain data on the use of the functionality and make corrections.<\/p>\n<p>Here are some pieces of statistics necessary to understand the tangible results we achieved:<\/p>      \n          <\/div>\n          \n      <\/div>\n\n      <div class=\"numbers__grid\">\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 3M<\/div>\n            <div class=\"numbers__item-text\"> In-stock offers (SKUs)<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 40K+<\/div>\n            <div class=\"numbers__item-text\"> Monthly Active Users (MAU)<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 4%<\/div>\n            <div class=\"numbers__item-text\"> N-Day Retention<\/div>\n          <\/div>\n                  <div class=\"numbers__item\">\n            <div class=\"numbers__item-title\"> 20.8<\/div>\n            <div class=\"numbers__item-text\"> Rolling (Unbounded) Retention<\/div>\n          <\/div>\n                  \n    <\/div>\n\n\n  <!--   <div class=\"numbers__inner-row\">\n\n      <div class=\"numbers__inner-info big--info\">\n        3M+\n      <\/div>\n\n      <div class=\"numbers__inner-info small--info\">\n        Instals of app in App Store and Google Play\n      <\/div>\n      \n    \n    <\/div>\n\n    <div class=\"numbers__inner-row\">\n\n      <div class=\"numbers__inner-info small--info\">\n        Instals of app in App Store and Google Play\n      <\/div>\n\n        <div class=\"numbers__inner-info big--info\">\n          3M+\n        <\/div>\n\n    <\/div>\n -->\n\n  <\/div>\n\n\n\n  <!-- {\"title\":\"GET A FREE COPY\",\"url\":\"#block_6278a5544ddae\",\"target\":\"\"} -->\n\n<\/div>\n\n\n      <div id=\"block_628b7afa6de7b\" class=\"block-cases-numbers-main alignfull l-block vodafone\" >\n  \n  \r\n    <div class=\"l-wrap cases-container\">\r\n\r\n      <div class=\"cases-numbers-main-header\">\r\n           \r\n          \r\n      <\/div>\r\n\r\n      <div class=\"numbers-main__grid\">\r\n                  \r\n    <\/div>\r\n\r\n    \r\n      \r\n       \r\n          \r\n    <div class=\"numbers-main__inner-row\">\r\n\r\n        \r\n                      <div class=\"numbers-main__inner-info big--info\">\r\n                1M        \r\n            <\/div>\r\n          \r\n                      <div class=\"numbers-main__inner-info small--info\">\r\n                app installs in the App Store and Google Play          \r\n            <\/div>\r\n          \r\n        \r\n            \r\n    <\/div>\r\n     \r\n          \r\n    <div class=\"numbers-main__inner-row\">\r\n\r\n        \r\n                      <div class=\"numbers-main__inner-info small--info\">\r\n                downloads of the application in the first 2 months without promotion                \r\n            <\/div>\r\n          \r\n                    <div class=\"numbers-main__inner-info big--info\">\r\n              50K                 \r\n          <\/div>\r\n          \r\n        \r\n            \r\n    <\/div>\r\n        \r\n  <\/div>\r\n\r\n\r\n<\/div>\n\n\n      <div id=\"block_62988f1e86460\" class=\"block-cases-wireframes block-cases-wireframes--v2 alignfull  l-block\" >\n  \n  \n\n    <style>\n        \/* .block-cases-wireframes {\n            padding: 125px 0px 130px;\n        }\n\n        .cases-wireframes__header {\n            font-weight: 700;\n            font-size: 50px;\n            line-height: 60px;\n            display: flex;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            align-items: center;\n            color: #000101;\n            margin-bottom: 180px;\n        }\n\n        .cases-wireframes__header p {\n            max-width: 585px;\n            font-weight: 400;\n            font-size: 18px;\n            line-height: 40px;\n            color: rgba(0, 1, 1, 0.8);\n        }\n\n        .cases-wireframes__header h3 {\n            font-family: 'RoadRadio';\n            font-weight: 700;\n            font-size: 50px;\n            line-height: 60px;\n            color: #000101;\n        }\n\n        @media (max-width: 991px) {\n            .cases-wireframes__header h3 {\n                font-size: 38px\n            }\n        } *\/\n\n\n        .section-ios .grid-item-horizontal,\n        .section-ios .grid-item-vertical,\n        .glass-container {\n            display: block;\n            position: relative;\n            z-index: 1\n        }\n\n        .section-ios .grid-item-horizontal:after,\n        .section-ios .grid-item-horizontal:before,\n        .section-ios .grid-item-vertical:after,\n        .section-ios .grid-item-vertical:before,\n        .glass-container:after,\n        .glass-container:before {\n            content: \"\";\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0;\n            z-index: 1\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware,\n        .section-ios .grid-item-horizontal .glass-screen,\n        .section-ios .grid-item-vertical .glass-hardware,\n        .section-ios .grid-item-vertical .glass-screen,\n        .glass-container .glass-hardware,\n        .glass-container .glass-screen {\n            display: block;\n            position: absolute;\n            top: 0;\n            left: 0\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware,\n        .section-ios .grid-item-vertical .glass-hardware,\n        .glass-container .glass-hardware {\n            pointer-events: none;\n            z-index: 3\n        }\n\n        .section-ios .grid-item-horizontal .glass-screen,\n        .section-ios .grid-item-vertical .glass-screen,\n        .glass-container .glass-screen {\n            z-index: 4\n        }\n\n        .section-ios {\n            overflow: hidden;\n            position: relative;\n            margin-bottom: -120px;\n            --device-width: 185px;\n            --logo-width: 192px;\n            --logo-height: 192px;\n            --logo-scale: 1.875;\n            --grid-rows: 6;\n            --grid-gap: 50px;\n            --grid-padding-top: 130px;\n            --grid-padding-bottom: 140px;\n            --grid-vertical-centering-offset: 26px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios {\n                --device-width: 220px;\n                --logo-width: 155px;\n                --logo-height: 155px;\n                --grid-gap: 30px;\n                --grid-padding-top: 106px;\n                --grid-padding-bottom: 106px;\n                --grid-vertical-centering-offset: 10px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios {\n                --device-width: 134px;\n                --logo-width: 101px;\n                --logo-height: 101px;\n                --logo-scale: 1.8614;\n                --grid-rows: 7;\n                --grid-gap: 20px;\n                --grid-padding-top: 130px;\n                --grid-padding-bottom: 100px\n            }\n        }\n\n        .section-ios .ios-grid {\n            display: grid;\n            grid-template-rows: var(--device-width) var(--device-width) var(--logo-width) var(--device-width) var(--device-width) auto;\n            grid-template-columns: var(--device-width) var(--device-width) var(--device-width) var(--device-width) var(--logo-height) var(--device-width) var(--device-width) var(--device-width) var(--device-width) var(--device-width);\n            grid-gap: var(--grid-gap);\n            gap: var(--grid-gap);\n            margin-bottom: var(--grid-padding-bottom);\n            margin-left: calc(var(--device-width)\/2 + var(--grid-gap)\/2);\n            justify-content: center;\n            align-content: center;\n            width: 100%;\n            margin-top: calc(var(--device-width)*-1 + var(--r-localnav-height))\n        }\n\n        @media only screen and (min-width:1069px)and (max-height:1150px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--grid-rows)*(var(--device-width) + var(--grid-gap))*0.33*-1 - -50vh + var(--device-width)\/2*-1 + var(--grid-gap)\/2*-1 - var(--grid-vertical-centering-offset)*-1 - var(--r-localnav-height)*-1);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        @media only screen and (min-width:735px)and (max-width:1068px)and (max-height:1025px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--grid-rows)*(var(--device-width) + var(--grid-gap))*0.33*-1 - -50vh + var(--device-width)\/2*-1 + var(--grid-gap)\/2*-1 - var(--grid-vertical-centering-offset)*-1 - var(--r-localnav-height)*-1);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid {\n                margin-top: calc(var(--device-width)*-1 + var(--r-localnav-height) - 13px);\n                \/* margin-bottom: -120px; *\/\n            }\n        }\n\n        .section-ios .ios-grid-item-logo {\n            grid-area: 3\/5\n        }\n\n        .section-ios .ios-grid-item-content {\n            grid-area: 5\/4\/7\/7\n        }\n\n        .section-ios .ios-grid-item-1 {\n            grid-area: 2\/1\n        }\n\n        .section-ios .ios-grid-item-2 {\n            grid-area: 2\/3\n        }\n\n        .section-ios .ios-grid-item-3 {\n            grid-area: 2\/4\n        }\n\n        .section-ios .ios-grid-item-4 {\n            grid-area: 2\/5\n        }\n\n        .section-ios .ios-grid-item-5 {\n            grid-area: 1\/7\n        }\n\n        .section-ios .ios-grid-item-6 {\n            grid-area: 2\/8\n        }\n\n        .section-ios .ios-grid-item-7 {\n            grid-area: 1\/9\n        }\n\n        .section-ios .ios-grid-item-8 {\n            grid-area: 3\/1\n        }\n\n        .section-ios .ios-grid-item-9 {\n            grid-area: 3\/2\n        }\n\n        .section-ios .ios-grid-item-10 {\n            grid-area: 4\/3\n        }\n\n        .section-ios .ios-grid-item-11 {\n            grid-area: 4\/4\n        }\n\n        .section-ios .ios-grid-item-12 {\n            grid-area: 3\/6\n        }\n\n        .section-ios .ios-grid-item-13 {\n            grid-area: 3\/7\n        }\n\n        .section-ios .ios-grid-item-14 {\n            grid-area: 5\/8\n        }\n\n        .section-ios .ios-grid-item-15 {\n            grid-area: 4\/8\n        }\n\n        .section-ios .ios-grid-item-16 {\n            grid-area: 4\/9\n        }\n\n        .section-ios .ios-grid-item-17 {\n            grid-area: 5\/1\n        }\n\n        .section-ios .ios-grid-item-18 {\n            grid-area: 6\/2\n        }\n\n        .section-ios .ios-grid-item-19 {\n            grid-area: 5\/7\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-content {\n                grid-area: last\/3\/last\/8\n            }\n\n            .section-ios .ios-grid-item-4 {\n                grid-area: 5\/5\n            }\n\n            .section-ios .ios-grid-item-12 {\n                grid-area: 6\/5\n            }\n\n            .section-ios .ios-grid-item-13 {\n                grid-area: 5\/4\n            }\n\n            .section-ios .ios-grid-item-15 {\n                grid-area: 6\/6\n            }\n\n            .section-ios .ios-grid-item-18 {\n                grid-area: 2\/5\n            }\n\n            .section-ios .ios-grid-item-19 {\n                grid-area: 3\/6\n            }\n        }\n\n        .section-ios .ios-grid-item-logo {\n            width: 120px;\n            height: 120px;\n            background-size: 120px 120px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg');\n            margin: auto;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .ios-grid-item-logo {\n                width: 120px;\n                height: 120px;\n                background-size: 120px 120px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-logo {\n                width: 101px;\n                height: 101px;\n                background-size: 101px 101px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (inverted-colors) {\n            .section-ios .ios-grid-item-logo {\n                filter: invert(1)\n            }\n        }\n\n        html.enhance-ios .section-ios .ios-grid-item-logo {\n            width: 384px;\n            height: 384px;\n            background-size: 384px 384px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg');\n            width: 150px;\n            height: 150px;\n            background-size: 150px 150px;\n            transform: scale(var(--logo-scale))\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 310px;\n                height: 310px;\n                background-size: 310px 310px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 202px;\n                height: 202px;\n                background-size: 202px 202px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-image: url('https:\/\/devlight.io\/wp-content\/themes\/devlight\/assets\/img\/logo-fishka.svg')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 155px;\n                height: 155px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                width: 101px;\n                height: 101px\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-size: 155px 155px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            html.enhance-ios .section-ios .ios-grid-item-logo {\n                background-size: 101px 101px\n            }\n        }\n\n        .section-ios .ios-grid-item-content {\n            text-align: center;\n            align-self: start\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-content {\n                text-align: left\n            }\n        }\n\n        .section-ios .ios-grid-item-horizontal {\n            grid-column-end: span 2\n        }\n\n        .section-ios .ios-grid-item-vertical {\n            grid-row-end: span 2\n        }\n\n        .section-ios .ios-grid-item-11 {\n            margin-top: 2px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-15 {\n                margin-left: 17px\n            }\n        }\n\n        .section-ios .ios-grid-item-offset {\n            margin-top: calc(var(--device-width)*-1 - var(--logo-width)*-1 - -2px)\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-offset.no-top-offset-small {\n                margin-top: 0\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-grid-item-offset-horizontal {\n                margin-left: -16px\n            }\n        }\n\n        .section-ios .justify-self-end {\n            justify-self: end\n        }\n\n        .section-ios .image-screen-1 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-1.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-1 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-1.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-2 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-2 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-2 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-2 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-2.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-3 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-3 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-3 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-3 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-4 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-4 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-4 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-4 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-4.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-5 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-5 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-5 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-5 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-5.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-6 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-6 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-7 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-7 .glass-screen {\n            }\n        }\n\n        .section-ios .image-screen-8 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-8 .glass-screen {\n            }\n        }\n\n        .section-ios .image-screen-9 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-9.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-9 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-9.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-10 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-10 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-10 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-10 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-10.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-11 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-11 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-11 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-11 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-12 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-12 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-12 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-12 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-12.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-13 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-13 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-13 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-13 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-13.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-14 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-14 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-15 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-15 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-15 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-15 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-11.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-16 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-16 .glass-screen {\n              background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-14.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-17 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-17.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-17 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-17.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-18 .glass-screen {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-18 .glass-screen {\n                width: 426px;\n                height: 204px;\n                background-size: 426px 204px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-18 .glass-screen {\n                width: 260px;\n                height: 124px;\n                background-size: 260px 124px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-18 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-18.png.webp')\n            }\n        }\n\n        .section-ios .image-screen-19 .glass-screen {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .image-screen-19 .glass-screen {\n                width: 204px;\n                height: 426px;\n                background-size: 204px 426px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .image-screen-19 .glass-screen {\n                width: 124px;\n                height: 260px;\n                background-size: 124px 260px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .image-screen-19 .glass-screen {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-fishka-3.png.webp')\n            }\n        }\n\n        .section-ios .grid-item-horizontal {\n            width: 375px;\n            height: 185px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal {\n                width: 442px;\n                height: 220px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal {\n                width: 270px;\n                height: 136px\n            }\n        }\n\n        .section-ios .grid-item-horizontal .glass-hardware {\n            width: 375px;\n            height: 185px;\n            background-size: 375px 185px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n                width: 442px;\n                height: 220px;\n                background-size: 442px 220px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n                width: 270px;\n                height: 136px;\n                background-size: 270px 136px;\n                background-repeat: no-repeat;\n            }\n            .ios-grid-item-1,\n            .ios-grid-item-2,\n            .ios-grid-item-10,\n            .ios-grid-item-17 {\n              display: none;\n            }\n\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal .glass-hardware {\n            }\n        }\n\n        .section-ios .grid-item-horizontal .glass-screen {\n            z-index: 2;\n            margin-left: 8px;\n            margin-top: 8px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal .glass-screen {\n                margin-left: 5px;\n                margin-top: 5px\n            }\n        }\n\n        .section-ios .grid-item-horizontal:before {\n            width: 500px;\n            height: 290px;\n            background-size: 485px 276px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            left: 0;\n            top: 0;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal:before {\n                width: 568px;\n                height: 382px;\n                background-size: 568px 382px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal:before {\n                width: 332px;\n                height: 222px;\n                background-size: 332px 222px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-horizontal:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-horizontal.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-horizontal:before {\n                left: -19px;\n                top: -17px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-horizontal:before {\n                left: -5px;\n                top: -4px\n            }\n        }\n\n        .section-ios .grid-item-vertical {\n            width: 185px;\n            height: 552px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical {\n                width: 220px;\n                height: 442px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical {\n                width: 134px;\n                height: 270px\n            }\n        }\n\n        .section-ios .grid-item-vertical .glass-hardware {\n            width: 185px;\n            height: 375px;\n            background-size: 185px 375px;\n            background-repeat: no-repeat;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical .glass-hardware {\n                width: 220px;\n                height: 442px;\n                background-size: 220px 442px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical .glass-hardware {\n                width: 134px;\n                height: 270px;\n                background-size: 134px 270px;\n                background-repeat: no-repeat;\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical .glass-hardware {\n            }\n        }\n\n        .section-ios .grid-item-vertical .glass-screen {\n            z-index: 2;\n            margin-left: 8px;\n            margin-top: 8px\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical .glass-screen {\n                margin-left: 5px;\n                margin-top: 5px\n            }\n        }\n\n        .section-ios .grid-item-vertical:before {\n            width: 300px;\n            height: 500px;\n            background-size: 276px 485px;\n            background-repeat: no-repeat;\n            background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            left: 0;\n            top: 0;\n            opacity: 1;\n        }\n\n        @media (-webkit-min-device-pixel-ratio:1.5),\n        (min-resolution:144dpi),\n        only screen and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (min-resolution:1.5dppx) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical:before {\n                width: 382px;\n                height: 568px;\n                background-size: 382px 568px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:1068px)and (min-resolution:1.5dppx),\n        only screen and (max-width:1068px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical:before {\n                width: 222px;\n                height: 332px;\n                background-size: 222px 332px;\n                background-repeat: no-repeat;\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:734px)and (-webkit-min-device-pixel-ratio:1.5),\n        only screen and (max-width:734px)and (min-resolution:1.5dppx),\n        only screen and (max-width:734px)and (min-resolution:144dpi) {\n            .section-ios .grid-item-vertical:before {\n                background-image: url('https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/themes\/devlight\/assets\/img\/a-shadow-vertical.png.webp');\n            }\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .grid-item-vertical:before {\n                left: -17px;\n                top: -19px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .grid-item-vertical:before {\n                left: -8px;\n                top: -10px\n            }\n        }\n\n        @media only screen and (inverted-colors) {\n\n            .section-ios .grid-item-horizontal,\n            .section-ios .grid-item-vertical,\n            .section-ios .glass-container {\n                filter: invert(1)\n            }\n        }\n\n        html.enhance-ios .section-ios .grid-item-horizontal,\n        html.enhance-ios .section-ios .grid-item-vertical,\n        html.enhance-ios .section-ios .glass-container {\n            opacity: 0\n        }\n\n        .section-ios .glass-screen {\n            border-radius: 27px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .glass-screen {\n                border-radius: 20px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .glass-screen {\n                border-radius: 17px\n            }\n        }\n\n        .section-ios .ios-content {\n            box-sizing: border-box;\n            padding: calc(var(--grid-gap)\/2) calc(var(--grid-gap)\/2) 0 calc(var(--grid-gap)\/2);\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n        .section-ios .ios-content-img {\n            width: 50px;\n            height: 50px;\n        }\n        .section-ios .ios-content-title {\n            font-family: 'RoadRadio';\n            font-weight: 700;\n            font-size: 56px;\n            line-height: 64px;\n            color: #191919;    \n            margin-top: 25px;\n            max-width: 424px;\n        }\n        .section-ios .ios-content-title > * {\n            margin: 0;\n        }\n        .section-ios .ios-content-text {\n            margin-top: 16px;\n            font-family: 'Proxima Nova';\n            font-style: normal;\n            font-weight: 600;\n            font-size: 16px;\n            line-height: 24px;\n        }\n        .section-ios .ios-content-btn {\n            font-family: 'RoadRadio';\n            background: #EE4046;\n            border-radius: 2px;\n            font-weight: 700;\n            font-size: 16px;\n            line-height: 16px;\n            letter-spacing: 1px;\n            color: #FFFFFF;\n            padding: 20px 46px;\n            text-align: center;\n            margin-top: 40px;\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-content {\n                padding-top: calc(52px - var(--grid-gap));\n                margin: 0 auto;\n                max-width: 87.5vw;\n                padding-left: 0;\n                padding-right: 0\n            }\n        }\n\n        html.enhance-ios .section-ios .ios-content [data-animate-ios-content] {\n            opacity: 0\n        }\n\n        .section-ios .ios-intro {\n            margin-top: 80px\n        }\n\n        @media only screen and (max-width:1068px) {\n            .section-ios .ios-intro {\n                margin-top: 35px\n            }\n        }\n\n        @media only screen and (max-width:734px) {\n            .section-ios .ios-intro {\n                margin-top: 0\n            }\n        }\n\n        .section-ios .ios-availability {\n            color: #6e6e73\n        }\n    <\/style>\n\n    <section class=\"section section-ios\" id=\"section-ios-2\">\n        <div class=\"ios-grid\">\n            <figure  class=\"ios-grid-item ios-grid-item-logo\" id=\"ios-grid-item-logo\" style=\"transform: matrix(1, 0, 0, 1, 0, 0);background-image: url('https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/Group-1171275145.svg');\"><\/figure>\n            <div class=\"ios-grid-item ios-grid-item-1 ios-grid-item-horizontal ios-grid-item-offset justify-self-end medium-hide small-hide\">\n                <div class=\"glass-container grid-item-horizontal image-screen-1\" id=\"image-screen-1\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/1-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-2 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-2\" id=\"image-screen-2\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/2-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-3 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-3\" id=\"image-screen-3\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/3-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-4 ios-grid-item-horizontal ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-horizontal image-screen-4\" id=\"image-screen-4\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/4.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-5 ios-grid-item-vertical align-self-end small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-5\" id=\"image-screen-5\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/5-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-6 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-6\" id=\"image-screen-6\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/9.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-7 ios-grid-item-vertical medium-hide\" hidden>\n                <div class=\"glass-container grid-item-vertical image-screen-7\" id=\"image-screen-7\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url();\"><\/div>\n                <\/div>\n            <\/div>\n            <!-- <div class=\"ios-grid-item ios-grid-item-8 ios-grid-item-vertical ios-grid-item-offset medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-8\" id=\"image-screen-8\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url();\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-9 ios-grid-item-vertical ios-grid-item-offset medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-9\" id=\"image-screen-9\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/7-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-10 ios-grid-item-vertical small-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-10\" id=\"image-screen-10\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/8.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-11 ios-grid-item-horizontal\">\n                <div class=\"glass-container grid-item-horizontal image-screen-11\" id=\"image-screen-11\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/12.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-12 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-12\" id=\"image-screen-12\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/12-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-13 ios-grid-item-vertical ios-grid-item-offset-horizontal\">\n                <div class=\"glass-container grid-item-vertical image-screen-13\" id=\"image-screen-13\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/13-2.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-14 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-14\" id=\"image-screen-14\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33544.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-15 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small medium-hide small-show\">\n                <div class=\"glass-container grid-item-horizontal image-screen-15\" id=\"image-screen-15\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33540-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <!-- <div class=\"ios-grid-item ios-grid-item-16 ios-grid-item-vertical medium-hide\">\n                <div class=\"glass-container grid-item-vertical image-screen-16\" id=\"image-screen-16\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url();\"><\/div>\n                <\/div>\n            <\/div> -->\n            <div class=\"ios-grid-item ios-grid-item-17 ios-grid-item-horizontal ios-grid-item-offset justify-self-end medium-hide\">\n                <div class=\"glass-container grid-item-horizontal image-screen-17\" id=\"image-screen-17\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/17.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-18 ios-grid-item-horizontal ios-grid-item-offset no-top-offset-small justify-self-end\">\n                <div class=\"glass-container grid-item-horizontal image-screen-18\" id=\"image-screen-18\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/Group-33540-1.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-19 ios-grid-item-vertical\">\n                <div class=\"glass-container grid-item-vertical image-screen-19\" id=\"image-screen-19\" style=\"transform: matrix(1, 0, 0, 1, 0, 0); opacity: 0;\">\n                    <div class=\"glass-hardware\"><\/div>\n                    <div class=\"glass-screen\" style=\"background-image: url(https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2021\/11\/19.png.webp);\"><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ios-grid-item ios-grid-item-content\">\n                <div class=\"ios-content\">\n                    <img decoding=\"async\" class=\"ios-content-img\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2022\/06\/heart.png.webp\" alt=\"heart\" width=\"50\" height=\"50\">\n                    <div class=\"ios-content-title\"><p>Thanks for watching !<\/p><\/div>\n                    <div class=\"ios-content-text\">\n                        Let&#8217;s keep in touch                     \n                    <\/div>\n                    <a style=\"background-color: #1b4a96\"\n                     href=\"https:\/\/devlight.io\/contact-us\/\" class=\"ios-content-btn\">Get a consultation<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <script src=\"https:\/\/scrollmagic.io\/assets\/js\/lib\/greensock\/TweenMax.min.js\"><\/script>\n    <script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.7\/ScrollMagic.min.js\"><\/script>\n    <script src=\"https:\/\/scrollmagic.io\/scrollmagic\/uncompressed\/plugins\/animation.gsap.js\"><\/script>\n    <!-- <script src=\"\/\/cdnjs.cloudflare.com\/ajax\/libs\/ScrollMagic\/2.0.7\/plugins\/debug.addIndicators.min.js\"><\/script> -->\n\n    <script>\n      jQuery(function () { \n\/\/ init controller\nvar controller = new ScrollMagic.Controller();\n\n\/\/ build Tween\nif (jQuery( window ).width() >= 1024) {\n  var timeline = new TimelineMax()\n  .add([ \n    TweenMax.from(\"#section-ios-2 .glass-container\", 1, {opacity: 0}),\n    TweenMax.to(\"#section-ios-2 .glass-container\", 1, {opacity: 1}),\n    TweenMax.from(\"#section-ios-2 #ios-grid-item-logo\", 1, {transform: 'matrix(1.875, 0, 0, 1.875, 0, 0)'}),\n    TweenMax.to(\"#section-ios-2 #ios-grid-item-logo\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-1\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1622)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-1\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}), \n    TweenMax.from(\"#section-ios-2 #image-screen-2\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -697)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-2\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-3\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -885)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-3\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-4\", 1, {transform: 'matrix(1, 0, 0, 1, 954, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-4\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-5\", 1, {transform: 'matrix(1, 0, 0, 1, 1434, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-5\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-6\", 1, {transform: 'matrix(1, 0, 0, 1, 1324, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-6\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-7\", 1, {transform: 'matrix(1, 0, 0, 1, 2184, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-7\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-8\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1232)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-8\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-9\", 1, {transform: 'matrix(1, 0, 0, 1, 0, -1282)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-9\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-10\", 1, {transform: 'matrix(1, 0, 0, 1, -1375, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-10\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-11\", 1, {transform: 'matrix(1, 0, 0, 1, -957, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-11\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-12\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 882)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-12\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-13\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 547)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-13\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-14\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 958)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-14\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-15\", 1, {transform: 'matrix(1, 0, 0, 1, 2339, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-15\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-16\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 1478)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-16\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, -1330, 0)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n    TweenMax.from(\"#section-ios-2 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 534)'}),\n    TweenMax.to(\"#section-ios-2 #image-screen-17\", 1, {transform: 'matrix(1, 0, 0, 1, 0, 0)'}),\n  ]);  \n} else {\n  var timeline = new TimelineMax()\n  .add([ \n    TweenMax.from(\"#section-ios-2 .glass-container\", 1, {opacity: 0}),\n    TweenMax.to(\"#section-ios-2 .glass-container\", 1, {opacity: 1}),\n    TweenMax.from(\"#section-ios- #ios-grid-item-logo\", 1, {transform: 'matrix(1.875, 0, 0, 1.875, 0, 0)'}),\n  ]);\n  \n}\n\n\/\/ build scene\nnew ScrollMagic.Scene({\n        triggerElement: \"#section-ios-2\",\n        triggerHook: 0.4, \n        duration: \"400px\", \n        offset: 0 \n      })\n      .setTween(timeline)\n    \/\/   .addIndicators({name: \"GSAP\"})\n      .addTo(controller);\n  \n});\n    <\/script>\n\n\n\n<\/div>\n\n\n      <div id=\"block_64be66341db48\" class=\"cases-rmore alignfull relative  l-block\" >\n  \n  \r\n<div class=\"l-wrap cases-container\">\r\n  <div class=\"cases-rmore__header\">\r\n    <h2 class=\"cases-rmore__title\">READ MORE CASE STUDIES<\/h2><div class=\"cases-rmore__subtitle\">Check out more Devlight project and success stories<\/div>  <\/div>\r\n  <div class=\"cases-rmore__grid\"><a class=\"cases-rmore__item\" href=\"https:\/\/devlight.io\/portfolio\/eldorado-ua\/\" taget=\"_self\"><div class=\"cases-rmore__item-img\"><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2024\/03\/Frame-34233-2.png.webp\" alt=\"\"><\/div><div class=\"cases-rmore__item-body\"><div class=\"cases-rmore__item-title\">ELDORADO &#8211; retail network of electronics and household appliances #1 in terms of turnover in Ukraine.<\/div><\/div><\/a><a class=\"cases-rmore__item\" href=\"https:\/\/devlight.io\/portfolio\/brocard\/\" taget=\"_blank\"><div class=\"cases-rmore__item-img\"><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2024\/03\/Frame-34233-10.png.webp\" alt=\"\"><\/div><div class=\"cases-rmore__item-body\"><div class=\"cases-rmore__item-title\"> Brocard \u2013 chain of stores and online retailer of premium perfumes and cosmetics.<\/div><\/div><\/a><a class=\"cases-rmore__item\" href=\"https:\/\/devlight.io\/portfolio\/novus\/\" taget=\"_blank\"><div class=\"cases-rmore__item-img\"><img decoding=\"async\" src=\"https:\/\/devlight.io\/wp-content\/webp-express\/webp-images\/uploads\/2024\/03\/Frame-34233-1-1.png.webp\" alt=\"\"><\/div><div class=\"cases-rmore__item-body\"><div class=\"cases-rmore__item-title\"> NOVUS \u2013 grocery supermarket chain serving the needs of thousands of customers daily.<\/div><\/div><\/a><\/div><\/div>\r\n\r\n<\/div>","protected":false},"featured_media":2972,"parent":0,"template":"","class_list":["post-1223","case_studies","type-case_studies","status-publish","has-post-thumbnail","","services_tax-retail_and_ecommerce"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Epicenter Case Study - Mobile App - Devlight<\/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:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Epicenter Case Study - Mobile App - Devlight\" \/>\n<meta property=\"og:description\" content=\"About the client &amp; the story behind them Epicentr continues to develop dynamically, expanding its client base and opening new shopping centers. Thus, the loyalty program, the app design, and the user experience must also change to respond to the audience\u2019s requests and market trends. The main requests here included: Challenges and Limitation The main [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/\" \/>\n<meta property=\"og:site_name\" content=\"Devlight\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-26T17:36:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/epicentrik-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1078\" \/>\n\t<meta property=\"og:image:height\" content=\"1471\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"devlight_admin\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/\",\"url\":\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/\",\"name\":\"Epicenter Case Study - Mobile App - Devlight\",\"isPartOf\":{\"@id\":\"https:\/\/devlight.io\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/epicentrik-2.png\",\"datePublished\":\"2021-11-30T14:33:54+00:00\",\"dateModified\":\"2024-07-26T17:36:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#primaryimage\",\"url\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/epicentrik-2.png\",\"contentUrl\":\"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/epicentrik-2.png\",\"width\":1078,\"height\":1471},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devlight.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Epicenter Case Study &#8211; Mobile App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devlight.io\/#website\",\"url\":\"https:\/\/devlight.io\/\",\"name\":\"Devlight\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devlight.io\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Epicenter Case Study - Mobile App - Devlight","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:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/","og_locale":"en_US","og_type":"article","og_title":"Epicenter Case Study - Mobile App - Devlight","og_description":"About the client &amp; the story behind them Epicentr continues to develop dynamically, expanding its client base and opening new shopping centers. Thus, the loyalty program, the app design, and the user experience must also change to respond to the audience\u2019s requests and market trends. The main requests here included: Challenges and Limitation The main [&hellip;]","og_url":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/","og_site_name":"Devlight","article_modified_time":"2024-07-26T17:36:29+00:00","og_image":[{"width":1078,"height":1471,"url":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/epicentrik-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"devlight_admin"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/","url":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/","name":"Epicenter Case Study - Mobile App - Devlight","isPartOf":{"@id":"https:\/\/devlight.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#primaryimage"},"image":{"@id":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#primaryimage"},"thumbnailUrl":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/epicentrik-2.png","datePublished":"2021-11-30T14:33:54+00:00","dateModified":"2024-07-26T17:36:29+00:00","breadcrumb":{"@id":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#primaryimage","url":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/epicentrik-2.png","contentUrl":"https:\/\/devlight.io\/wp-content\/uploads\/2021\/11\/epicentrik-2.png","width":1078,"height":1471},{"@type":"BreadcrumbList","@id":"https:\/\/devlight.io\/portfolio\/epicentr-mobile-app-development\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devlight.io\/"},{"@type":"ListItem","position":2,"name":"Epicenter Case Study &#8211; Mobile App"}]},{"@type":"WebSite","@id":"https:\/\/devlight.io\/#website","url":"https:\/\/devlight.io\/","name":"Devlight","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devlight.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/case_studies\/1223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/case_studies"}],"about":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/types\/case_studies"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/media\/2972"}],"wp:attachment":[{"href":"https:\/\/devlight.io\/wp-json\/wp\/v2\/media?parent=1223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}