{"id":22,"date":"2024-10-07T17:16:43","date_gmt":"2024-10-07T15:16:43","guid":{"rendered":"http:\/\/arpantia.local\/?page_id=22"},"modified":"2025-03-11T15:14:16","modified_gmt":"2025-03-11T14:14:16","slug":"digital-design-and-development","status":"publish","type":"page","link":"https:\/\/arpantia.com\/en\/digital-design-and-development\/","title":{"rendered":"Digital Design &amp; Development"},"content":{"rendered":"<section id=\"primary\" class=\"px-3 mx-auto mb-20 md:px-6 lg:px-8 md:mb-36 max-w-wide slideupanim\">\n        <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/hero-test_1280x832.png\" alt=\"homebackground\" class=\"absolute top-0 right-0 z-0 hidden md:block lg:max-w-wide lg:w-full\">\n        <!-- <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/hero-automatizacion-1.png\" alt=\"homebackground\" class=\"absolute top-0 z-0 md:hidden -right-16\"> -->\n\n    <main id=\"main\" class=\"z-10 grid grid-cols-10 gap-6 pt-48 mx-auto max-w-content\">\n        <div class=\"flex flex-col col-span-10 gap-6 md:col-span-4 lg:ml-6\">\n            <h1 class=\"relative flex flex-col items-start site-header\">\n            <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/Logo.svg\" alt=\"\" class=\"hidden max-w-full mb-5 md:block h-11\">\n            <span class=\"site-title font-sans text-lg font-bold !leading-[85%] text-soft-black z-10\">Digital Design &amp; Development<\/span>\n            <\/h1>\n                            <p class=\"-mt-5 italic page-excerpt\">Improve your communication and customer experience<\/p>\n            \n            <h2 class=\"font-sans text-4xl font-bold !leading-[85%] text-soft-black z-10 italic\">\n                Digital platforms that add value to your company's offering            <\/h2>\n\n        <\/div>\n        <div class=\"relative col-span-10 md:col-span-6\">\n                        <div class=\"hero-inner\"><\/div>\n        <\/div>\n    <\/main><!-- #main -->\n\n<\/section><!-- #primary -->\n\n\n\n\n<section id=\"que-hacemos\" class=\"px-3 mx-auto md:px-6 lg:px-8 mb-14 max-w-wide slideupanim\">\n    <main id=\"main_que-hacemos\" class=\"relative grid grid-cols-10 gap-6 mx-auto flow max-w-content\">\n        <div class=\"flex w-full py-8 px-4 md:p-14 lg:p-24 flex-col rounded-[45px] text-white custom-gradient-blue lg:flex-row lg:gap-9 col-span-10\" \n        style=\"background: linear-gradient(80deg, #FF8B25 9.47%, #FF4445 76.82%);\">\n            <div class=\"flex flex-col w-full gap-4 pt-8 pb-8 lg:w-1\/2\">\n                <h2 class=\"font-sans text-4xl font-bold !leading-[95%]\">\n                    We provide comprehensive solutions                <\/h2>\n                <p class=\"text-base !leading-tight pr-4\">\n                    From the creation of attractive and functional user experiences (UX\/UI) to the development of applications and websites.                <\/p>\n            <\/div>\n            <div class=\"flex flex-col items-center justify-center w-full h-full gap-8 text-base lg:w-1\/2\">\n                                                                                    <div class=\"flex nounderlink p-4 flex-row justify-between items-center self-stretch rounded-3xl bg-[rgba(18,18,18,0.05)] hover:bg-[rgba(18,18,18,0.08)] gap-8\">\n                            <div class=\"flex flex-row items-center gap-3\">\n                                <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/atractivo.svg\" alt=\"Attractive and functional\" class=\"h-auto w-14 md:w-20\">\n                                <div class=\"flex flex-col gap-1\">\n                                    <h3 class=\"font-bold text-lg !leading-none\">Attractive and functional<\/h3>\n                                    <p class=\"!leading-none text-sm text-balance\">The best tools with the best design<\/p>\n                                <\/div>\n                            <\/div>\n                                                    <\/div>\n                                                                    <div class=\"flex nounderlink p-4 flex-row justify-between items-center self-stretch rounded-3xl bg-[rgba(18,18,18,0.05)] hover:bg-[rgba(18,18,18,0.08)] gap-8\">\n                            <div class=\"flex flex-row items-center gap-3\">\n                                <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/analitica.svg\" alt=\"Advanced analytics\" class=\"h-auto w-14 md:w-20\">\n                                <div class=\"flex flex-col gap-1\">\n                                    <h3 class=\"font-bold text-lg !leading-none\">Advanced analytics<\/h3>\n                                    <p class=\"!leading-none text-sm text-balance\">Full control over the effectiveness of solutions<\/p>\n                                <\/div>\n                            <\/div>\n                                                    <\/div>\n                                                                    <div class=\"flex nounderlink p-4 flex-row justify-between items-center self-stretch rounded-3xl bg-[rgba(18,18,18,0.05)] hover:bg-[rgba(18,18,18,0.08)] gap-8\">\n                            <div class=\"flex flex-row items-center gap-3\">\n                                <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/seo.svg\" alt=\"With the best SEO positioning\" class=\"h-auto w-14 md:w-20\">\n                                <div class=\"flex flex-col gap-1\">\n                                    <h3 class=\"font-bold text-lg !leading-none\">With the best SEO positioning<\/h3>\n                                    <p class=\"!leading-none text-sm text-balance\">Optimising your online presence<\/p>\n                                <\/div>\n                            <\/div>\n                                                    <\/div>\n                                                <\/div>\n        <\/div>\n    <\/main><!-- #main_que-hacemos -->\n<\/section><!-- #que-hacemos -->\n\n\n\n\n\n\n\n\n\n\n\n\n<section id=\"services\" class=\"px-3 mx-auto md:px-6 lg:px-8 mb-14 max-w-wide slideupanim\"><!-- #services -->\n    \n    <main id=\"main_services\" class=\"flex flex-col gap-6 mx-auto flow max-w-content\"><!-- #main_services -->\n        <div class=\"titlewrapper\">\n            <h2 class=\"font-sans text-4xl font-bold !leading-[95%] w-auto inline-block italic\">\n                Digital design and development services            <\/h2>\n            <p class=\"text-base !leading-none w-auto italic inline-block\">\n                            <\/p>\n        <\/div>\n        <div class=\"flex flex-col services-list\">\n                                                <div class=\"service slideupanim slideup-max\">\n                        <h3 class=\"font-light text-5xl\">\n                            UX\/UI and graphic design                        <\/h3>\n                        <p class=\"mb-10 text-2xl font-light\">\n                                                    <\/p>\n                                                    <div class=\"mb-10 separator\"><\/div>\n                                            <\/div>\n                                    <div class=\"service slideupanim slideup-max\">\n                        <h3 class=\"font-light text-5xl\">\n                            Design and development of mobile applications                        <\/h3>\n                        <p class=\"mb-10 text-2xl font-light\">\n                                                    <\/p>\n                                                    <div class=\"mb-10 separator\"><\/div>\n                                            <\/div>\n                                    <div class=\"service slideupanim slideup-max\">\n                        <h3 class=\"font-light text-5xl\">\n                            Design and development of multi-device digital platforms.                        <\/h3>\n                        <p class=\"mb-10 text-2xl font-light\">\n                                                    <\/p>\n                                                    <div class=\"mb-10 separator\"><\/div>\n                                            <\/div>\n                                    <div class=\"service slideupanim slideup-max\">\n                        <h3 class=\"font-light text-5xl\">\n                            Web design and development                        <\/h3>\n                        <p class=\"mb-10 text-2xl font-light\">\n                                                    <\/p>\n                                                    <div class=\"mb-10 separator\"><\/div>\n                                            <\/div>\n                                    <div class=\"service slideupanim slideup-max\">\n                        <h3 class=\"font-light text-5xl\">\n                            SEO and analytics services.                        <\/h3>\n                        <p class=\"mb-10 text-2xl font-light\">\n                                                    <\/p>\n                                            <\/div>\n                                    <\/div>\n    <\/main><!-- #main_services -->\n<\/section><!-- #services -->\n\n\n\n<section id=\"como-lo-hacemos\" class=\"px-3 mx-auto md:px-6 lg:px-8 mb-40 max-w-wide slideupanim\">\n    <main id=\"main_como-lo-hacemos\" class=\"flex flex-col gap-6 mx-auto flow max-w-wide\">\n        <div class=\"flex flex-col gap-3 titlewrapper\">\n            <h2 class=\"font-sans text-4xl font-bold !leading-[95%] text-center w-full text-soft-black\">\n                How do we do it?            <\/h2>\n            <p class=\"text-base !leading-tight w-full text-center italic\">\n                Method and experience accompanying you at all times            <\/p>\n        <\/div>\n\n        <div class=\"grid w-full grid-cols-12 gap-8\">\n                                                                    <div class=\"cards bg-red-g flex flex-col gap-6 w-full lg:min-h-[362px] justify-end col-span-12 lg:col-span-4\">\n                        <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/Vector.svg\" alt=\"\" class=\"max-w-28 max-h-28 w-fit\">\n                        <h3 class=\"font-sans font-bold !leading-[95%] text-white w-full\">\n                            Quality Assurance                        <\/h3>\n                        <p class=\"text-base !leading-none w-full text-white italic\">\n                            Efficiency, effectiveness, and consistency                        <\/p>\n                        \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"101\" height=\"101\" viewbox=\"0 0 101 101\" fill=\"none\" class=\"bubble bubble-1\">\n                        <g filter=\"url(#filter0_b_3425_1580)\">\n                            <circle cx=\"50.5076\" cy=\"50.644\" r=\"50\" fill=\"#823FFA\" \/>\n                        <\/g>\n                        <defs>\n                            <filter id=\"filter0_b_3425_1580\" x=\"-29.4924\" y=\"-29.356\" width=\"160\" height=\"160\" filterunits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                <feflood flood-opacity=\"0\" result=\"BackgroundImageFix\" \/>\n                                <fegaussianblur in=\"BackgroundImageFix\" stddeviation=\"15\" \/>\n                                <fecomposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_3425_1580\" \/>\n                                <feblend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_3425_1580\" result=\"shape\" \/>\n                            <\/filter>\n                        <\/defs>\n                    <\/svg>\n                                    <\/div>\n                                                        <div class=\"cards bg-blue-g flex flex-col gap-6 w-full lg:min-h-[362px] justify-end col-span-12 lg:col-span-4\">\n                        <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/x32_jEXvr.tif.svg\" alt=\"\" class=\"max-w-28 max-h-28 w-fit\">\n                        <h3 class=\"font-sans font-bold !leading-[95%] text-white w-full\">\n                            Security                        <\/h3>\n                        <p class=\"text-base !leading-none w-full text-white italic\">\n                            Peace of mind and confidence                        <\/p>\n                        \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"60\" height=\"60\" viewbox=\"0 0 60 60\" fill=\"none\" class=\"bubble bubble-2\">\n                        <g filter=\"url(#filter0_b_3425_1578)\">\n                            <circle cx=\"30.1863\" cy=\"29.8488\" r=\"29.8137\" fill=\"#00DFF7\" \/>\n                        <\/g>\n                        <defs>\n                            <filter id=\"filter0_b_3425_1578\" x=\"-29.6274\" y=\"-29.965\" width=\"119.627\" height=\"119.627\" filterunits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                <feflood flood-opacity=\"0\" result=\"BackgroundImageFix\" \/>\n                                <fegaussianblur in=\"BackgroundImageFix\" stddeviation=\"15\" \/>\n                                <fecomposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_3425_1578\" \/>\n                                <feblend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_3425_1578\" result=\"shape\" \/>\n                            <\/filter>\n                        <\/defs>\n                    <\/svg>\n                                    <\/div>\n                                                        <div class=\"cards bg-orange-g flex flex-col gap-6 w-full lg:min-h-[362px] justify-end col-span-12 lg:col-span-4\">\n                        <img decoding=\"async\" src=\"https:\/\/arpantia.com\/wp-content\/uploads\/2024\/10\/JtMWAL.tif.svg\" alt=\"\" class=\"max-w-28 max-h-28 w-fit\">\n                        <h3 class=\"font-sans font-bold !leading-[95%] text-white w-full\">\n                            Scalability                        <\/h3>\n                        <p class=\"text-base !leading-none w-full text-white italic\">\n                            No limitations to growth                        <\/p>\n                        \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"44\" height=\"45\" viewbox=\"0 0 44 45\" fill=\"none\" class=\"bubble bubble-3\">\n                        <g filter=\"url(#filter0_b_3425_1581)\">\n                            <circle cx=\"22\" cy=\"22.8302\" r=\"22\" fill=\"#FF8B25\" \/>\n                        <\/g>\n                        <defs>\n                            <filter id=\"filter0_b_3425_1581\" x=\"-30\" y=\"-29.1698\" width=\"104\" height=\"104\" filterunits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                <feflood flood-opacity=\"0\" result=\"BackgroundImageFix\" \/>\n                                <fegaussianblur in=\"BackgroundImageFix\" stddeviation=\"15\" \/>\n                                <fecomposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_3425_1581\" \/>\n                                <feblend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_3425_1581\" result=\"shape\" \/>\n                            <\/filter>\n                        <\/defs>\n                    <\/svg>\n\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"158\" height=\"159\" viewbox=\"0 0 158 159\" fill=\"none\" class=\"bubble bubble-4\">\n                    <g filter=\"url(#filter0_b_3425_1582)\">\n                        <circle cx=\"79\" cy=\"79.644\" r=\"79\" fill=\"#FF4445\" \/>\n                    <\/g>\n                    <defs>\n                        <filter id=\"filter0_b_3425_1582\" x=\"-30\" y=\"-29.356\" width=\"218\" height=\"218\" filterunits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                            <feflood flood-opacity=\"0\" result=\"BackgroundImageFix\" \/>\n                            <fegaussianblur in=\"BackgroundImageFix\" stddeviation=\"15\" \/>\n                            <fecomposite in2=\"SourceAlpha\" operator=\"in\" result=\"effect1_backgroundBlur_3425_1582\" \/>\n                            <feblend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_backgroundBlur_3425_1582\" result=\"shape\" \/>\n                        <\/filter>\n                    <\/defs>\n                <\/svg>\n                                    <\/div>\n                                    <\/div>\n    <\/main>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Communicate better and improve the customer experience<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"servicio":[9],"class_list":["post-22","page","type-page","status-publish","hentry","servicio-diseno-y-desarrollo-digital"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":2,"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":338,"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions\/338"}],"wp:attachment":[{"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/media?parent=22"}],"wp:term":[{"taxonomy":"servicio","embeddable":true,"href":"https:\/\/arpantia.com\/en\/wp-json\/wp\/v2\/servicio?post=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}