{"id":23,"date":"2025-11-17T21:29:09","date_gmt":"2025-11-17T21:29:09","guid":{"rendered":"https:\/\/forestgreen-caribou-254088.hostingersite.com\/?page_id=23"},"modified":"2026-01-26T22:30:22","modified_gmt":"2026-01-26T22:30:22","slug":"our-design-process","status":"publish","type":"page","link":"https:\/\/staging.makers.ps\/ar\/our-design-process\/","title":{"rendered":"Our Design Process"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"23\" class=\"elementor elementor-23\">\n\t\t\t\t<div class=\"elementor-element elementor-element-505aaee e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"505aaee\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c1ffedf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"c1ffedf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f07a04c elementor-widget elementor-widget-heading\" data-id=\"f07a04c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Design Process<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21244a2 elementor-widget elementor-widget-text-editor\" data-id=\"21244a2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>We turn real challenges into meaningful, practical solutions through a human-centered, iterative design process rooted in community collaboration. We begin by listening closely to lived experiences and unmet needs, then co-create ideas and concepts with users, makers, engineers, and local partners. Through rapid prototyping, testing, and refinement, we ensure each solution is affordable, usable, and grounded in real-world contexts designed not just to work, but to last and create lasting impact.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b13a573 floating elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"b13a573\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-download-arrow\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a92de40 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"a92de40\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3544593 elementor-widget elementor-widget-image\" data-id=\"3544593\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"582\" height=\"589\" src=\"https:\/\/staging.makers.ps\/wp-content\/uploads\/2026\/01\/Frame-2110071023.png\" class=\"attachment-large size-large wp-image-1053\" alt=\"\" srcset=\"https:\/\/staging.makers.ps\/wp-content\/uploads\/2026\/01\/Frame-2110071023.png 582w, https:\/\/staging.makers.ps\/wp-content\/uploads\/2026\/01\/Frame-2110071023-296x300.png 296w, https:\/\/staging.makers.ps\/wp-content\/uploads\/2026\/01\/Frame-2110071023-12x12.png 12w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f096d84 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"f096d84\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8a3287 elementor-widget elementor-widget-heading\" data-id=\"f8a3287\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From Needs to Solutions: Our Design Process<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9171f2b elementor-widget elementor-widget-html\" data-id=\"9171f2b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <style>\r\n       \r\n        .timeline::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 4px;\r\n            height: 100%;\r\n            background: var(--e-global-color-kadence1);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .timeline-item {\r\n            position: relative;\r\n            margin-bottom: 60px;\r\n            opacity: 0;\r\n            transform: translateY(50px);\r\n            animation: fadeInUp 0.8s ease-out forwards;\r\n        }\r\n\r\n        .timeline-item:nth-child(1) {\r\n            animation-delay: 0.2s;\r\n        }\r\n\r\n        .timeline-item:nth-child(2) {\r\n            animation-delay: 0.4s;\r\n        }\r\n\r\n        .timeline-item:nth-child(3) {\r\n            animation-delay: 0.6s;\r\n        }\r\n\r\n        .timeline-item:nth-child(4) {\r\n            animation-delay: 0.8s;\r\n        }\r\n\r\n        .timeline-item:nth-child(5) {\r\n            animation-delay: 1s;\r\n        }\r\n\r\n        .timeline-item:nth-child(odd) .content {\r\n            margin-left: 0;\r\n            margin-right: calc(50% + 50px);\r\n        }\r\n\r\n        .timeline-item:nth-child(even) .content {\r\n            margin-left: calc(50% + 50px);\r\n            margin-right: 0;\r\n        }\r\n\r\n        .content {\r\n    position: relative;\r\n    background: #EAF2F3;\r\n    padding: 30px;\r\n    border-radius: 15px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n}\r\n\r\n        .content:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .timeline-marker {\r\n            position: absolute;\r\n            left: 50%;\r\n            top: 30px;\r\n            transform: translateX(-50%);\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            background: white;\r\n            border: 4px solid var(--e-global-color-kadence1);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n            color: white;\r\n            font-size: 1.4em;\r\n            z-index: 10;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .timeline-item:hover .timeline-marker {\r\n            transform: translateX(-50%) scale(1.2) rotate(360deg);\r\n        }\r\n\r\n        .step-number {\r\n    position: absolute;\r\n    top: -15px;\r\n    left: 20px;\r\n    background: #2D818B;\r\n    color: white;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n        .content h2 {\r\n    color: var(--e-global-color-kadence1);\r\n    font-size: 1.8em;\r\n    margin-bottom: 15px;\r\n    padding-top: 10px;\r\n}\r\n\r\n        .content p {\r\n            color: #555;\r\n            line-height: 1.8;\r\n            font-size: 1.05em;\r\n        }\r\n\r\n        .icon {\r\n            font-size: 1.5em;\r\n        }\r\n\r\n        .footer {\r\n            text-align: center;\r\n            color: white;\r\n            margin-top: 80px;\r\n            padding: 30px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 15px;\r\n            max-width: 1200px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            animation: fadeIn 1.5s ease-out;\r\n        }\r\n\r\n        .footer p {\r\n            font-size: 1.2em;\r\n            line-height: 1.6;\r\n            font-weight: 500;\r\n        }\r\n\r\n        @keyframes fadeInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-30px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(50px);\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n            }\r\n\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .header h1 {\r\n                font-size: 2em;\r\n            }\r\n\r\n            .header p {\r\n                font-size: 1em;\r\n            }\r\n\r\n            .timeline::before {\r\n                left: 30px;\r\n            }\r\n\r\n            .timeline-marker {\r\n                left: 30px;\r\n                width: 50px;\r\n                height: 50px;\r\n                font-size: 1.2em;\r\n            }\r\n\r\n            .timeline-item:nth-child(odd) .content,\r\n            .timeline-item:nth-child(even) .content {\r\n                margin-left: 80px;\r\n                margin-right: 0;\r\n            }\r\n\r\n            .content {\r\n                padding: 25px;\r\n            }\r\n\r\n            .content h2 {\r\n                font-size: 1.4em;\r\n            }\r\n\r\n            .content p {\r\n                font-size: 0.95em;\r\n            }\r\n        }\r\n    <\/style>\r\n<div class=\"timeline\">\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-marker\">\r\n                <span class=\"icon\">\ud83c\udfaf<\/span>\r\n            <\/div>\r\n            <div class=\"content\">\r\n                <div class=\"step-number\">1<\/div>\r\n                <h2>Challenge Identification<\/h2>\r\n                <p>We start by listening to \"Need Knowers\" \u2014 individuals who experience the challenge first-hand,\r\n                    ensuring that every idea responds to a real human need.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-marker\">\r\n                <span class=\"icon\">\ud83d\udca1<\/span>\r\n            <\/div>\r\n            <div class=\"content\">\r\n                <div class=\"step-number\">2<\/div>\r\n                <h2>Concept Development<\/h2>\r\n                <p>Our diverse teams, engineers, healthcare professionals, and community members brainstorm solutions\r\n                    through co-design sessions and rapid ideation.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-marker\">\r\n                <span class=\"icon\">\ud83d\udd27<\/span>\r\n            <\/div>\r\n            <div class=\"content\">\r\n                <div class=\"step-number\">3<\/div>\r\n                <h2>Working Model<\/h2>\r\n                <p>We build early prototypes and test them directly with users, collecting feedback to enhance usability\r\n                    and efficiency.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-marker\">\r\n                <span class=\"icon\">\ud83d\ude80<\/span>\r\n            <\/div>\r\n            <div class=\"content\">\r\n                <div class=\"step-number\">4<\/div>\r\n                <h2>Prototype Development<\/h2>\r\n                <p>Using 3D printing, CNC machining, and smart design tools, we develop refined, durable prototypes\r\n                    adapted to user feedback.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"timeline-item\">\r\n            <div class=\"timeline-marker\">\r\n                <span class=\"icon\">\u2728<\/span>\r\n            <\/div>\r\n            <div class=\"content\">\r\n                <div class=\"step-number\">5<\/div>\r\n                <h2>Final Product & Distribution<\/h2>\r\n                <p>Once validated, the final assistive device is produced locally and distributed through rehabilitation\r\n                    centers, schools, and partner organizations while participants gain hands-on technical experience\r\n                    that strengthens employability.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script>\r\n        document.querySelectorAll('.timeline-item').forEach(item => {\r\n            item.addEventListener('click', function () {\r\n                this.style.transform = 'scale(1.02)';\r\n                setTimeout(() => {\r\n                    this.style.transform = 'scale(1)';\r\n                }, 200);\r\n            });\r\n        });\r\n\r\n        const observerOptions = {\r\n            threshold: 0.2,\r\n            rootMargin: '0px 0px -100px 0px'\r\n        };\r\n\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.style.opacity = '1';\r\n                    entry.target.style.transform = 'translateY(0)';\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.timeline-item').forEach(item => {\r\n            observer.observe(item);\r\n        });\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Our Design Process We turn real challenges into meaningful, practical solutions through a human-centered, iterative design process rooted in community collaboration. We begin by listening closely to lived experiences and unmet needs, then co-create ideas and concepts with users, makers, engineers, and local partners. Through rapid prototyping, testing, and refinement, we ensure each solution is affordable, usable, and grounded in real-world contexts designed not just to work, but to last and create lasting impact. From Needs to Solutions: Our Design Process \ud83c\udfaf 1 Challenge Identification We start by listening to &#8220;Need Knowers&#8221; \u2014 individuals who experience the challenge first-hand, ensuring that every idea responds to a real human need. \ud83d\udca1 2 Concept Development Our diverse teams, engineers, healthcare professionals, and community members brainstorm solutions through co-design sessions and rapid ideation. \ud83d\udd27 3 Working Model We build early prototypes and test them directly with users, collecting feedback to enhance usability and efficiency. \ud83d\ude80 4 Prototype Development Using 3D printing, CNC machining, and smart design tools, we develop refined, durable prototypes adapted to user feedback. \u2728 5 Final Product &#038; Distribution Once validated, the final assistive device is produced locally and distributed through rehabilitation centers, schools, and partner organizations while participants gain hands-on technical experience that strengthens employability.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-23","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/staging.makers.ps\/ar\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.makers.ps\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.makers.ps\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.makers.ps\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.makers.ps\/ar\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":43,"href":"https:\/\/staging.makers.ps\/ar\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":1482,"href":"https:\/\/staging.makers.ps\/ar\/wp-json\/wp\/v2\/pages\/23\/revisions\/1482"}],"wp:attachment":[{"href":"https:\/\/staging.makers.ps\/ar\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}