{"id":632,"date":"2025-08-17T07:34:17","date_gmt":"2025-08-17T07:34:17","guid":{"rendered":"https:\/\/epikfunnel.com\/sg\/?page_id=632"},"modified":"2026-02-21T23:56:15","modified_gmt":"2026-02-21T15:56:15","slug":"ui-ux-design-services-in-singapore","status":"publish","type":"page","link":"https:\/\/epikfunnel.com\/sg\/ui-ux-design-services-in-singapore\/","title":{"rendered":"UI\/UX Design Services in Singapore"},"content":{"rendered":"\n<section class=\"relative min-h-[80vh] flex items-center justify-center text-center overflow-hidden py-16 md:py-24 hero-background-pattern\">\n    <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl\">\n        <div class=\"flex flex-col lg:flex-row items-center justify-center lg:space-x-12\">\n\n            <!-- Left Column: Text Content -->\n            <div class=\"lg:w-1\/2 text-left mb-12 lg:mb-0\">\n                <h1 class=\"text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight text-secondary animate-fade-in-up opacity-0\">\n                    Results Driven <span class=\"primary-color\">UI\/UX Design Services in Singapore \n                <\/h1>\n                <p class=\"mt-6 text-lg sm:text-xl text-paragraph max-w-2xl animate-fade-in-up-2 opacity-0\">\n                    At Epik Funnel, one of Singapore\u2019s leading digital marketing agencies, we offer specialised UI\/UX design services. We create digital experiences that are not only visually appealing but also user-friendly and focused on driving conversions.\n\n\n                <\/p>\n                <div class=\"mt-10 flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4 justify-start animate-fade-in-up-3 opacity-0\">\n                    <a href=\"tel:+923227680774\" class=\"inline-flex items-center justify-center px-8 py-4 border border-transparent text-base font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover-color transform hover:-translate-y-1 transition-all duration-300\">\n                        Call Epik Funnel Now! <i class=\"fas fa-arrow-right ml-3\"><\/i>\n                    <\/a>\n                    <a id=\"openAppointmentServicePageBtn\" class=\"inline-flex items-center justify-center px-8 py-4 border-2 border-primary text-base font-semibold rounded-full text-primary bg-transparent hover:bg-primary hover:text-[#FF715B] transform hover:-translate-y-1 transition-all duration-300 cursor-pointer\">\n                        Get a Free Consultation <i class=\"fas fa-calendar-alt ml-3\"><\/i> \n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <!-- Right Column: Image\/Visual -->\n            <div class=\"lg:w-1\/2 flex justify-center items-center relative\">\n                <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2026\/02\/ux-ui-desgine.webp\" alt=\"Digital Marketing Illustration\" class=\"hero-image rounded-xl shadow-2xl transform transition-transform duration-500 hover:scale-105\" width=\"600\" height=\"400\">\n                <!-- Optional: Add a subtle overlay or badge -->\n                <div class=\"absolute bottom-4 right-4 bg-secondary text-white px-4 py-2 rounded-lg text-sm shadow-md animate-fade-in-up opacity-0\" style=\"animation-delay: 0.8s;\">\n                    <i class=\"fas fa-chart-line mr-2\"><\/i> Grow Your Business! \n\t\t\t\t\t<!-- This is the video icon that you can place anywhere in your HTML -->\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<!--Get a Quote Section -->\n<div class=\"bg-[#F7F4E9] p-6 min-h-screen\">\n  <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 max-w-7xl mx-auto\">\n    <!-- Left Column -->\n    <div class=\"flex flex-col space-y-6\">\n      <!-- Contact Card -->\n      <div class=\"bg-white rounded-2xl shadow p-6 space-y-4\">\n        <h2 class=\"text-xl font-semibold text-[#34393B]\">Contact Us<\/h2>\n        <div class=\"flex flex-col space-y-3\">\n<a href=\"mailto:hello@epikfunnel.com\" class=\"bg-[#4FB286] text-white py-2 px-4 rounded-lg hover:bg-[#3DAF9F] transition w-full text-left\">\n  Email Us\n<\/a>\n  <a href=\"tel:+923227680774\">\n    <button class=\"bg-[#4FB286] text-white py-2 px-4 rounded-lg hover:bg-[#3DAF9F] transition w-full text-left\">\n      Call Now\n    <\/button>\n  <\/a>\n\n  <a href=\"https:\/\/wa.me\/923227680774\" target=\"_blank\" rel=\"noopener noreferrer\">\n    <button class=\"bg-[#4FB286] text-white py-2 px-4 rounded-lg hover:bg-[#3DAF9F] transition w-full text-left\">\n      WhatsApp\n    <\/button>\n  <\/a>\n         <a href=\"https:\/\/epikfunnel.com\/sg\/get-a-quote\/\"><button class=\"w-full bg-[#FF715B] text-white font-bold py-2 px-4 rounded-lg hover:bg-[#FF563F] transition\">Get in Touch<\/button><\/a>\n<\/div>\n\n\n      <\/div>\n\n      <!-- Scrollable Content Section -->\n      <div class=\"bg-[#ECEAE4] rounded-2xl shadow p-4 max-h-[400px] overflow-y-auto\">\n        <h3 class=\"text-lg font-semibold text-[#5A5F61] mb-2\">Designing Seamless Digital Experiences<\/h3>\n        <p class=\"text-[#34393B] text-sm leading-relaxed\">\n          Our UI\/UX Design Services in Singapore blend creativity with functionality to ensure intuitive navigation, engaging visuals, and seamless interactions across all your digital platforms. We customise every project to meet the expectations of Singaporean users while adhering to global usability standards.\n\n\n          <br><br>\n          Our core services include UI\/UX strategy and wireframing, user journey mapping, and experience optimisation. We develop interactive prototypes using tools like Figma and conduct user testing to guarantee a smooth user experience. We also prioritise mobile-first accessibility and offer multilingual UX options, giving you a competitive advantage in Singapore\u2019s diverse market.\n\n\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Right Column: Quote Form -->\n    <div class=\"bg-white rounded-2xl shadow p-6\"> \n      <h2 class=\"text-xl font-semibold text-[#34393B] mb-4\">Request a Quote<\/h2>\n      <form id=\"contactForm\" class=\"space-y-4\" action=\"\/wp-content\/themes\/EpikFunnel\/form-integration\/form-handler.php\" method=\"POST\">\n    <input type=\"text\" required name=\"fullname\" placeholder=\"Full Name\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4FB286]\" \/>\n    <input type=\"email\" required name=\"emailaddress\" placeholder=\"Email Address\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4FB286]\" \/>\n    <input type=\"tel\" required name=\"phonenumber\" placeholder=\"Phone Number\" pattern=\"[0-9]+\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4FB286]\" \/>\n    <textarea name=\"yourrequirements\" required placeholder=\"Your Requirements\" rows=\"5\" class=\"w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#4FB286]\"><\/textarea>\n<input type=\"hidden\" name=\"pageurl\" id=\"pageurl\">\n<input type=\"hidden\" name=\"pagetitle\" id=\"pagetitle\">\n<input type=\"hidden\" name=\"form_type\" value=\"quote_form\">\n    <button type=\"submit\" class=\"w-full bg-[#FF715B] text-white font-bold py-3 px-4 rounded-lg hover:bg-[#FF563F] transition\">Get UI\/UX Design Services in Singapore<\/button>\n<\/form>\n    <\/div>\n  <\/div>\n<\/div>\n<!-- Why Epik Funnel Section -->\n<section id=\"why-choose-us\" class=\"py-16 md:py-24 bg-background px-4 sm:px-6 lg:px-8\">\n        <div class=\"container mx-auto max-w-7xl\">\n            <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-secondary text-center mb-6 animate-fade-in-up opacity-0\">\n                Why <span class=\"primary-color\">Epik Funnel<\/span> Provides Top UI\/UX Design Services in Singapore\n            <\/h2>\n            <p class=\"text-lg sm:text-xl text-paragraph text-center max-w-3xl mx-auto mb-16 animate-fade-in-up-2 opacity-0\">\n                Enhance user engagement and satisfaction with our innovative, user-centric UI\/UX design solutions tailored for the Singapore market.\n            <\/p>\n\n            <!-- Cards Scroll Wrapper -->\n            <div class=\"cards-scroll-wrapper\">\n                <!-- Cards Container -->\n                <div class=\"cards-scroll-container flex pb-4 md:grid md:grid-cols-2 lg:grid-cols-4 md:gap-8\">\n                    <!-- Card 1: User-Centered Design -->\n                    <div class=\"why-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1 text-center animate-fade-in-up opacity-0\">\n                        <div class=\"text-primary text-6xl mb-6\">\n                            <i class=\"fas fa-user-circle\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-subheading text-2xl mb-4\">User-Centered Design<\/h3>\n                        <p class=\"text-paragraph text-md leading-relaxed\">\n                            Craft intuitive interfaces that prioritize user needs, ensuring seamless navigation and positive experiences.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Card 2: Custom UI\/UX Solutions -->\n                    <div class=\"why-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1 text-center animate-fade-in-up opacity-0\" style=\"animation-delay: 0.1s;\">\n                        <div class=\"text-primary text-6xl mb-6\">\n                            <i class=\"fas fa-pencil-ruler\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-subheading text-2xl mb-4\">Custom UI\/UX Solutions<\/h3>\n                        <p class=\"text-paragraph text-md leading-relaxed\">\n                            Design tailored digital experiences aligned with your brand identity and business goals.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Card 3: Mobile & Web Design -->\n                    <div class=\"why-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1 text-center animate-fade-in-up opacity-0\" style=\"animation-delay: 0.2s;\">\n                        <div class=\"text-primary text-6xl mb-6\">\n                            <i class=\"fas fa-mobile-alt\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-subheading text-2xl mb-4\">Mobile &#038; Web Design<\/h3>\n                        <p class=\"text-paragraph text-md leading-relaxed\">\n                            Create responsive designs optimized for all devices, ensuring consistent user experiences across platforms.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Card 4: Usability Testing & Optimization -->\n                    <div class=\"why-card bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1 text-center animate-fade-in-up opacity-0\" style=\"animation-delay: 0.3s;\">\n                        <div class=\"text-primary text-6xl mb-6\">\n                            <i class=\"fas fa-search\"><\/i>\n                        <\/div>\n                        <h3 class=\"font-bold text-subheading text-2xl mb-4\">Usability Testing &#038; Optimization<\/h3>\n                        <p class=\"text-paragraph text-md leading-relaxed\">\n                            Continuously refine interfaces through testing and user feedback to maximize engagement and conversions.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<!-- Icon Slider Section -->\n    <section class=\"icon-slider-section\">\n        <div class=\"icon-slider-container\">\n            <!-- First set of 8 icons -->\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/Google-scroll-icon.png\" alt=\"Google Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/meta-scroll-icon.png\" alt=\"Meta Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/hubspot-scroll-icon.png\" alt=\"HubSpot Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/shopify-scroll-icon.png\" alt=\"Shopify Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/saleforce-scroll-icon.png\" alt=\"Salesforce Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/semrush-scroll-icon.png\" alt=\"SEMrush Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/mailchimp-scroll-icon.png\" alt=\"Mailchimp Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/moz-scroll-icon.png\" alt=\"Moz Partner\" class=\"icon-badge\">\n            <\/div>\n            <!-- Duplicate set of 8 icons for seamless looping -->\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/Google-scroll-icon.png\" alt=\"Google Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/meta-scroll-icon.png\" alt=\"Meta Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/hubspot-scroll-icon.png\" alt=\"HubSpot Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/shopify-scroll-icon.png\" alt=\"Shopify Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/saleforce-scroll-icon.png\" alt=\"Salesforce Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/semrush-scroll-icon.png\" alt=\"SEMrush Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/mailchimp-scroll-icon.png\" alt=\"Mailchimp Partner\" class=\"icon-badge\">\n            <\/div>\n            <div class=\"icon-slider-item\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/moz-scroll-icon.png\" alt=\"Moz Partner\" class=\"icon-badge\">\n            <\/div>\n        <\/div>\n    <\/section>\n\n<!-- Specialized Services Section -->\n<!-- Specialized Services Section -->\n<section id=\"services-showcase\" class=\"py-16 md:py-24 bg-background px-4 sm:px-6 lg:px-8\">\n    <div class=\"container mx-auto max-w-7xl\">\n        <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-secondary text-center mb-6 animate-fade-in-up opacity-0\">\n            Our Specialized <span class=\"primary-color\">Services<\/span>\n        <\/h2>\n        <p class=\"text-lg sm:text-xl text-paragraph text-center max-w-3xl mx-auto mb-16 animate-fade-in-up-2 opacity-0\">\n            Enhance your digital presence with our professional UI\/UX Design Services in Singapore, creating engaging and user-friendly interfaces.\n        <\/p>\n\n        <!-- Services Cards Container -->\n        <div class=\"services-scroll-container pb-4 md:grid md:grid-cols-2 lg:grid-cols-4 md:gap-8\">\n            <!-- Card 1: User Experience (UX) Design -->\n            <div class=\"service-card-showcase bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\" style=\"animation-delay: 0s;\">\n                <div>\n                    <div class=\"text-primary text-4xl mb-4\"><i class=\"fas fa-user-friends\"><\/i><\/div>\n                    <h2 class=\"font-bold text-subheading text-xl mb-3\">User Experience (UX) Design<\/h2>\n                    <p class=\"text-paragraph text-sm leading-relaxed\">Craft intuitive and seamless user experiences that keep your customers engaged and satisfied.<\/p>\n                <\/div>\n                <a href=\"https:\/\/epikfunnel.com\/sg\/ux-design-in-singapore\/\" class=\"service-card-button bg-primary text-white hover:bg-hover\">\n                    Visit Service \u2192\n                <\/a>\n            <\/div>\n            <!-- Card 2: User Interface (UI) Design -->\n            <div class=\"service-card-showcase bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\" style=\"animation-delay: 0.05s;\">\n                <div>\n                    <div class=\"text-primary text-4xl mb-4\"><i class=\"fas fa-pencil-ruler\"><\/i><\/div>\n                    <h2 class=\"font-bold text-subheading text-xl mb-3\">User Interface (UI) Design<\/h2>\n                    <p class=\"text-paragraph text-sm leading-relaxed\">Design visually appealing interfaces that align with your brand and enhance usability.<\/p>\n                <\/div>\n                <a href=\"https:\/\/epikfunnel.com\/sg\/ui-design-in-singapore\/\" class=\"service-card-button bg-primary text-white hover:bg-hover\">\n                    Visit Service \u2192\n                <\/a>\n            <\/div>\n            <!-- Card 3: Mobile & Web Design -->\n            <div class=\"service-card-showcase bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\" style=\"animation-delay: 0.1s;\">\n                <div>\n                    <div class=\"text-primary text-4xl mb-4\"><i class=\"fas fa-mobile-alt\"><\/i><\/div>\n                    <h2 class=\"font-bold text-subheading text-xl mb-3\">Mobile &#038; Web Design<\/h2>\n                    <p class=\"text-paragraph text-sm leading-relaxed\">Create responsive designs optimized for all devices, ensuring a consistent user experience across platforms.<\/p>\n                <\/div>\n                <a href=\"https:\/\/epikfunnel.com\/sg\/mobile-web-design-in-singapore\/\" class=\"service-card-button bg-primary text-white hover:bg-hover\">\n                    Visit Service \u2192\n                <\/a>\n            <\/div>\n            <!-- Card 4: Prototype & Wireframing -->\n            <div class=\"service-card-showcase bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\" style=\"animation-delay: 0.15s;\">\n                <div>\n                    <div class=\"text-primary text-4xl mb-4\"><i class=\"fas fa-project-diagram\"><\/i><\/div>\n                    <h2 class=\"font-bold text-subheading text-xl mb-3\">Prototyping &#038; Wireframes<\/h2>\n                    <p class=\"text-paragraph text-sm leading-relaxed\">Develop interactive prototypes and wireframes to visualize and test design concepts before development.<\/p>\n                <\/div>\n                <a href=\"https:\/\/epikfunnel.com\/sg\/prototyping-wireframes-in-singapore\/\" class=\"service-card-button bg-primary text-white hover:bg-hover\">\n                    Visit Service \u2192\n                <\/a>\n            <\/div>\n            <!-- Card 5: Usability Testing -->\n            <div class=\"service-card-showcase bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\" style=\"animation-delay: 0.2s;\">\n                <div>\n                    <div class=\"text-primary text-4xl mb-4\"><i class=\"fas fa-vials\"><\/i><\/div>\n                    <h2 class=\"font-bold text-subheading text-xl mb-3\">Usability Testing<\/h2>\n                    <p class=\"text-paragraph text-sm leading-relaxed\">Conduct thorough usability tests to identify pain points and optimize user satisfaction.<\/p>\n                <\/div>\n                <a href=\"https:\/\/epikfunnel.com\/sg\/usability-testing-in-singapore\/\" class=\"service-card-button bg-primary text-white hover:bg-hover\">\n                    Visit Service \u2192\n                <\/a>\n            <\/div>\n            <!-- Card 6: Brand & Visual Identity -->\n            <div class=\"service-card-showcase bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\" style=\"animation-delay: 0.25s;\">\n                <div>\n                    <div class=\"text-primary text-4xl mb-4\"><i class=\"fas fa-paint-brush\"><\/i><\/div>\n                    <h2 class=\"font-bold text-subheading text-xl mb-3\">Brand &#038; Visual Identity<\/h2>\n                    <p class=\"text-paragraph text-sm leading-relaxed\">Design cohesive visual branding elements that align with your UI\/UX to strengthen brand recognition.<\/p>\n                <\/div>\n                <a href=\"https:\/\/epikfunnel.com\/sg\/visual-identity-in-singapore\/\" class=\"service-card-button bg-primary text-white hover:bg-hover\">\n                    Visit Service \u2192\n                <\/a>\n            <\/div>\n            <!-- Card 7: Accessibility & Inclusive Design -->\n            <div class=\"service-card-showcase bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\" style=\"animation-delay: 0.3s;\">\n                <div>\n                    <div class=\"text-primary text-4xl mb-4\"><i class=\"fas fa-universal-access\"><\/i><\/div>\n                    <h2 class=\"font-bold text-subheading text-xl mb-3\">Accessibility Design<\/h2>\n                    <p class=\"text-paragraph text-sm leading-relaxed\">Ensure your digital products are accessible to all users, including those with disabilities.<\/p>\n                <\/div>\n                <a href=\"https:\/\/epikfunnel.com\/sg\/accessibility-design-in-singapore\/\" class=\"service-card-button bg-primary text-white hover:bg-hover\">\n                    Visit Service \u2192\n                <\/a>\n            <\/div>\n            <!-- Card 8: Consulting & UI\/UX Strategy -->\n            <div class=\"service-card-showcase bg-white p-6 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300 transform hover:-translate-y-1\" style=\"animation-delay: 0.35s;\">\n                <div>\n                    <div class=\"text-primary text-4xl mb-4\"><i class=\"fas fa-lightbulb\"><\/i><\/div>\n                    <h2 class=\"font-bold text-subheading text-xl mb-3\">UI\/UX Strategy &#038; Consulting<\/h2>\n                    <p class=\"text-paragraph text-sm leading-relaxed\">Work with our experts to develop a comprehensive UI\/UX strategy tailored to your business goals in Singapore.<\/p>\n                <\/div>\n                <a href=\"https:\/\/epikfunnel.com\/sg\/ui-ux-strategy-in-singapore\/\" class=\"service-card-button bg-primary text-white hover:bg-hover\">\n                    Visit Service \u2192\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Optional: Call to Action -->\n        <div class=\"text-center mt-16 animate-fade-in-up-3 opacity-0\">\n            <a href=\"tel:+923227680774\" class=\"inline-flex items-center justify-center px-10 py-4 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-accent text-white hover:bg-active transform hover:-translate-y-1 transition-all duration-300\">\n                Call Epik Funnel Now! <i class=\"fas fa-long-arrow-alt-right ml-3\"><\/i>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- Our KPI Section -->\n<section class=\"bg-background py-16\">\n        <div class=\"container mx-auto px-4\">\n            <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-text text-center mb-12\">\n\t\t\t\tOptimize <span class=\"primary-color\">Usability, Satisfaction &#038; Conversion KPIs<\/span> in Singapore\n            <\/h2>\n\n            <div class=\"tab-buttons-container\">\n                <button class=\"tab-button-kpi h-24 is-active\" data-tab-kpi=\"kpi-traffic\">\n                    Task Success Rate\n                <\/button>\n                <button class=\"tab-button-kpi h-24\" data-tab-kpi=\"kpi-leads\">\n                    System Usability Scale (SUS)\n                <\/button>\n                <button class=\"tab-button-kpi h-24\" data-tab-kpi=\"kpi-cpl\">\n                    Conversion Rate Lift\n                <\/button>\n                <button class=\"tab-button-kpi h-24\" data-tab-kpi=\"kpi-data\">\n                    User Flow Drop-off\n                <\/button>\n                <button class=\"tab-button-kpi h-24\" data-tab-kpi=\"kpi-revenue\">\n                    Time on Task (ToT)\n                <\/button>\n                <button class=\"tab-button-kpi h-24\" data-tab-kpi=\"kpi-campaign\">\n                    Accessibility Score\n                <\/button>\n            <\/div>\n\n            <div id=\"tab-content-kpi-traffic\" class=\"tab-content-kpi is-active\">\n                <div class=\"kpi-content-layout\">\n                    <div class=\"kpi-text-block\">\n                        <h3 class=\"text-3xl font-bold text-text mb-4\">Maximize User Task Success Rate and Efficiency<\/h3>\n                        <p class=\"text-lg text-paragraph mb-8\">\n                            A successful design ensures users easily complete their goals (e.g., purchasing, signing up). Epik Funnel measures the percentage of users who successfully complete critical tasks, eliminating friction and confusion in your Singapore user base.\n                        <\/p>\n                        <button class=\"bg-primary text-white px-8 py-3 rounded-full text-lg font-semibold hover:bg-hover transition-colors duration-300 shadow-lg\">\n                            Track Key User Journeys \u2192\n                        <\/button>\n                    <\/div>\n                    <div class=\"kpi-image-and-buttons-block\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x300\/F7F4E9\/34393B?text=Success+Target+Icon\" alt=\"Success Target Icon\" class=\"kpi-main-image\">\n                        <div class=\"kpi-side-buttons-group\">\n                            <button class=\"kpi-side-button\">\n                                Measure success rate of checkout flows\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Optimize search and filter functionality\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Test prototype functionality with users\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab-content-kpi-leads\" class=\"tab-content-kpi\">\n                <div class=\"kpi-content-layout\">\n                    <div class=\"kpi-text-block\">\n                        <h3 class=\"text-3xl font-bold text-text mb-4\">Elevate System Usability Scale (SUS) Score<\/h3>\n                        <p class=\"text-lg text-paragraph mb-8\">\n                            SUS is the industry standard for measuring perceived ease of use. We conduct formal usability testing and design refinement specifically targeting areas of complexity, guaranteeing a high SUS score and improved user satisfaction metrics.\n                        <\/p>\n                        <button class=\"bg-primary text-white px-8 py-3 rounded-full text-lg font-semibold hover:bg-hover transition-colors duration-300 shadow-lg\">\n                            Conduct Usability Testing \u2192\n                        <\/button>\n                    <\/div>\n                    <div class=\"kpi-image-and-buttons-block\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x300\/F7F4E9\/34393B?text=Usability+Test+Icon\" alt=\"Usability Test Icon\" class=\"kpi-main-image\">\n                        <div class=\"kpi-side-buttons-group\">\n                            <button class=\"kpi-side-button\">\n                                Simplify complex navigation structures\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Reduce perceived learning difficulty\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Measure post-redesign user feedback\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab-content-kpi-cpl\" class=\"tab-content-kpi\">\n                <div class=\"kpi-content-layout\">\n                    <div class=\"kpi-text-block\">\n                        <h3 class=\"text-3xl font-bold text-text mb-4\">Drive Measurable Conversion Rate (CVR) Lift<\/h3>\n                        <p class=\"text-lg text-paragraph mb-8\">\n                            Good design is profitable. We measure the lift in your conversion metrics (e.g., lead generation, e-commerce sales) directly resulting from our design changes, proving a tangible return on investment from improved user experience.\n                        <\/p>\n                        <button class=\"bg-primary text-white px-8 py-3 rounded-full text-lg font-semibold hover:bg-hover transition-colors duration-300 shadow-lg\">\n                            Measure Conversion Impact \u2192\n                        <\/button>\n                    <\/div>\n                    <div class=\"kpi-image-and-buttons-block\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x300\/F7F4E9\/34393B?text=Conversion+Lift+Icon\" alt=\"Conversion Lift Icon\" class=\"kpi-main-image\">\n                        <div class=\"kpi-side-buttons-group\">\n                            <button class=\"kpi-side-button\">\n                                A\/B test new interface designs\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Optimize high-friction lead forms\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Increase high-value button click rates\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab-content-kpi-data\" class=\"tab-content-kpi\">\n                <div class=\"kpi-content-layout\">\n                    <div class=\"kpi-text-block\">\n                        <h3 class=\"text-3xl font-bold text-text mb-4\">Minimize User Flow Drop-off and Exit Rate<\/h3>\n                        <p class=\"text-lg text-paragraph mb-8\">\n                            Every drop-off point represents a lost opportunity. We analyze heatmaps and flow analytics to identify where users abandon critical journeys, redesigning those points to remove confusion and minimize costly leakage in your funnels.\n                        <\/p>\n                        <button class=\"bg-primary text-white px-8 py-3 rounded-full text-lg font-semibold hover:bg-hover transition-colors duration-300 shadow-lg\">\n                            Analyze Drop-off Points \u2192\n                        <\/button>\n                    <\/div>\n                    <div class=\"kpi-image-and-buttons-block\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x300\/F7F4E9\/34393B?text=Funnel+Leak+Icon\" alt=\"Funnel Leak Icon\" class=\"kpi-main-image\">\n                        <div class=\"kpi-side-buttons-group\">\n                            <button class=\"kpi-side-button\">\n                                Identify high-exit-rate pages precisely\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Simplify complex decision points\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Reduce form field abandonment\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab-content-kpi-revenue\" class=\"tab-content-kpi\">\n                <div class=\"kpi-content-layout\">\n                    <div class=\"kpi-text-block\">\n                        <h3 class=\"text-3xl font-bold text-text mb-4\">Reduce Time on Task (ToT) for Critical User Actions<\/h3>\n                        <p class=\"text-lg text-paragraph mb-8\">\n                            A streamlined interface saves users time, improving satisfaction and speed of use. We measure and minimize the time required to complete frequent tasks (e.g., checkout, finding information), making your platform the fastest and easiest to use in Singapore.\n                        <\/p>\n                        <button class=\"bg-primary text-white px-8 py-3 rounded-full text-lg font-semibold hover:bg-hover transition-colors duration-300 shadow-lg\">\n                            Measure User Efficiency \u2192\n                        <\/button>\n                    <\/div>\n                    <div class=\"kpi-image-and-buttons-block\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x300\/F7F4E9\/34393B?text=Clock+Timer+Icon\" alt=\"Clock Timer Icon\" class=\"kpi-main-image\">\n                        <div class=\"kpi-side-buttons-group\">\n                            <button class=\"kpi-side-button\">\n                                Measure time taken for checkout completion\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Reduce time needed for primary navigation\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Optimize search-to-result speed\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"tab-content-kpi-campaign\" class=\"tab-content-kpi\">\n                <div class=\"kpi-content-layout\">\n                    <div class=\"kpi-text-block\">\n                        <h3 class=\"text-3xl font-bold text-text mb-4\">Ensure WCAG AA Standard Accessibility Score<\/h3>\n                        <p class=\"text-lg text-paragraph mb-8\">\n                            In Singapore and globally, accessibility is crucial for inclusivity and compliance. We rigorously test designs against Web Content Accessibility Guidelines (WCAG), ensuring your interface is usable by all, regardless of ability, maximizing your total audience reach.\n                        <\/p>\n                        <button class=\"bg-primary text-white px-8 py-3 rounded-full text-lg font-semibold hover:bg-hover transition-colors duration-300 shadow-lg\">\n                            Validate Design Compliance \u2192\n                        <\/button>\n                    <\/div>\n                    <div class=\"kpi-image-and-buttons-block\">\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/300x300\/F7F4E9\/34393B?text=Accessibility+Icon\" alt=\"Accessibility Icon\" class=\"kpi-main-image\">\n                        <div class=\"kpi-side-buttons-group\">\n                            <button class=\"kpi-side-button\">\n                                Ensure correct contrast ratios for text\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Validate correct use of alt-text and labels\n                            <\/button>\n                            <button class=\"kpi-side-button\">\n                                Test full keyboard navigation functionality\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<!-- New Section: Improve the KPIs That Matter Most to Your Business -->\n<!-- partner section with Tools we use --!>\n   <!-- Our Officially PArtner with Section Journey Section -->\n      <section class=\"partners-section-wrapper\">\n        <div class=\"partners-container\">\n            <div class=\"partners-header-content\">\n                <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-center mb-6 animate-fade-in-up opacity-0\">\n                    Meet Our <span class=\"primary-color\">Esteemed Partners<\/span>\n                <\/h2>\n                <p class=\"text-lg sm:text-xl text-gray-300 text-center max-w-3xl mx-auto mb-16 animate-fade-in-up-2 opacity-0\">\n                    We collaborate with industry leaders and innovative companies to deliver exceptional value and expand our global reach. Our partnerships are built on mutual trust and a shared vision for success.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"infinite-scroll-container\">\n            <div class=\"infinite-scroll-row infinite-scroll-row-1\">\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/shopify-online-store-online-marketing.jpg\" alt=\"Partner 1\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Shopify<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/wordpress-website-development-and-online-marketing.jpg\" alt=\"Partner 2\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">WordPress<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/vwo-conversion-rate-optimizaiton-services.jpg\" alt=\"Partner 3\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">VWO<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/bing-ads-online-marketing.jpg\" alt=\"Partner 4\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Bing Ads<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/evanto-logo.jpg\" alt=\"Partner 5\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Evanto<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/evanto-logo-epik-funnel.jpg\" alt=\"Partner 6\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Evanto<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/later.jpg\" alt=\"Partner 7\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Later<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/power-bi-digital-markeitng-dashboard.jpg\" alt=\"Partner 8\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Power BI<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/google-data-studio.jpg\" alt=\"Partner 9\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Data Studio<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/majestic-SEO.jpg\" alt=\"Partner 10\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Majestic SEO<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Duplicate items for seamless infinite scroll -->\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/microsoft-clarity.jpg\" alt=\"Partner 1\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Microsoft Clarity<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Google-tag-manager.jpg\" alt=\"Partner 2\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Tag Manager<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Google-merchant-center.jpg\" alt=\"Partner 3\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Merchant Center<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Google-trends.jpg\" alt=\"Partner 4\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Trends<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/ubbersuggest.jpg\" alt=\"Partner 5\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Ubber Suggest<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/monday.com_.jpg\" alt=\"Partner 6\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">monday.com<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/hubspot-crm.jpg\" alt=\"Partner 7\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Hubspot CRM<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/click-up-crm.jpg\" alt=\"Partner 8\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Click Up CRM<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/sales-force-crm.jpg\" alt=\"Partner 9\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Sales Force<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/square-space.jpg\" alt=\"Partner 10\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Square Space<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"infinite-scroll-row infinite-scroll-row-2\">\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/semrush.jpg\" alt=\"Partner 11\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Semrush<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/ahrefs.com_.jpg\" alt=\"Partner 12\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Ahrefs.com<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/screaming-frog-crawler.jpg\" alt=\"Partner 13\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Screaming Frog Crawler<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/spyfu.jpg\" alt=\"Partner 14\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">SpyFu<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/seo-power-suite.jpg\" alt=\"Partner 15\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">SEO Power Suite<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/moz.com_.jpg\" alt=\"Partner 16\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Moz.com<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/yoast-seo-for-everyone.jpg\" alt=\"Partner 17\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Yoast SEO<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/mail-chimp.jpg\" alt=\"Partner 18\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Mail Chimp<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/chatgpt.jpg\" alt=\"Partner 19\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Chat GPT<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/perplexity.jpg\" alt=\"Partner 20\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Perplexity<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Duplicate items for seamless infinite scroll -->\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/canva.jpg\" alt=\"Partner 11\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Canva<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/grammerly.jpg\" alt=\"Partner 12\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Grammerly<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/elemantor.jpg\" alt=\"Partner 13\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Elemantor<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/wix-site-digital-marketing.jpg\" alt=\"Partner 14\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Wix Site<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Google-analytics-4-universal-analytics.jpg\" alt=\"Partner 15\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Analytics 4 Universsal Analytics<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/zoho-CRM.jpg\" alt=\"Partner 16\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Zoho CRM<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/wordpress-divi-themes-digital-marketing.jpg\" alt=\"Partner 17\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">WordPress Divi Theme<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/hotjar-online-marketing-agency.jpg\" alt=\"Partner 18\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">HotJar<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/hootsuite-social-media-marketing.jpg\" alt=\"Partner 19\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">HootSuite Social Media<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/google-search-console.jpg\" alt=\"Partner 20\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Search Console<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"infinite-scroll-row infinite-scroll-row-3\">\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/shopify-online-store-online-marketing.jpg\" alt=\"Partner 21\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Shopify Online Store<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/later.jpg\" alt=\"Partner 22\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Later<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/microsoft-clarity.jpg\" alt=\"Partner 23\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Microsoft Clarity<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Google-trends.jpg\" alt=\"Partner 24\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Trends<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/hubspot-crm.jpg\" alt=\"Partner 25\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Hubspot CRM<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/click-up-crm.jpg\" alt=\"Partner 26\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Click Up CRM<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/semrush.jpg\" alt=\"Partner 27\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Semrush<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/seo-power-suite.jpg\" alt=\"Partner 28\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">SEO Power Suite<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/mail-chimp.jpg\" alt=\"Partner 29\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Mail Chimp<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/canva.jpg\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Canva<\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Duplicate items for seamless infinite scroll -->\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Google-analytics-4-universal-analytics.jpg\" alt=\"Partner 21\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Analytics 4 Universal Analytics<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/zoho-CRM.jpg\" alt=\"Partner 22\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Zoho CRM<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/hotjar-online-marketing-agency.jpg\" alt=\"Partner 23\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">HotJar<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/hootsuite-social-media-marketing.jpg\" alt=\"Partner 24\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Hoot Suite<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/spyfu.jpg\" alt=\"Partner 25\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">SpyFu<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/moz.com_.jpg\" alt=\"Partner 26\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Moz.com<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/yoast-seo-for-everyone.jpg\" alt=\"Partner 27\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Yoast SEO<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/chatgpt.jpg\" alt=\"Partner 28\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">ChatGPT<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/elemantor.jpg\" alt=\"Partner 29\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Elemantor<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"infinite-scroll-item\">\n                    <div class=\"gallery-image-wrapper group\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Google-tag-manager.jpg\" alt=\"Partner 30\" class=\"gallery-image\">\n                        <div class=\"gallery-image-overlay\"><\/div>\n                        <div class=\"tooltip-box\">Google Tag Manager<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<!-- Portfolio Section -->\n<section id=\"our-portfolio\" class=\"py-16 md:py-24 bg-background px-4 sm:px-6 lg:px-8\">\n        <div class=\"container mx-auto max-w-7xl\">\n            <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-secondary text-center mb-6\">\n                Singapore <span class=\"primary-color\">Conversion-Focused UI\/UX<\/span>\n            <\/h2>\n            <p class=\"text-lg sm:text-xl text-paragraph text-center max-w-3xl mx-auto mb-16\">\n                Epik Funnel engineers digital experiences that prioritize user goals, blending high-fidelity UI with deep UX research to maximize business performance metrics in the local market.\n            <\/p>\n\n            <div class=\"portfolio-main-tabs-container mb-8\">\n                <button class=\"portfolio-main-tab-button is-active\" data-main-tab=\"web-design\">User Research &#038; Strategy<\/button>\n                <button class=\"portfolio-main-tab-button\" data-main-tab=\"seo-marketing\">Wireframing &#038; Prototyping<\/button>\n                <button class=\"portfolio-main-tab-button\" data-main-tab=\"social-media\">High-Fidelity UI Design<\/button>\n                <button class=\"portfolio-main-tab-button\" data-main-tab=\"content-marketing\">Conversion Rate Optimization<\/button>\n                <button class=\"portfolio-main-tab-button\" data-main-tab=\"ppc-ads\">Mobile-First &#038; Accessibility<\/button>\n                <button class=\"portfolio-main-tab-button\" data-main-tab=\"branding\">Usability Testing &#038; Iteration<\/button>\n                <button class=\"portfolio-main-tab-button\" data-main-tab=\"video-production\">Design System &#038; Handoff<\/button>\n            <\/div>\n\n            <div id=\"portfolio-main-content-web-design\" class=\"portfolio-main-tab-content is-active\">\n                <div class=\"portfolio-inner-layout\">\n                    <div class=\"portfolio-horizontal-subtabs-container\">\n                        <button class=\"portfolio-horizontal-subtab-button is-active\" data-vertical-tab=\"web-design-project1\">Persona Development<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"web-design-project2\">User Journey Mapping<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"web-design-project3\">Information Architecture<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"web-design-project4\">Competitor UX Audit<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"web-design-project5\">Analytics Data Mining<\/button>\n                    <\/div>\n                    <div class=\"portfolio-content-column\">\n                        <div id=\"portfolio-sub-content-web-design-project1\" class=\"portfolio-sub-content-item is-active\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Research: \ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1 Data-Backed Persona Development for Local Users<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Persona+Development+Singapore\" alt=\"Persona Development Singapore\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Conducted qualitative and quantitative user research in Singapore to create precise user personas, mapping their goals, pain points, and specific digital behaviors. Focused on demographics and cultural nuances. KPI: Developed 4 core personas, reducing internal reliance on assumptions for product feature prioritization.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-web-design-project2\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Research: \ud83d\uddfa\ufe0f Mapping End-to-End User Journeys and Emotional Highs<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/FF715B\/FFFFFF?text=User+Journey+Mapping+UX\" alt=\"User Journey Mapping UX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Visualized the complete customer experience from initial search query to post-purchase support, identifying every digital touchpoint, emotion, and action. Pinpointed areas of significant friction. KPI: Isolated the 3 most critical drop-off points in the checkout funnel, which accounted for 60% of all user abandonment.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-web-design-project3\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Research: \ud83c\udfd7\ufe0f Logic-Driven Information Architecture (IA) Design<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Information+Architecture+UIUX\" alt=\"Information Architecture UIUX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Structured the website content and navigation using card sorting and tree testing methodologies. This ensures users can find information quickly and intuitively, reducing cognitive load. KPI: Improved the findability score (success rate in locating key pages) in usability tests by 25%.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-web-design-project4\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Research: \ud83e\udded Competitive UX Audit and Feature Benchmarking<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/34393B\/FFFFFF?text=Competitor+UX+Audit+Singapore\" alt=\"Competitor UX Audit Singapore\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Performed a deep-dive UX analysis on the top five local competitors in Singapore, identifying industry-standard best practices and key areas where the client could achieve a unique user experience advantage. KPI: Isolated 8 high-impact design gaps where the client could surpass local competition in terms of user experience.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-web-design-project5\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Research: \ud83d\udcc8 Mining GA4 and Hotjar Data for Behavioral Insights<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Analytics+Data+Mining+UX\" alt=\"Analytics Data Mining UX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Extracted meaningful insights from existing web analytics (Google Analytics 4) and user behavior tools (Hotjar heatmaps, session recordings). This provided the technical, quantitative basis for all design decisions. KPI: Identified the root cause of a high bounce rate on mobile by confirming the header was pushing key content out of view.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"portfolio-main-content-seo-marketing\" class=\"portfolio-main-tab-content\">\n                <div class=\"portfolio-inner-layout\">\n                    <div class=\"portfolio-horizontal-subtabs-container\">\n                        <button class=\"portfolio-horizontal-subtab-button is-active\" data-vertical-tab=\"seo-marketing-project1\">Low-Fidelity Wireframes<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"seo-marketing-project2\">Interactive Prototypes<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"seo-marketing-project3\">Mobile-First Blueprints<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"seo-marketing-project4\">Feedback &#038; Iteration Loops<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"seo-marketing-project5\">Final Prototyping<\/button>\n                    <\/div>\n                    <div class=\"portfolio-content-column\">\n                        <div id=\"portfolio-sub-content-seo-marketing-project1\" class=\"portfolio-sub-content-item is-active\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Wireframing: \u270f\ufe0f Content-First, Low-Fidelity Layout Blueprints<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/34393B\/FFFFFF?text=Low+Fidelity+Wireframes+UX\" alt=\"Low Fidelity Wireframes UX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Created black-and-white low-fidelity wireframes in Figma to define the functional structure, content hierarchy, and navigation flow without visual distraction. Focused purely on optimal placement of conversion elements. KPI: Received 100% stakeholder sign-off on the content hierarchy before moving to the time-intensive visual design phase.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-seo-marketing-project2\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Prototyping: \ud83d\udd17 High-Fidelity Interactive User Flow Prototypes<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Interactive+Prototyping+UIUX\" alt=\"Interactive Prototyping UIUX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Built fully clickable, high-fidelity prototypes that mimic the final product&#8217;s look and feel. This allowed internal teams and test users to experience the flow before any code was written. KPI: Successfully validated the usability of a complex multi-step form before development, saving 40 engineering hours.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-seo-marketing-project3\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Wireframing: \ud83d\udcf1 Mobile-First Layout Blueprints and Thumb Zones<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/FF715B\/FFFFFF?text=Mobile+First+Wireframe+Blueprint\" alt=\"Mobile First Wireframe Blueprint\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Prioritized the design for the smallest screen first, ensuring all navigation and CTAs were optimized for the primary thumb-reach zone. This is non-negotiable for the Singapore mobile-dominant audience. KPI: Reduced the frequency of navigation errors on mobile devices by 35% in pre-launch testing.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-seo-marketing-project4\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Prototyping: \ud83d\udd01 Rapid Feedback and Design Iteration Cycles<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Rapid+Feedback+Iteration+UX\" alt=\"Rapid Feedback Iteration UX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Integrated client and user feedback directly into the prototyping process using collaborative tools, allowing for multiple rapid design adjustments within a short time frame. This aligns with agile development principles. KPI: Reduced the overall design time by 20% due to efficient, focused iteration loops based on real-time feedback.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-seo-marketing-project5\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Prototyping: \ud83d\uddbc\ufe0f Final Design Prototype for Developer Handoff<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/34393B\/FFFFFF?text=Final+Design+Prototype+Handoff\" alt=\"Final Design Prototype Handoff\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Created the final, pixel-perfect prototype complete with detailed interaction specifications, spacing measurements, and animation notes. This serves as the single source of truth for the development team. KPI: Successfully eliminated 100% of ambiguities related to design specifications before the build phase commenced.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"portfolio-main-content-social-media\" class=\"portfolio-main-tab-content\">\n                <div class=\"portfolio-inner-layout\">\n                    <div class=\"portfolio-horizontal-subtabs-container\">\n                        <button class=\"portfolio-horizontal-subtab-button is-active\" data-vertical-tab=\"social-media-project1\">Visual Hierarchy<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"social-media-project2\">Typography Strategy<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"social-media-project3\">Color &#038; Contrast<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"social-media-project4\">Iconography &#038; Imagery<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"social-media-project5\">Micro-Interactions<\/button>\n                    <\/div>\n                    <div class=\"portfolio-content-column\">\n                        <div id=\"portfolio-sub-content-social-media-project1\" class=\"portfolio-sub-content-item is-active\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">UI Design: \ud83d\udc41\ufe0f Designing a Clear F-Pattern Visual Hierarchy<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Visual+Hierarchy+F+Pattern\" alt=\"Visual Hierarchy F Pattern\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Organized content and UI elements to follow natural visual scanning patterns (F-Pattern\/Z-Pattern), placing the most critical conversion elements and value propositions along the user&#8217;s primary line of sight. KPI: Reduced time-to-first-click on the main CTA button by 1.5 seconds by improving visual guidance.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-social-media-project2\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">UI Design: \ud83c\udd70\ufe0f Readability and Typography Strategy for Singapore Users<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/34393B\/FFFFFF?text=Typography+Readability+Strategy\" alt=\"Typography Readability Strategy\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Selected highly legible font families and established a responsive type scale that ensures clear reading across all screen sizes and resolutions. Focused on appropriate line height and paragraph spacing to reduce cognitive load. KPI: Improved content readability score (Flesch-Kincaid) by 10 points, increasing on-page comprehension.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-social-media-project3\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">UI Design: \ud83c\udf08 WCAG-Compliant Color Palette and Contrast Ratios<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Color+Contrast+WCAG+Compliance\" alt=\"Color Contrast WCAG Compliance\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Developed a color palette that reinforces brand identity while ensuring that all interactive elements and text meet the minimum WCAG 2.1 AA contrast ratio requirements for maximum accessibility. KPI: Eliminated all accessibility contrast errors identified in the automated design audit, ensuring full legal compliance.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-social-media-project4\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">UI Design: \ud83d\udcf8 Consistent Iconography and Optimized Imagery<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/FF715B\/FFFFFF?text=Iconography+Imagery+Optimization\" alt=\"Iconography Imagery Optimization\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Designed a unified set of iconography and illustrations that provided visual cues without relying on complex, culturally specific metaphors. Ensured all imagery was high-quality, relevant to the Singapore context, and optimized for web speed. KPI: Image load time on mobile devices was reduced by 60% through compression and modern formats.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-social-media-project5\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">UI Design: \u2728 Delightful and Functional Micro-Interactions<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Micro+Interactions+UI+Design\" alt=\"Micro Interactions UI Design\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Specified subtle animations and feedback loops (micro-interactions) for button clicks, form submissions, and loading states. This enhances user delight and provides necessary system status feedback, reducing perceived waiting time. KPI: Reduced the perceived loading time during application processes by adding subtle, relevant loading animations.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"portfolio-main-content-content-marketing\" class=\"portfolio-main-tab-content\">\n                <div class=\"portfolio-inner-layout\">\n                    <div class=\"portfolio-horizontal-subtabs-container\">\n                        <button class=\"portfolio-horizontal-subtab-button is-active\" data-vertical-tab=\"content-marketing-project1\">CTA Placement<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"content-marketing-project2\">Form Design CRO<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"content-marketing-project3\">Trust Signal Integration<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"content-marketing-project4\">Checkout Friction<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"content-marketing-project5\">Personalization UX<\/button>\n                    <\/div>\n                    <div class=\"portfolio-content-column\">\n                        <div id=\"portfolio-sub-content-content-marketing-project1\" class=\"portfolio-sub-content-item is-active\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">CRO: \ud83c\udfaf Strategic Placement of High-Contrast Call-to-Actions<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Strategic+CTA+Placement+CRO\" alt=\"Strategic CTA Placement CRO\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Optimized the placement, size, and contrasting color of all primary CTAs, ensuring they were prominent above the fold and sticky on mobile devices for immediate action. Used psychological color theory to drive clicks. KPI: Increased the click-through rate (CTR) on the main &#8216;Get Started&#8217; CTA button by 22%.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-content-marketing-project2\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">CRO: \ud83d\udcdd Form Design Optimization for Maximum Completion Rates<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/FF715B\/FFFFFF?text=Form+Design+Optimization+CRO\" alt=\"Form Design Optimization CRO\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Reduced the number of fields in lead generation forms to the absolute minimum, implemented clear, actionable error messages, and added progress indicators for multi-step forms. KPI: Reduced the form abandonment rate on the primary contact form by 15%, increasing lead volume immediately.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-content-marketing-project3\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">CRO: \ud83d\udee1\ufe0f Strategic Trust Signal Integration and Social Proof<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Trust+Signal+Social+Proof+CRO\" alt=\"Trust Signal Social Proof CRO\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Designed clean, non-intrusive integration points for security badges (SSL, payment verification), customer testimonials, and average star ratings near the point of conversion. This reduces user anxiety. KPI: Improved visitor confidence, resulting in an 18% increase in conversion rate for first-time Singaporean visitors.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-content-marketing-project4\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">CRO: \ud83d\uded2 Frictionless Checkout Flow Design and Optimization<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/34393B\/FFFFFF?text=Frictionless+Checkout+Design+CRO\" alt=\"Frictionless Checkout Design CRO\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Redesigned the e-commerce checkout to a streamlined one-page process, simplifying payment options popular in Singapore (e-wallets, bank transfers), and ensuring cart contents remained visible. KPI: Reduced the overall cart abandonment rate across the e-commerce site by 10%, directly boosting sales volume.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-content-marketing-project5\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">CRO: \ud83d\udc64 Designing Personalized UX Elements for Retention<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Personalization+UX+Design+CRO\" alt=\"Personalization UX Design CRO\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Integrated design elements to support personalization, such as dynamic product recommendations based on browsing history or geo-targeted messaging relevant to the user&#8217;s location in Singapore. KPI: Increased the click-through rate on personalized product recommendation modules by 14% on the homepage.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"portfolio-main-content-ppc-ads\" class=\"portfolio-main-tab-content\">\n                <div class=\"portfolio-inner-layout\">\n                    <div class=\"portfolio-horizontal-subtabs-container\">\n                        <button class=\"portfolio-horizontal-subtab-button is-active\" data-vertical-tab=\"ppc-ads-project1\">Mobile Speed Optimization<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"ppc-ads-project2\">Thumb-Friendly Navigation<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"ppc-ads-project3\">Touch Target Sizing<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"ppc-ads-project4\">Sticky CTAs<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"ppc-ads-project5\">WCAG Compliance<\/button>\n                    <\/div>\n                    <div class=\"portfolio-content-column\">\n                        <div id=\"portfolio-sub-content-ppc-ads-project1\" class=\"portfolio-sub-content-item is-active\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Mobile UX: \u26a1 Design Optimization for Loading Speed and Performance<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Mobile+Speed+Optimization+UX\" alt=\"Mobile Speed Optimization UX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Designed layouts that minimized render-blocking elements, utilizing modern image formats (WebP) and lazy loading for faster page rendering on mobile networks. Focused on clean code structures. KPI: Improved the mobile Core Web Vitals score to 90+, resulting in a 20% reduction in mobile bounce rate.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-ppc-ads-project2\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Mobile UX: \ud83d\udc46 Thumb-Friendly Navigation Design and Placement<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/34393B\/FFFFFF?text=Thumb+Friendly+Navigation+UX\" alt=\"Thumb Friendly Navigation UX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Created simplified, minimal mobile navigation structures, often utilizing a sticky bottom bar for primary actions and placing key interactive elements within easy reach of the thumb. This caters to one-handed use. KPI: Increased navigation success rate on mobile devices by 15% in usability testing.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-ppc-ads-project3\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Mobile UX: \ud83d\udcd0 Optimal Touch Target Sizing and Spacing<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Touch+Target+Sizing+UX\" alt=\"Touch Target Sizing UX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Ensured all buttons, links, and touch zones met or exceeded the industry-standard minimum size of 48&#215;48 pixels for easy tapping. Applied appropriate spacing to prevent accidental clicks on dense pages. KPI: Reduced the frequency of unintended tap errors on small screens by 40%, improving mobile user flow.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-ppc-ads-project4\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Mobile UX: \ud83d\udccc Persistent Sticky Contact and CTA Buttons<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/FF715B\/FFFFFF?text=Sticky+CTA+Buttons+Mobile+UX\" alt=\"Sticky CTA Buttons Mobile UX\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Designed a non-intrusive, sticky element at the bottom of the mobile viewport containing high-priority CTAs (e.g., WhatsApp chat, Call Now, or primary lead form link). This ensures continuous conversion opportunity. KPI: Increased the number of mobile-initiated calls to the sales team by 30%.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-ppc-ads-project5\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Accessibility: \u267f WCAG 2.1 AA Compliance and Inclusive Design<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=WCAG+21+AA+Compliance+Design\" alt=\"WCAG 21 AA Compliance Design\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Applied inclusive design principles covering screen reader compatibility, proper alt text for images, semantic HTML structure, and clear focus states for keyboard navigation. KPI: Passed all automated WCAG compliance checks, minimizing legal exposure and maximizing accessibility for all Singapore users.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"portfolio-main-content-branding\" class=\"portfolio-main-tab-content\">\n                <div class=\"portfolio-inner-layout\">\n                    <div class=\"portfolio-horizontal-subtabs-container\">\n                        <button class=\"portfolio-horizontal-subtab-button is-active\" data-vertical-tab=\"branding-project1\">Usability Testing<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"branding-project2\">A\/B Testing Implementation<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"branding-project3\">Session Recording Analysis<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"branding-project4\">Heuristic Evaluation<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"branding-project5\">Design Iteration Cycle<\/button>\n                    <\/div>\n                    <div class=\"portfolio-content-column\">\n                        <div id=\"portfolio-sub-content-branding-project1\" class=\"portfolio-sub-content-item is-active\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Testing: \ud83d\udde3\ufe0f Moderated Usability Testing with Target Users<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Moderated+Usability+Testing\" alt=\"Moderated Usability Testing\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Designed and executed moderated usability tests with 10-15 members of the target audience, assigning core tasks and observing their completion patterns. This identified key user flows and frustrations. KPI: Uncovered two critical design flaws that caused a 50% task failure rate in the initial prototype, fixing them pre-launch.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-branding-project2\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Testing: \ud83e\uddea A\/B Testing Implementation for Live Design Validation<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/FF715B\/FFFFFF?text=AB+Testing+Live+Validation\" alt=\"AB Testing Live Validation\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Collaborated with development to deploy design variations (e.g., different CTA colors, layout changes) via A\/B testing tools. Monitored results until statistical significance was reached before implementing the winner. KPI: Successfully validated a new feature placement that resulted in a 10% increase in feature adoption.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-branding-project3\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Testing: \ud83c\udfa5 Session Recording and Rage Click Analysis<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Session+Recording+Rage+Click\" alt=\"Session Recording Rage Click\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Analyzed session recordings of live user interactions, paying close attention to unexpected behavior like rage clicking (repeated, rapid clicks) and excessive scrolling. This uncovered invisible friction points and misleading UI elements. KPI: Pinpointed 5 instances of design elements that were mistaken for buttons, eliminating user confusion.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-branding-project4\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Testing: \ud83e\udde0 Expert Heuristic Evaluation against Nielsen&#8217;s Principles<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/34393B\/FFFFFF?text=Heuristic+Evaluation+Nielsen\" alt=\"Heuristic Evaluation Nielsen\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Conducted an expert review of the interface based on Jakob Nielsen&#8217;s 10 Usability Heuristics (e.g., visibility of system status, error prevention). This uncovered deep-seated usability issues early in the design phase. KPI: Identified and resolved 12 severe usability violations, ensuring fundamental product quality.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-branding-project5\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Testing: \ud83d\udd01 Establishing a Continuous Design Iteration Cycle<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Continuous+Design+Iteration+Loop\" alt=\"Continuous Design Iteration Loop\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Created a process framework for feeding post-launch analytics and user feedback directly back into the design process. This ensured the product constantly evolved based on real user needs. KPI: Reduced the average time required to push a validated UX improvement from concept to production by 30 days.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"portfolio-main-content-video-production\" class=\"portfolio-main-tab-content\">\n                <div class=\"portfolio-inner-layout\">\n                    <div class=\"portfolio-horizontal-subtabs-container\">\n                        <button class=\"portfolio-horizontal-subtab-button is-active\" data-vertical-tab=\"video-production-project1\">Component Library<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"video-production-project2\">Developer Handoff<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"video-production-project3\">Style Guide &#038; Tokens<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"video-production-project4\">Version Control<\/button>\n                        <button class=\"portfolio-horizontal-subtab-button\" data-vertical-tab=\"video-production-project5\">Cross-Functional Alignment<\/button>\n                    <\/div>\n                    <div class=\"portfolio-content-column\">\n                        <div id=\"portfolio-sub-content-video-production-project1\" class=\"portfolio-sub-content-item is-active\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Handoff: \ud83e\udde9 Scalable Component Library and System Creation<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Scalable+Component+Library\" alt=\"Scalable Component Library\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Built a centralized, reusable library of all UI components (buttons, forms, cards) with clearly defined usage guidelines and states. This ensures design consistency across all future products. KPI: Reduced the design time for new pages by 50% and minimized design drift in the live product.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-video-production-project2\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Handoff: \ud83d\ude80 Seamless Developer Handoff with Figma Tools<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/34393B\/FFFFFF?text=Seamless+Developer+Handoff\" alt=\"Seamless Developer Handoff\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Provided developers with complete, organized design files via Figma, including CSS snippets, spacing specs, and interactive prototypes. Minimized the need for guesswork during the technical build process. KPI: Reduced the number of design-related questions from developers during the sprint cycle by 75%.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-video-production-project3\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Handoff: \ud83c\udfa8 Documented Style Guide and Design Tokens<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/4FB286\/FFFFFF?text=Style+Guide+Design+Tokens\" alt=\"Style Guide Design Tokens\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Created a living style guide detailing typography scales, color palettes (with hex codes and token names), spacing rules, and voice\/tone guidelines. This serves as the single source of truth for all brand digital touchpoints. KPI: Ensured 100% brand consistency across both the marketing site and the logged-in application interface.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-video-production-project4\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Handoff: \ud83d\udcc1 Design Version Control and File Organization<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/FF715B\/FFFFFF?text=Design+Version+Control+Files\" alt=\"Design Version Control Files\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Established rigorous file naming conventions, folder structures, and version control procedures within the design platform. This prevents confusion between current working files and finalized production assets. KPI: Successfully eliminated all instances of developers using outdated design files for implementation tasks.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                        <div id=\"portfolio-sub-content-video-production-project5\" class=\"portfolio-sub-content-item\">\n                            <h4 class=\"text-2xl font-bold text-secondary mb-3\">Handoff: \ud83e\udd1d Design Alignment with Product and Engineering Teams<\/h4>\n                            <img decoding=\"async\" src=\"https:\/\/placehold.co\/800x450\/3DAF9F\/FFFFFF?text=Cross+Functional+Alignment+Handoff\" alt=\"Cross Functional Alignment Handoff\" class=\"portfolio-content-image\">\n                            <p class=\"mt-4 text-paragraph\">\n                                Facilitated structured meetings and utilized shared tools to ensure design decisions aligned with product feasibility and engineering constraints from the start. This prevents costly rework later in the development cycle. KPI: Reduced design rework requested after the engineering review by 80%, speeding up the time to market.\n                            <\/p>\n                            <div class=\"mt-8 text-center\">\n                                <a href=\"#\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover transform hover:-translate-y-1 transition-all duration-300 open-video-modal\" data-video-id=\"EfyfUvMID1o\">\n                                    Watch Complete Portfolio Video \u2192\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<!-- Case study section -->\n<section class=\"bg-secondary py-16 case-study-section-wrapper\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"container mx-auto max-w-7xl\">\n                <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-background text-center mb-6\">\n\t\t\t\t\t<span class=\"background-color\">Case Study<\/span> <span class=\"primary-color\">in Singapore<\/span>\n                <\/h2>\n                <p class=\"text-lg sm:text-xl text-gray-300 text-center max-w-3xl mx-auto mb-16\">\n                    We specialize in driving user adoption, maximizing conversion rates, and enhancing customer satisfaction through expert **UI\/UX Design Services in Singapore**.\n                <\/p>\n            <\/div>\n\n            <div class=\"case-study-carousel-container relative\">\n                <div class=\"case-study-carousel-track flex snap-x snap-mandatory overflow-x-auto\" id=\"case-study-track\">\n                    <div class=\"case-study-card flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 p-6 mr-4 last:mr-0\">\n                        <span class=\"case-study-label\">E-commerce Retail<\/span>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4 pt-10\">CHALLENGE<\/h3>\n                        <p class=\"text-paragraph mb-6\">A mobile-first retailer experienced high cart abandonment rates due to a cluttered, confusing mobile checkout process.<\/p>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4\">APPROACH<\/h3>\n                        <ul class=\"text-paragraph space-y-2 mb-6\">\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Redesigned the checkout into a **simplified, multi-step form** with clear progress indicators.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Conducted **usability testing** with local Singaporean consumers to identify friction points.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Optimized touch targets and input fields for common mobile devices.<\/li>\n                        <\/ul>\n                        <div class=\"text-center mt-auto pt-4 border-t border-gray-200\">\n                            <p class=\"text-primary text-4xl font-bold mb-2\">19%<\/p>\n                            <p class=\"text-subheading text-lg font-semibold mb-4\">INCREASE IN CHECKOUT COMPLETION RATE<\/p>\n                            <a href=\"#\" class=\"text-primary hover:text-hover font-semibold transition-colors duration-300\">View Case Study \u2192<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"case-study-card flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 p-6 mr-4 last:mr-0\">\n                        <span class=\"case-study-label\">B2B SaaS Platform<\/span>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4 pt-10\">CHALLENGE<\/h3>\n                        <p class=\"text-paragraph mb-6\">A regional software platform had a high volume of support requests because users struggled to find the key features needed for task completion.<\/p>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4\">APPROACH<\/h3>\n                        <ul class=\"text-paragraph space-y-2 mb-6\">\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Redesigned the **information architecture (IA)** and global navigation based on user needs.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Developed a **cleaner dashboard UI** prioritizing critical tasks and data visualization.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Introduced context-sensitive help and empty-state guidance to reduce user errors.<\/li>\n                        <\/ul>\n                        <div class=\"text-center mt-auto pt-4 border-t border-gray-200\">\n                            <p class=\"text-primary text-4xl font-bold mb-2\">35%<\/p>\n                            <p class=\"text-subheading text-lg font-semibold mb-4\">REDUCTION IN HIGH-SEVERITY SUPPORT TICKETS<\/p>\n                            <a href=\"#\" class=\"text-primary hover:text-hover font-semibold transition-colors duration-300\">View Case Study \u2192<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"case-study-card flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 p-6 mr-4 last:mr-0\">\n                        <span class=\"case-study-label\">Financial Services Portal<\/span>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4 pt-10\">CHALLENGE<\/h3>\n                        <p class=\"text-paragraph mb-6\">A bank\u2019s online account opening process was lengthy and confusing, leading to a high drop-off rate, particularly for new customers.<\/p>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4\">APPROACH<\/h3>\n                        <ul class=\"text-paragraph space-y-2 mb-6\">\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Designed a **step-by-step onboarding flow** with visual progress tracking and clear micro-copy.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Simplified the required legal language and integrated trust badges prominently.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Ensured the design was fully accessible and complied with all necessary regulatory guidelines.<\/li>\n                        <\/ul>\n                        <div class=\"text-center mt-auto pt-4 border-t border-gray-200\">\n                            <p class=\"text-primary text-4xl font-bold mb-2\">22%<\/p>\n                            <p class=\"text-subheading text-lg font-semibold mb-4\">IMPROVEMENT IN ACCOUNT OPENING COMPLETION RATE<\/p>\n                            <a href=\"#\" class=\"text-primary hover:text-hover font-semibold transition-colors duration-300\">View Case Study \u2192<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"case-study-card flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 p-6 mr-4 last:mr-0\">\n                        <span class=\"case-study-label\">Local Services App<\/span>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4 pt-10\">CHALLENGE<\/h3>\n                        <p class=\"text-paragraph mb-6\">A local service booking app struggled with user retention and high uninstalls because the app felt slow and visually dated.<\/p>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4\">APPROACH<\/h3>\n                        <ul class=\"text-paragraph space-y-2 mb-6\">\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Developed a **refreshed visual design system** with a modern, clean UI and local aesthetic appeal.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Optimized the core booking flow to **reduce the number of taps** required for task completion.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Introduced personalized push notification prompts based on user behavior and location.<\/li>\n                        <\/ul>\n                        <div class=\"text-center mt-auto pt-4 border-t border-gray-200\">\n                            <p class=\"text-primary text-4xl font-bold mb-2\">15%<\/p>\n                            <p class=\"text-subheading text-lg font-semibold mb-4\">IMPROVEMENT IN 30-DAY USER RETENTION<\/p>\n                            <a href=\"#\" class=\"text-primary hover:text-hover font-semibold transition-colors duration-300\">View Case Study \u2192<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"case-study-card flex-shrink-0 w-full sm:w-1\/2 lg:w-1\/3 p-6 mr-4 last:mr-0\">\n                        <span class=\"case-study-label\">Online Education<\/span>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4 pt-10\">CHALLENGE<\/h3>\n                        <p class=\"text-paragraph mb-6\">An educational platform had a confusing course catalog, resulting in users leaving the site without finding the right enrollment option.<\/p>\n                        <h3 class=\"text-2xl font-bold text-secondary mb-4\">APPROACH<\/h3>\n                        <ul class=\"text-paragraph space-y-2 mb-6\">\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Designed a new **course filtering system** with clear, easy-to-use filter options (e.g., subject, duration, skill level).<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Integrated a short **&#8221;Course Finder&#8221; quiz** to guide users to the most relevant programs.<\/li>\n                            <li class=\"flex items-center\"><i class=\"fas fa-check-circle text-primary mr-2\"><\/i> Optimized the course landing pages for content hierarchy and readability.<\/li>\n                        <\/ul>\n                        <div class=\"text-center mt-auto pt-4 border-t border-gray-200\">\n                            <p class=\"text-primary text-4xl font-bold mb-2\">26%<\/p>\n                            <p class=\"text-subheading text-lg font-semibold mb-4\">INCREASE IN COURSE PAGE VIEW TO ENROLLMENT RATE<\/p>\n                            <a href=\"#\" class=\"text-primary hover:text-hover font-semibold transition-colors duration-300\">View Case Study \u2192<\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <button class=\"carousel-arrow carousel-arrow-left\" id=\"case-study-prev\">\n                    <i class=\"fas fa-chevron-left\"><\/i>\n                <\/button>\n                <button class=\"carousel-arrow carousel-arrow-right\" id=\"case-study-next\">\n                    <i class=\"fas fa-chevron-right\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n<!--Blog Section -->\n<section class=\"bg-background py-16 blog-section-wrapper\">\n        <div class=\"container mx-auto px-4\">\n            <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-text text-center mb-12\">\n                Our Latest <span class=\"primary-color\">Blog Section<\/span>\n            <\/h2>\n            <div class=\"blog-carousel-wrapper relative\">\n                <div class=\"blog-scroll-container\" id=\"blog-scroll-container\">\n                    <a href=\"#\" class=\"blog-card block\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2026\/02\/UIUX-Design-Services-in-Singapore-blog-1.webp\" alt=\"Blog Post 1\" class=\"blog-image\">\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold text-secondary mb-2\">The ROI of UX: How Design Slashes Development Costs and Boosts Singapore Retention<\/h3>\n                            <p class=\"text-paragraph text-sm\">Quantifying the financial benefits of thoughtful user experience design over quick fixes.<\/p>\n                        <\/div>\n                    <\/a>\n                    <a href=\"#\" class=\"blog-card block\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2026\/02\/UIUX-Design-Services-in-Singapore-blog-2.webp\" alt=\"Blog Post 2\" class=\"blog-image\">\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold text-secondary mb-2\">Mobile-First UI: Designing for the Hyper-Connected Singapore Smartphone User<\/h3>\n                            <p class=\"text-paragraph text-sm\">Best practices for touch targets, simplified navigation, and intuitive interfaces on mobile devices.<\/p>\n                        <\/div>\n                    <\/a>\n                    <a href=\"#\" class=\"blog-card block\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2026\/02\/UIUX-Design-Services-in-Singapore-blog-3.webp\" alt=\"Blog Post 3\" class=\"blog-image\">\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold text-secondary mb-2\">A\/B Testing Secrets: Using Data to Optimize Conversion Rate on Your Digital Products<\/h3>\n                            <p class=\"text-paragraph text-sm\">Implementing continuous testing strategies to validate design decisions and maximize business goals.<\/p>\n                        <\/div>\n                    <\/a>\n                    <a href=\"#\" class=\"blog-card block\">\n                        <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2026\/02\/UIUX-Design-Services-in-Singapore-blog-4.webp\" alt=\"Blog Post 4\" class=\"blog-image\">\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold text-secondary mb-2\">Accessibility in Design: Expanding Your Reach to All Singapore Users Ethically and Legally<\/h3>\n                            <p class=\"text-paragraph text-sm\">Ensuring your interface meets WCAg standards for a broader, more inclusive user base.<\/p>\n                        <\/div>\n                    <\/a>\n                <\/div>\n                <button class=\"blog-carousel-arrow blog-carousel-arrow-left\" id=\"blog-prev-arrow\">\n                    <i class=\"fas fa-chevron-left\"><\/i>\n                <\/button>\n                <button class=\"blog-carousel-arrow blog-carousel-arrow-right\" id=\"blog-next-arrow\">\n                    <i class=\"fas fa-chevron-right\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n<!-- Social Proof -->\n    <section class=\"global-impact-section\" class=\"bg-gray-100\">\n    <div class=\"impact-content-grid grid grid-cols-1 md:grid-cols-2 gap-8 px-4 sm:px-6 lg:px-8\">\n        <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-center mb-4 col-span-full\" style=\"color: var(--background);\">\n            Driving Real <span style=\"color: var(--primary);\">Digital Success<\/span>\n        <\/h2>\n        <p class=\"text-lg text-gray-300 text-center max-w-3xl mx-auto mb-8 col-span-full\">\n            Our commitment to excellence translates into tangible results and a growing global footprint.\n        <\/p>\n\n        <div class=\"impact-column\">\n            <div class=\"primary-tabs-container\">\n                <button class=\"tab-button active\" data-tab=\"primary-tab-social\">Our Digital Footprint<\/button>\n                <button class=\"tab-button\" data-tab=\"primary-tab-clients\">Client Success<\/button>\n            <\/div>\n\n            <div id=\"primary-tab-social\" class=\"primary-tab-content active\">\n                <h3 class=\"text-2xl font-bold mb-6\" style=\"color: var(--primary);\">Our Digital Footprint<\/h3>\n\n                <div class=\"stats-grid grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4\">\n                    <div class=\"stat-card\">\n                        <i class=\"fab fa-facebook-f icon\"><\/i>\n                        <div class=\"number\">1.5K+<\/div>\n                        <div class=\"description\">Facebook Followers<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fab fa-instagram icon\"><\/i>\n                        <div class=\"number\">900+<\/div>\n                        <div class=\"description\">Instagram Followers<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fab fa-tiktok icon\"><\/i>\n                        <div class=\"number\">500+<\/div>\n                        <div class=\"description\">TikTok Engagements<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fab fa-youtube icon\"><\/i>\n                        <div class=\"number\">300+<\/div>\n                        <div class=\"description\">YouTube Subscribers<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fab fa-linkedin-in icon\"><\/i>\n                        <div class=\"number\">600+<\/div>\n                        <div class=\"description\">LinkedIn Connections<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fab fa-twitter icon\"><\/i>\n                        <div class=\"number\">200+<\/div>\n                        <div class=\"description\">Twitter Followers<\/div>\n                    <\/div>\n\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-handshake icon\"><\/i>\n                        <div class=\"number\">50+<\/div>\n                        <div class=\"description\">Satisfied Clients<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-dollar-sign icon\"><\/i>\n                        <div class=\"number\">$5000+<\/div>\n                        <div class=\"description\">Client Revenue Generated<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-rocket icon\"><\/i>\n                        <div class=\"number\">5%+<\/div>\n                        <div class=\"description\">Average Growth Achieved<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-award icon\"><\/i>\n                        <div class=\"number\">5+<\/div>\n                        <div class=\"description\">Industry Awards Won<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-chart-line icon\"><\/i>\n                        <div class=\"number\">88%<\/div>\n                        <div class=\"description\">Client Retention Rate<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-globe icon\"><\/i>\n                        <div class=\"number\">25+<\/div>\n                        <div class=\"description\">US States Served<\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"mt-8 text-center sm:text-left\">\n                    <a href=\"#\" class=\"inline-block px-6 py-3 rounded-full text-lg font-semibold shadow-lg\"\n                       style=\"background-color: var(--primary); color: white; transition: background-color 0.3s ease;\">View Our Full Report \u2192<\/a>\n                <\/div>\n            <\/div>\n\n            <div id=\"primary-tab-clients\" class=\"primary-tab-content\">\n                <h3 class=\"text-2xl font-bold mb-6\" style=\"color: var(--primary);\">Client Success Highlights<\/h3>\n                <div class=\"stats-grid grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4\">\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-handshake icon\"><\/i>\n                        <div class=\"number\">75+<\/div>\n                        <div class=\"description\">Satisfied Clients<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-dollar-sign icon\"><\/i>\n                        <div class=\"number\">$5000+<\/div>\n                        <div class=\"description\">Client Revenue Generated<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-rocket icon\"><\/i>\n                        <div class=\"number\">25%+<\/div>\n                        <div class=\"description\">Average Growth Achieved<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-award icon\"><\/i>\n                        <div class=\"number\">5+<\/div>\n                        <div class=\"description\">Industry Awards Won<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-chart-line icon\"><\/i>\n                        <div class=\"number\">88%<\/div>\n                        <div class=\"description\">Client Retention Rate<\/div>\n                    <\/div>\n                    <div class=\"stat-card\">\n                        <i class=\"fas fa-globe icon\"><\/i>\n                        <div class=\"number\">25+<\/div>\n                        <div class=\"description\">US States Served<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"mt-8 text-center sm:text-left\">\n                    <a href=\"#\" class=\"inline-block px-6 py-3 rounded-full text-lg font-semibold shadow-lg\"\n                       style=\"background-color: var(--primary); color: white; transition: background-color 0.3s ease;\">Read Client Stories \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"impact-column\">\n            <h3 class=\"text-2xl font-bold mb-6\" style=\"color: var(--primary);\">Our Certifications<\/h3>\n\n            <div class=\"grid grid-cols-3 gap-6\">\n                <div class=\"flex flex-col items-center text-center\">\n                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/Google-Certified-Epik-Funnel-badge.png\" alt=\"Google Partner Epik Funnel\" class=\"w-full h-auto rounded shadow-md\">\n                    <p class=\"text-lg text-gray-300 mt-2\">Google Partner<\/p>\n                <\/div>\n\n                <div class=\"flex flex-col items-center text-center\">\n                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/AMA-and-Digital-Marketing-institute-member-Epik-Funnel-badge.png\" alt=\"American Marketing Association Mamber\" class=\"w-full h-auto rounded shadow-md\">\n                    <p class=\"text-lg text-gray-300 mt-2\">AMA Member<\/p>\n                <\/div>\n\n                <div class=\"flex flex-col items-center text-center\">\n                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/Hubspot-Business-Partner-Epik-Funnel-badge.png\" alt=\"Hubspot\" class=\"w-full h-auto rounded shadow-md\">\n                    <p class=\"text-lg text-gray-300 mt-2\">HubSpot Partner<\/p>\n                <\/div>\n\n                <div class=\"flex flex-col items-center text-center\">\n                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/Meta-Business-Partner-Epik-Funnel-badge.png\" alt=\"Meta Certified\" class=\"w-full h-auto rounded shadow-md\">\n                    <p class=\"text-lg text-gray-300 mt-2\">Meta Certified<\/p>\n                <\/div>\n\n                <div class=\"flex flex-col items-center text-center\">\n                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/Google-Analytics-Epik-Funnel-badge.png\" alt=\"Google Analytics Partner\" class=\"w-full h-auto rounded shadow-md\">\n                    <p class=\"text-lg text-gray-300 mt-2\">GA Partner<\/p>\n                <\/div>\n\n                <div class=\"flex flex-col items-center text-center\">\n                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/shopify-partner-Epik-Funnel-badge.png\" alt=\"Shopify Partner\" class=\"w-full h-auto rounded shadow-md\">\n                    <p class=\"text-lg text-gray-300 mt-2\">Shopify Partner<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- CEO MEssage Section -->\n       <!-- Meet Our CEO & Company Core Section -->\n    <section id=\"ceo-section\">\n        <div class=\"container mx-auto max-w-7xl\">\n            <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-center mb-6 animate-fade-in-up\">\n                <span class=\"secondary-color\">Meet Our<\/span> <span class=\"primary-color\">Visionary Leader<\/span>\n            <\/h2>\n            <p class=\"text-lg sm:text-xl text-center max-w-3xl mx-auto mb-8 md:mb-16 animate-fade-in-up-2 secondary-color\">\n                Learn about the driving force behind Epik Funnel and the core principles that guide our journey towards digital excellence.\n            <\/p>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                <!-- Column 1: CEO Picture and Text -->\n                <div class=\"flex flex-col items-center lg:items-start text-center lg:text-left animate-fade-in-up-3\">\n                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.pk\/wp-content\/uploads\/2025\/11\/epik-funnel-ceo-picture.png\" alt=\"CEO Name\" class=\"rounded-xl border-4 border-primary shadow-xl mb-6 w-64 h-64 md:w-80 md:h-80 object-cover transition-transform duration-300 hover:scale-105\">\n                    <h3 class=\"text-3xl font-bold mb-2 primary-color\">Muhammad Azeem<\/h3>\n                    <p class=\"text-xl font-medium mb-4\">Founder &#038; CEO, Epik Funnel<\/p>\n                    <p class=\"text-lg leading-relaxed secondary-color\">\n                        &#8220;Welcome to Epik Funnel! It&#8217;s an honor to lead a team so dedicated to innovation and client success in the ever-evolving world of digital marketing. We founded this agency with a simple yet profound goal: to empower businesses, big and small, to unlock their full online potential.\n                        Every strategy we develop, every campaign we launch, is rooted in deep analysis, creative thinking, and a genuine commitment to delivering measurable results. We don&#8217;t just aim for traffic; we aim for impact. Thank you for considering us as your partner in growth.&#8221;\n                    <\/p>\n                <\/div>\n\n                <!-- Column 2: Tabs for CEO Message, Vision, Mission -->\n                <div class=\"bg-white rounded-xl shadow-lg p-8 animate-fade-in-up-3\" style=\"animation-delay: 0.2s;\">\n                    <!-- Tab Buttons -->\n                    <div class=\"flex overflow-x-auto gap-3 mb-8 justify-center lg:justify-start snap-x snap-mandatory no-scrollbar\">\n\t\t\t\t\t\t<button class=\"ceo-tab-btn\" data-tab=\"our-vision\">\n                            <i class=\"fas fa-eye mr-2\"><\/i> Our Core Values\n                        <\/button>\n                        <button class=\"ceo-tab-btn active-ceo-tab\" data-tab=\"ceo-message\">\n                            <i class=\"fas fa-comment-alt mr-2\"><\/i> This is CEO&#8217;s Message\n                        <\/button>\n                        <button class=\"ceo-tab-btn\" data-tab=\"our-vision\">\n                            <i class=\"fas fa-eye mr-2\"><\/i> Our Vision\n                        <\/button>\n                        <button class=\"ceo-tab-btn\" data-tab=\"our-mission\">\n                            <i class=\"fas fa-flag-checkered mr-2\"><\/i> Our Mission\n                        <\/button>\n                    <\/div>\n\n                    <!-- Tab Content Areas -->\n                    <div class=\"ceo-content-wrapper relative min-h-[300px]\"> <!-- Adjust min-height based on content length -->\n                        <!-- CEO Message Content -->\n                        <div id=\"ceo-message\" class=\"ceo-tab-content active-ceo-content ceo-message-content\">\n                            <h4 class=\"font-bold text-2xl mb-4 text-left\">A Message from Our CEO<\/h4>\n                            <p class=\"leading-relaxed mb-4 text-left\">\n                                &#8220;Welcome to Epik Funnel! It&#8217;s an honor to lead a team so dedicated to innovation and client success in the ever-evolving world of digital marketing. We founded this agency with a simple yet profound goal: to empower businesses, big and small, to unlock their full online potential.\n                                Every strategy we develop, every campaign we launch, is rooted in deep analysis, creative thinking, and a genuine commitment to delivering measurable results. We don&#8217;t just aim for traffic; we aim for impact. Thank you for considering us as your partner in growth.&#8221;\n                            <\/p>\n                            <p class=\"text-right font-semibold mt-4\">&#8211; Muhammad Azeem<\/p>\n                        <\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<!-- Our Core Values -->\n                        <div id=\"ceo-message\" class=\"ceo-tab-content active-ceo-content ceo-message-content\">\n                            <h4 class=\"font-bold text-2xl mb-4 text-left\">A Message from Our CEO<\/h4>\n                            <p class=\"leading-relaxed mb-4 text-left\">\n                                &#8220;Welcome to Epik Funnel! It&#8217;s an honor to lead a team so dedicated to innovation and client success in the ever-evolving world of digital marketing. We founded this agency with a simple yet profound goal: to empower businesses, big and small, to unlock their full online potential.\n                                Every strategy we develop, every campaign we launch, is rooted in deep analysis, creative thinking, and a genuine commitment to delivering measurable results. We don&#8217;t just aim for traffic; we aim for impact. Thank you for considering us as your partner in growth.&#8221;\n                            <\/p>\n                            <p class=\"text-right font-semibold mt-4\">&#8211; Muhammad Azeem<\/p>\n                        <\/div>\n\n                        <!-- Our Vision Content -->\n                        <div id=\"our-vision\" class=\"ceo-tab-content\">\n                            <h4 class=\"font-bold text-2xl mb-4 text-left\">Our Vision<\/h4>\n                            <p class=\"leading-relaxed mb-4 text-left\">\n                                To be the leading force in digital marketing, recognized globally for our innovative strategies, unwavering commitment to client success, and our ethical approach to transforming online presences. We envision a future where every business, regardless of size, can harness the power of digital to connect, engage, and thrive.\n                            <\/p>\n                            <ul class=\"list-disc list-inside leading-relaxed space-y-2 text-left\">\n                                <li>To set new benchmarks in digital marketing effectiveness.<\/li>\n                                <li>To cultivate a global community of empowered and successful businesses.<\/li>\n                                <li>To continuously innovate and adapt to the digital landscape.<\/li>\n                                <li>To foster a culture of excellence, integrity, and continuous learning.<\/li>\n                            <\/ul>\n                        <\/div>\n\n                        <!-- Our Mission Content -->\n                        <div id=\"our-mission\" class=\"ceo-tab-content\">\n                            <h4 class=\"font-bold text-2xl mb-4 text-left\">Our Mission<\/h4>\n                            <p class=\"leading-relaxed mb-4 text-left\">\n                                Our mission is to empower businesses by providing cutting-edge, data-driven digital marketing solutions that deliver tangible growth and measurable ROI. We achieve this by:\n                            <\/p>\n                            <ul class=\"list-disc list-inside leading-relaxed space-y-2 text-left\">\n                                <li>Strategizing with Precision: Developing customized strategies based on in-depth market analysis.<\/li>\n                                <li>Executing with Excellence: Implementing campaigns with creativity, precision, and the latest technologies.<\/li>\n                                <li>Building Lasting Partnerships: Fostering transparent, collaborative relationships with our clients.<\/li>\n                                <li>Driving Measurable Results: Focusing on KPIs that directly impact our clients&#8217; bottom line.<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<!-- Company Culture Section -->\n      <section class=\"culture-gallery-section\">\n        <div class=\"culture-gallery-container\">\n            <div class=\"culture-gallery-header\">\n                <h2>Our <span class=\"text-primary\">Company Culture<\/span><\/h2>\n                <p>\n                    Explore our diverse range of digital solutions, tailored to help your business achieve its full online potential and drive sustainable growth.\n                <\/p>\n            <\/div>\n\n            <!-- Services Tab Navigation -->\n            <div class=\"culture-tabs-gallery-nav\">\n                <button class=\"culture-gallery-tab-button active-culture-gallery-tab\" data-tab=\"digital-marketing\">Teams<\/button>\n                <button class=\"culture-gallery-tab-button\" data-tab=\"web-app-dev\">Meetings<\/button>\n                <button class=\"culture-gallery-tab-button\" data-tab=\"branding-design\">Online Management<\/button>\n                <button class=\"culture-gallery-tab-button\" data-tab=\"consulting-analytics\">Creative Culture<\/button>\n            <\/div>\n\n            <!-- Tab Content: Digital Marketing -->\n            <div id=\"culture-tab-digital-marketing\" class=\"culture-gallery-tab-content-wrapper active-culture-gallery-content\">\n                <div class=\"culture-scrollable-gallery-wrapper\">\n                    <button class=\"culture-scroll-arrow culture-scroll-arrow-prev\" aria-label=\"Previous service\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n                    <div class=\"culture-images-scroll-container\">\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/epikfunnel-company-culture.png\" alt=\"SEO Optimization\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Right-Branding-Fit.png\" alt=\"PPC Campaigns\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/our-team-awards.jpeg\" alt=\"Social Media\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/our-client-reports.jpeg\" alt=\"Content Marketing\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/virtual-teams.jpeg\" alt=\"Email Marketing\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Right-Branding-Fit-1.png\" alt=\"Conversion Rate Opt\" class=\"culture-image\">\n                        <\/div>\n                    <\/div>\n                    <button class=\"culture-scroll-arrow culture-scroll-arrow-next\" aria-label=\"Next service\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Tab Content: Web & App Development -->\n            <div id=\"culture-tab-web-app-dev\" class=\"culture-gallery-tab-content-wrapper\">\n                <div class=\"culture-scrollable-gallery-wrapper\">\n                    <button class=\"culture-scroll-arrow culture-scroll-arrow-prev\" aria-label=\"Previous service\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n                    <div class=\"culture-images-scroll-container\">\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/online-meetings.jpeg\" alt=\"Custom Web Dev\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/virtual-teams.jpeg\" alt=\"E-commerce Solutions\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/our-client-reports.jpeg\" alt=\"Mobile App Dev\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Right-Branding-Fit.png\" alt=\"UI\/UX Design\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/epikfunnel-company-culture.png\" alt=\"CMS Integration\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/virtual-teams.jpeg\" alt=\"Website Maintenance\" class=\"culture-image\">\n                        <\/div>\n                    <\/div>\n                    <button class=\"culture-scroll-arrow culture-scroll-arrow-next\" aria-label=\"Next service\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Tab Content: Branding & Design -->\n            <div id=\"culture-tab-branding-design\" class=\"culture-gallery-tab-content-wrapper\">\n                <div class=\"culture-scrollable-gallery-wrapper\">\n                    <button class=\"culture-scroll-arrow culture-scroll-arrow-prev\" aria-label=\"Previous service\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n                    <div class=\"culture-images-scroll-container\">\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/virtual-teams-300x300.jpeg\" alt=\"Brand Strategy\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/online-meetings-300x300.jpeg\" alt=\"Logo Design\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/virtual-teams-meetings-300x300.jpeg\" alt=\"Visual Identity\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/our-client-reports-300x300.jpeg\" alt=\"Graphic Design\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/our-team-awards-300x300.jpeg\" alt=\"Brand Guidelines\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/virtual-teams-300x300.jpeg\" alt=\"Print Design\" class=\"culture-image\">\n                        <\/div>\n                    <\/div>\n                    <button class=\"culture-scroll-arrow culture-scroll-arrow-next\" aria-label=\"Next service\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Tab Content: Consulting & Analytics -->\n            <div id=\"culture-tab-consulting-analytics\" class=\"culture-gallery-tab-content-wrapper\">\n                <div class=\"culture-scrollable-gallery-wrapper\">\n                    <button class=\"culture-scroll-arrow culture-scroll-arrow-prev\" aria-label=\"Previous service\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n                    <div class=\"culture-images-scroll-container\">\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/our-client-reports-300x300.jpeg\" alt=\"Digital Consulting\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/online-meetings-300x300.jpeg\" alt=\"Performance Audits\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/our-team-awards-300x300.jpeg\" alt=\"Data Analysis\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/virtual-teams-meetings-300x300.jpeg\" alt=\"Strategy Workshops\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/10\/virtual-teams-300x300.jpeg\" alt=\"ROI Optimization\" class=\"culture-image\">\n                        <\/div>\n                        <div class=\"culture-image-wrapper\">\n                            <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/Right-Branding-Fit-1-300x157.png\" alt=\"Market Research\" class=\"culture-image\">\n                        <\/div>\n                    <\/div>\n                    <button class=\"culture-scroll-arrow culture-scroll-arrow-next\" aria-label=\"Next service\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<!--Content Scroll Setion-->\n<section id=\"scrollable-content\" class=\"py-16 md:py-24 bg-[#F7F4E9] px-4 sm:px-6 lg:px-8\">\n  <div class=\"container mx-auto max-w-7xl\">\n    <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-[#34393B] text-center mb-6 animate-fade-in-up opacity-0\">\n      <strong>UI\/UX Design Services in Singapore<\/strong> That Build Better <strong>User Experience<\/strong>, Stronger <strong>Engagement<\/strong>, and Higher <strong>Conversions<\/strong>\n    <\/h2>\n\n    <p class=\"text-lg sm:text-xl text-[#34393B] text-center max-w-4xl mx-auto mb-16 animate-fade-in-up-2 opacity-0\">\n      A good-looking design is not enough. Your website, app, or product must feel easy, fast, and clear for people in Singapore. When users get confused, they leave. When they struggle to find what they need, they stop trusting your brand. That is why our <strong>UI\/UX Design Services in Singapore<\/strong> focus on building a <strong>user-centred interface<\/strong> that helps visitors take action, stay longer, and return again. We design experiences that support real business goals like <strong>lead generation<\/strong>, <strong>higher retention<\/strong>, <strong>more sign-ups<\/strong>, and better <strong>customer satisfaction<\/strong>. <strong>Epik Funnel Singapore<\/strong> combines UX research, UI design, usability testing, and developer-ready documentation so you get a design that looks premium and performs even better.\n    <\/p>\n\n    <div class=\"content-frame bg-white rounded-2xl shadow-xl animate-fade-in-up-3 opacity-0\">\n      <div class=\"scrollable-content-area p-6 sm:p-10\">\n\n        <div class=\"rounded-2xl border border-[#ECEAE4] bg-[#F7F4E9] p-6 sm:p-8 mb-12\">\n          <h3 class=\"text-2xl font-semibold text-[#34393B] mb-3\">\n            Book a Free <strong>UI\/UX Consultation<\/strong> in Singapore\n          <\/h3>\n          <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n            If you want your interface to feel simpler, faster, and more conversion-friendly, we can review your website or app and recommend improvements for <strong>UX design<\/strong>, <strong>UI clarity<\/strong>, and <strong>conversion flow<\/strong>.\n          <\/p>\n          <div class=\"flex flex-col md:flex-row gap-4 items-stretch md:items-center\">\n            <a href=\"tel:+447429915453\" class=\"w-full md:w-auto text-center px-10 py-5 rounded-2xl font-extrabold text-white bg-[#4FB286] hover:bg-[#3DAF9F] transition shadow-xl text-lg\">\n              Call +447429915453\n            <\/a>\n            <a href=\"https:\/\/wa.me\/447429915453\" target=\"_blank\" rel=\"noopener\" class=\"w-full md:w-auto text-center px-10 py-5 rounded-2xl font-extrabold text-[#34393B] bg-white border-2 border-[#4FB286] hover:border-[#3DAF9F] transition shadow-xl text-lg\">\n              WhatsApp +447429915453\n            <\/a>\n            <a href=\"mailto:hello@epikfunnel.com\" class=\"w-full md:w-auto text-center px-10 py-5 rounded-2xl font-extrabold text-white bg-[#FF715B] hover:bg-[#FF563F] transition shadow-xl text-lg\">\n              Email hello@epikfunnel.com\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4\">\n          User-Centred Design That Improves <strong>Conversions<\/strong> &#038; <strong>Retention<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          User-centred design means we build your interface around real customer behaviour, not guesses. In Singapore, people decide quickly, so your design must guide them smoothly. We focus on improving <strong>conversion rate<\/strong>, reducing confusion, and making the next step feel obvious. A strong UX also improves retention because users enjoy the experience and come back again. We align UI and UX with business goals like leads, sales, sign-ups, bookings, and purchases. We do not design for looks only. We design for action. The result is a more enjoyable experience for your users and a better-performing funnel for your business.\n        <\/p>\n        <div class=\"rounded-2xl border border-[#ECEAE4] p-6 bg-white mb-10\">\n          <h4 class=\"text-lg font-extrabold text-[#34393B] mb-3\">What You\u2019ll Notice After a Better UI\/UX<\/h4>\n          <ul class=\"space-y-2 text-[#34393B]\">\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> More users reach your <strong>CTA<\/strong> and forms<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Fewer drop-offs from confusing pages<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Higher trust through clearer UI structure<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Stronger loyalty from smoother experiences<\/li>\n          <\/ul>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          UI\/UX Strategy for <strong>Singapore Businesses<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          A UI\/UX strategy gives direction before design begins. We define goals, user types, success metrics, and funnel priorities so every design decision makes sense. For Singapore businesses, strategy often includes mobile-first design, fast decision pathways, and trust-building layout. We structure the experience so users always know where they are and what to do next. Our strategy connects UI to brand identity and UX to conversion goals. This reduces random design changes and saves time during development.\n        <\/p>\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-10\">\n          <div class=\"rounded-2xl border border-[#ECEAE4] bg-[#F7F4E9] p-6\">\n            <h4 class=\"font-extrabold text-[#34393B] mb-2\">Strategy Focus<\/h4>\n            <ul class=\"space-y-2 text-[#34393B]\">\n              <li class=\"flex gap-2\"><span class=\"text-[#FF715B] font-black\">\u2022<\/span> Clear <strong>UX direction<\/strong> for better flow<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#FF715B] font-black\">\u2022<\/span> Strong <strong>UI consistency<\/strong> for trust<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#FF715B] font-black\">\u2022<\/span> Conversion goals linked to screens<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"rounded-2xl border border-[#ECEAE4] bg-white p-6\">\n            <h4 class=\"font-extrabold text-[#34393B] mb-2\">What You Receive<\/h4>\n            <ul class=\"space-y-2 text-[#34393B]\">\n              <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> UX roadmap and flow priorities<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Design direction aligned to users<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Clear structure for faster delivery<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          UX Research &#038; <strong>User Insights<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          UX research shows what users actually want. We use interviews, surveys, usability checks, analytics review, and behaviour patterns to understand how your Singapore audience thinks. We identify user goals, frustration points, and decision triggers. This helps us design screens and navigation that feel natural. Research also reduces costly redesign because we validate direction early. With good user insights, your UI becomes clearer and your UX becomes smoother, leading to better engagement and higher conversions.\n        <\/p>\n        <div class=\"rounded-2xl border border-[#ECEAE4] p-6 bg-[#F7F4E9] mb-10\">\n          <h4 class=\"text-lg font-extrabold text-[#34393B] mb-3\">Research Insights We Capture<\/h4>\n          <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div class=\"rounded-xl bg-white border border-[#ECEAE4] p-4\">\n              <p class=\"font-bold text-[#34393B]\"><strong>User goals<\/strong><\/p>\n              <p class=\"text-sm text-[#5A5F61]\">What people want before they convert<\/p>\n            <\/div>\n            <div class=\"rounded-xl bg-white border border-[#ECEAE4] p-4\">\n              <p class=\"font-bold text-[#34393B]\"><strong>Drop-off causes<\/strong><\/p>\n              <p class=\"text-sm text-[#5A5F61]\">What makes them leave or hesitate<\/p>\n            <\/div>\n            <div class=\"rounded-xl bg-white border border-[#ECEAE4] p-4\">\n              <p class=\"font-bold text-[#34393B]\"><strong>Content needs<\/strong><\/p>\n              <p class=\"text-sm text-[#5A5F61]\">What they need to read to trust you<\/p>\n            <\/div>\n            <div class=\"rounded-xl bg-white border border-[#ECEAE4] p-4\">\n              <p class=\"font-bold text-[#34393B]\"><strong>Device behaviour<\/strong><\/p>\n              <p class=\"text-sm text-[#5A5F61]\">Mobile-first actions common in Singapore<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Competitor Research &#038; <strong>Experience Benchmarking<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Competitor research helps you understand the UI\/UX standard in your market. We review competing websites and apps in Singapore and benchmark their navigation, page clarity, user flows, design patterns, and trust signals. We identify what users are already used to and where competitors are weak. Then we design your experience to stand out, not copy. Benchmarking is useful because it gives you clear direction for improvement and helps your business avoid outdated design patterns.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          User Personas &#038; <strong>Audience Segmentation<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Personas make your design clearer because you know who you are designing for. We build user personas based on behaviour, goals, and decision patterns. Audience segmentation helps because not all visitors are the same. In Singapore, customers may be first-time visitors, repeat users, decision-makers, or researchers. Each segment needs a slightly different experience. Personas guide content, UI layout, CTA placement, and navigation. This reduces friction and improves conversion because the journey feels more personal.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Information Architecture &#038; <strong>Sitemap Planning<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Information architecture is about arranging content in a way that makes sense. Sitemap planning helps users find what they need quickly. We plan your sitemap based on search intent, business priorities, and user behaviour. This is especially important for Singapore audiences who prefer fast answers. We reduce clutter, improve hierarchy, and ensure the journey is logical. A strong sitemap also supports SEO because pages are organised properly and internal navigation becomes more structured.\n        <\/p>\n\n        <div class=\"rounded-2xl border border-[#ECEAE4] bg-white p-6 sm:p-8 mt-12 mb-12 shadow-sm\">\n          <h3 class=\"text-2xl font-semibold text-[#34393B] mb-3\">\n            Want to Fix Confusing UX and Improve Conversions?\n          <\/h3>\n          <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n            We can review your interface, spot your biggest UX issues, and recommend improvements that increase <strong>conversion rate<\/strong> and <strong>user engagement<\/strong>.\n          <\/p>\n          <div class=\"flex flex-col lg:flex-row gap-4 items-stretch\">\n            <a href=\"https:\/\/epikfunnel.com\/sg\/contact\/\" class=\"flex-1 text-center px-10 py-5 rounded-2xl font-extrabold text-white bg-[#FF715B] hover:bg-[#FF563F] transition shadow-xl text-lg\">\n              Contact Us (Singapore)\n            <\/a>\n            <a href=\"tel:+447429915453\" class=\"flex-1 text-center px-10 py-5 rounded-2xl font-extrabold text-white bg-[#4FB286] hover:bg-[#3DAF9F] transition shadow-xl text-lg\">\n              Call +447429915453\n            <\/a>\n            <a href=\"https:\/\/epikfunnel.com\/sg\/get-a-quote\/\" class=\"flex-1 text-center px-10 py-5 rounded-2xl font-extrabold text-[#34393B] bg-white border-2 border-[#4FB286] hover:border-[#3DAF9F] transition shadow-xl text-lg\">\n              Get a Quote\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          User Flows &#038; <strong>Customer Journey Design<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          User flows show the path people take from entry to action. Customer journey design shows the full experience across pages, screens, and touchpoints. We design flows that remove confusion and create a clear sequence. This helps users move smoothly from awareness to conversion. In Singapore, clear flows help reduce bounce because users don\u2019t want to guess what happens next. Our user flows include entry points from ads, search, and social, plus conversion steps like forms, checkout, bookings, and onboarding. This improves conversion and retention.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Wireframing for <strong>Websites<\/strong> &#038; <strong>Apps<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Wireframes are the blueprint of your interface. We wireframe your website or app before design so you can see the structure clearly. Wireframes include layout, content placement, navigation structure, CTA positioning, and screen flow. This stage saves time because changes are easier before final UI design. Wireframing also ensures your UX is correct before we focus on colours and visuals. For Singapore projects, we build mobile-first wireframes because most users browse on their phones.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          UI Design for <strong>Modern<\/strong>, High-Performance Interfaces\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          UI design is how your product looks and feels. We create clean modern UI that feels premium and easy to trust. We focus on spacing, typography, colour balance, contrast, and visual hierarchy so the interface feels calm and easy. High-performance UI is not cluttered. It makes the next step obvious. We design interfaces that work on mobile and desktop, match your brand identity, and help conversions. UI design also includes components like buttons, cards, forms, banners, navigation menus, and micro UI details that make the overall experience feel smooth and professional.\n        <\/p>\n\n        <!-- PART 1 ENDS HERE - PART 2 CONTINUES -->\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          UX Design for <strong>Seamless Navigation<\/strong> &#038; <strong>Engagement<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          UX design is the part that makes your interface feel smooth. It controls how easy it is for users to move from page to page, how fast they understand your offer, and how confident they feel while using your site or app. In Singapore, users are busy and mobile-first, so they do not want extra clicks, confusing menus, or long steps. We design UX around simple navigation, strong hierarchy, and clear page flow. We also improve engagement by making each screen feel helpful, not noisy. A good UX keeps users active because they always know what to do next. Our UX approach focuses on reducing friction, improving clarity, and making conversions feel natural. This supports better retention because users enjoy using the product and feel less stress. We also optimise touch targets, scrolling behaviour, and page structure so engagement improves across mobile and desktop.\n        <\/p>\n\n        <div class=\"rounded-2xl border border-[#ECEAE4] p-6 bg-[#F7F4E9] mb-10\">\n          <h4 class=\"text-lg font-extrabold text-[#34393B] mb-3\">Interactive UX Improvement Checklist<\/h4>\n          <ul class=\"space-y-2 text-[#34393B]\">\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Faster access to key pages and <strong>CTAs<\/strong><\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Reduced clicks between important steps<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Stronger <strong>navigation flow<\/strong> on mobile<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Cleaner layouts with better readability<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Better engagement through simpler journeys<\/li>\n          <\/ul>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Mobile App UI\/UX Design in <strong>Singapore<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Mobile app users in Singapore expect fast loading, clean UI, and smooth gestures. If your app feels slow, confusing, or messy, users uninstall quickly. We design mobile app UI\/UX that focuses on clear onboarding, simple navigation, and smooth screen flow. We create layouts that work across different screen sizes and devices, while keeping the experience consistent. We also design touch-friendly UI with proper spacing, readable fonts, and clear micro feedback so users feel confident. Our app UX work includes onboarding journeys, activation steps, feature discovery, and retention flow improvements so your app is easier to use and harder to quit. We also plan app UI around real behaviour patterns, like one-hand usage, quick sessions, and simple actions. The goal is to make your app feel easy, modern, and reliable for your Singapore users.\n        <\/p>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-10\">\n          <div class=\"rounded-2xl border border-[#ECEAE4] bg-white p-6 shadow-sm\">\n            <h4 class=\"font-extrabold text-[#34393B] mb-2\">App UX Focus Areas<\/h4>\n            <ul class=\"space-y-2 text-[#34393B]\">\n              <li class=\"flex gap-2\"><span class=\"text-[#FF715B] font-black\">\u2022<\/span> Smooth onboarding and first-use clarity<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#FF715B] font-black\">\u2022<\/span> Easy feature discovery without confusion<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#FF715B] font-black\">\u2022<\/span> Clear actions with fewer steps<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#FF715B] font-black\">\u2022<\/span> Retention support through better flow<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"rounded-2xl border border-[#ECEAE4] bg-[#F7F4E9] p-6 shadow-sm\">\n            <h4 class=\"font-extrabold text-[#34393B] mb-2\">App UI Deliverables<\/h4>\n            <ul class=\"space-y-2 text-[#34393B]\">\n              <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> High-fidelity UI screens and components<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Interaction states and micro feedback<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Developer-ready layouts and exports<\/li>\n              <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Prototypes for testing before build<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Website UI\/UX Design in <strong>Singapore<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Website UI\/UX in Singapore must be mobile-first, fast, and clear. People often visit from Google search, ads, or social media, and they decide quickly if the site feels trustworthy. We design website UI\/UX that improves navigation, reduces bounce, and pushes action naturally. This includes better page layout, clearer headings, stronger CTA placement, more readable content structure, and smoother journeys from landing to conversion. We also design trust signals like proof blocks, reviews, FAQs, and reassurance sections so visitors feel safe. Website UX also includes improving forms, contact flows, booking journeys, and ecommerce steps. Our goal is to make your website feel easy and smooth for your Singapore audience so more visitors become leads or customers.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          SaaS UI\/UX Design for <strong>Product-Led Growth<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          SaaS products grow when users activate quickly and stay engaged. We design SaaS UI\/UX that supports product-led growth by making onboarding clear, core features easy to use, and workflows simple. We map key actions that lead to retention, such as creating the first project, inviting teammates, completing setup, or using the product daily. We also design dashboards, settings, workflow pages, and feature screens with clarity and consistency. In Singapore SaaS markets, users compare products quickly, so your UX must feel clean and professional. We also ensure the UI supports scalability so new features can be added without design becoming messy. The result is an interface that helps users achieve goals quickly and keeps them coming back.\n        <\/p>\n\n        <div class=\"rounded-2xl border border-[#ECEAE4] bg-white p-6 sm:p-8 mb-10 shadow-sm\">\n          <h4 class=\"text-lg font-extrabold text-[#34393B] mb-3\">Interactive SaaS UX Wins We Target<\/h4>\n          <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n            <div class=\"rounded-xl bg-[#F7F4E9] border border-[#ECEAE4] p-4\">\n              <p class=\"font-bold text-[#34393B]\"><strong>Higher activation<\/strong><\/p>\n              <p class=\"text-sm text-[#5A5F61]\">Users reach the first \u201cvalue moment\u201d faster<\/p>\n            <\/div>\n            <div class=\"rounded-xl bg-[#F7F4E9] border border-[#ECEAE4] p-4\">\n              <p class=\"font-bold text-[#34393B]\"><strong>Lower churn<\/strong><\/p>\n              <p class=\"text-sm text-[#5A5F61]\">Less frustration and better product clarity<\/p>\n            <\/div>\n            <div class=\"rounded-xl bg-[#F7F4E9] border border-[#ECEAE4] p-4\">\n              <p class=\"font-bold text-[#34393B]\"><strong>Better adoption<\/strong><\/p>\n              <p class=\"text-sm text-[#5A5F61]\">Users discover features without confusion<\/p>\n            <\/div>\n            <div class=\"rounded-xl bg-[#F7F4E9] border border-[#ECEAE4] p-4\">\n              <p class=\"font-bold text-[#34393B]\"><strong>More upgrades<\/strong><\/p>\n              <p class=\"text-sm text-[#5A5F61]\">Clear upgrade paths and premium value signals<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          eCommerce UI\/UX Design for <strong>Higher Sales<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Ecommerce design must remove buying hesitation. We design ecommerce UI\/UX to improve product discovery, make product pages clearer, and reduce cart abandonment. For Singapore shoppers, trust is important, so we design layouts that show reviews, delivery clarity, return reassurance, and product proof in a clean way. We optimise the journey from category page to product page to checkout, ensuring each step feels easy. We also improve filters, search experience, product image layout, and mobile checkout flow. Many ecommerce sites lose money due to small UX issues like unclear delivery info or complicated checkout. We find those gaps and fix them through better design and better flow. The result is higher conversion and better customer satisfaction.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Design Systems &#038; <strong>UI Style Guides<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          A design system keeps your UI consistent across every page and feature. Without a design system, your website or app becomes messy as it grows. We create design systems with reusable components like buttons, cards, forms, navigation, typography, spacing, and colour rules. A UI style guide ensures everyone follows the same design language, including designers, developers, and marketers. In Singapore businesses, this saves time because new pages can be built faster and look consistent. Design systems also reduce development errors because components are clear and reusable. We build design systems that match your brand and are easy to apply across web and app interfaces.\n        <\/p>\n\n        <div class=\"rounded-2xl border border-[#ECEAE4] bg-[#F7F4E9] p-6 sm:p-8 mb-10\">\n          <h4 class=\"text-lg font-extrabold text-[#34393B] mb-3\">What\u2019s Inside Your Design System<\/h4>\n          <ul class=\"space-y-2 text-[#34393B]\">\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Component library for <strong>buttons<\/strong>, forms, cards, menus<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Typography rules for consistent readability<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Colour and contrast rules for accessibility<\/li>\n            <li class=\"flex gap-2\"><span class=\"text-[#4FB286] font-black\">\u2022<\/span> Spacing and layout guidelines for clean UI<\/li>\n          <\/ul>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Interactive Prototyping (<strong>Figma<\/strong>)\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Prototyping helps you test and validate the experience before development begins. We build interactive prototypes in <strong>Figma<\/strong> so you can click through screens like a real product. This makes feedback easier, reduces confusion, and prevents costly changes later. Prototypes show transitions, navigation flows, and key user journeys clearly. For Singapore businesses, prototyping is valuable because it makes decision-making faster and more confident. Stakeholders can see exactly what the user will experience, and developers can understand requirements better. We also use prototypes for usability testing, so we validate real user behaviour before anything is built.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Usability Testing &#038; <strong>UX Validation<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Usability testing shows whether users can actually complete key tasks. We test navigation, clarity, CTA flow, forms, checkout, onboarding, and key interactions. UX validation helps us confirm that the experience works, not just looks good. We run tests with real users or internal stakeholders, depending on your setup, and we record findings clearly. In Singapore markets, usability issues often show up on mobile, so we test mobile behaviour closely. Testing results lead to improvements that directly increase conversions and reduce frustration. We present usability feedback in a simple way so you can understand what needs fixing and why it matters.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Accessibility &#038; Inclusive Design (<strong>WCAG<\/strong>)\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Accessibility means your interface works for everyone, including users with visual, motor, or cognitive challenges. We follow <strong>WCAG<\/strong> principles to improve contrast, readability, keyboard navigation, focus states, and inclusive interaction design. Accessibility is not only ethical, it also improves usability for everyone. In Singapore, inclusive design helps your business serve a wider audience and reduces usability issues on mobile and older devices. We design with clear colour contrast, readable fonts, consistent layouts, and easy interaction patterns so the experience feels comfortable for all users.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Microinteractions &#038; <strong>Motion UI Enhancements<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Microinteractions are small UI movements and feedback that make the experience feel alive. Motion UI can guide attention, confirm actions, and make the interface feel smoother. We design microinteractions like button states, hover feedback, loading indicators, progress steps, animations, and form validation cues. These details improve engagement because users feel the interface is responsive and modern. Motion should not be heavy or distracting. It should be helpful. For Singapore brands, microinteractions support premium perception and improve trust by making the experience feel professional and polished.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          UI\/UX Redesign &#038; <strong>Experience Optimisation<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Redesign is not about changing colours. It is about improving experience and performance. We redesign websites, apps, and SaaS platforms by fixing UX problems, improving UI clarity, and modernising layout. We analyse what is currently working and what is causing drop-offs. Then we improve flows, content structure, navigation, and component design. Experience optimisation helps you increase conversions without increasing ad spend because more users complete key actions. In Singapore, redesign is often needed when a site feels outdated or hard to use on mobile. We make redesign simple by using structured steps, clear validation, and developer-ready outputs.\n        <\/p>\n\n        <div class=\"rounded-2xl border border-[#ECEAE4] bg-white p-6 sm:p-8 mt-10 mb-12 shadow-sm\">\n          <h3 class=\"text-2xl font-semibold text-[#34393B] mb-3\">\n            Want a Better UI\/UX Without Guessing?\n          <\/h3>\n          <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n            We can improve your <strong>user experience<\/strong> and <strong>interface design<\/strong> with structured UX research, clean UI, and validation before development.\n          <\/p>\n          <div class=\"flex flex-col md:flex-row gap-4 items-stretch md:items-center\">\n            <a href=\"tel:+447429915453\" class=\"w-full md:w-auto text-center px-10 py-5 rounded-2xl font-extrabold text-white bg-[#4FB286] hover:bg-[#3DAF9F] transition shadow-xl text-lg\">\n              Call +447429915453\n            <\/a>\n            <a href=\"mailto:hello@epikfunnel.com\" class=\"w-full md:w-auto text-center px-10 py-5 rounded-2xl font-extrabold text-white bg-[#FF715B] hover:bg-[#FF563F] transition shadow-xl text-lg\">\n              Email hello@epikfunnel.com\n            <\/a>\n            <a href=\"https:\/\/epikfunnel.com\/sg\/contact\/\" class=\"w-full md:w-auto text-center px-10 py-5 rounded-2xl font-extrabold text-[#34393B] bg-white border-2 border-[#4FB286] hover:border-[#3DAF9F] transition shadow-xl text-lg\">\n              Contact Us (Singapore)\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          Developer Handoff &#038; <strong>Design Documentation<\/strong>\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Great design fails when developers do not understand it. We provide developer handoff that includes clear design files, component rules, spacing guides, responsive behaviour, and interaction notes. We also provide design documentation so your development team can build the experience accurately. This saves time and reduces back-and-forth. In Singapore projects, speed matters, so good handoff helps your launch happen faster. We deliver assets in a clean structure, including exports, icons, and UI components. Developer handoff ensures your final build matches the approved design, and it reduces mistakes during implementation.\n        <\/p>\n\n        <h3 class=\"text-2xl font-semibold text-[#5A5F61] mb-4 mt-10\">\n          UI\/UX Design for <strong>Startups<\/strong> &#038; <strong>SMEs<\/strong> in Singapore\n        <\/h3>\n        <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n          Startups and SMEs need designs that look credible and help conversions fast. We design UI\/UX for startups that want to launch quickly and test ideas without wasting budget. We also support SMEs that want to upgrade their digital presence and improve lead flow. Our approach is structured but flexible, so you can start with wireframes, move into UI, and then validate before development. For Singapore businesses, credibility and clarity matter, so we focus on clean messaging and strong experience. <strong>Epik Funnel Singapore<\/strong> works with startups and SMEs to build modern UI\/UX that supports growth, retention, and customer trust.\n        <\/p>\n\n        <div class=\"rounded-2xl border border-[#ECEAE4] bg-[#F7F4E9] p-6 sm:p-8 mt-10 mb-12\">\n          <h3 class=\"text-2xl font-semibold text-[#34393B] mb-3\">\n            Book a Free <strong>UI\/UX Consultation<\/strong> in Singapore\n          <\/h3>\n          <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n            Let us review your website or app, identify UX friction, and guide you with a clear UI\/UX plan built for better <strong>conversions<\/strong> and smoother <strong>user journeys<\/strong>.\n          <\/p>\n          <div class=\"flex flex-col sm:flex-row items-center gap-4\">\n            <button id=\"openAppointmentModalBtn\" class=\"w-full sm:w-auto px-10 py-5 rounded-2xl font-extrabold text-white bg-[#4FB286] hover:bg-[#3DAF9F] transition shadow-xl text-lg flex items-center justify-center gap-3 contact-option\" title=\"Schedule a Meeting\" style=\"transition-delay: 0s;\">\n              <i class=\"fas fa-calendar-alt text-2xl\"><\/i>\n              Schedule a Meeting\n            <\/button>\n            <a href=\"https:\/\/epikfunnel.com\/sg\/get-a-quote\/\" class=\"w-full sm:w-auto text-center px-10 py-5 rounded-2xl font-extrabold text-white bg-[#FF715B] hover:bg-[#FF563F] transition shadow-xl text-lg\">\n              Get a Quote\n            <\/a>\n            <a href=\"https:\/\/wa.me\/447429915453\" target=\"_blank\" rel=\"noopener\" class=\"w-full sm:w-auto text-center px-10 py-5 rounded-2xl font-extrabold text-[#34393B] bg-white border-2 border-[#4FB286] hover:border-[#3DAF9F] transition shadow-xl text-lg\">\n              WhatsApp +447429915453\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"mt-12 rounded-2xl bg-white border border-[#ECEAE4] p-6 sm:p-8 shadow-sm\">\n          <h3 class=\"text-2xl font-semibold text-[#34393B] mb-3\">\n            Stay Connected With <strong>Epik Funnel Singapore<\/strong>\n          <\/h3>\n          <p class=\"text-[#34393B] mb-6 leading-relaxed\">\n            Follow us to see how we build better <strong>UI design<\/strong>, improve <strong>UX strategy<\/strong>, and create conversion-focused digital experiences for Singapore brands.\n          <\/p>\n          <div class=\"flex items-center gap-3\">\n            <a href=\"https:\/\/www.facebook.com\/epikfunnel\/\" target=\"_blank\" rel=\"noopener\" class=\"w-12 h-12 rounded-full bg-[#4FB286] hover:bg-[#3DAF9F] transition flex items-center justify-center shadow-lg\" aria-label=\"Facebook\">\n              <i class=\"fab fa-facebook-f text-white text-xl\"><\/i>\n            <\/a>\n            <a href=\"https:\/\/twitter.com\/epikfunnel\" target=\"_blank\" rel=\"noopener\" class=\"w-12 h-12 rounded-full bg-[#FF715B] hover:bg-[#FF563F] transition flex items-center justify-center shadow-lg\" aria-label=\"Twitter\">\n              <i class=\"fab fa-twitter text-white text-xl\"><\/i>\n            <\/a>\n            <a href=\"https:\/\/www.linkedin.com\/company\/epikfunnel\" target=\"_blank\" rel=\"noopener\" class=\"w-12 h-12 rounded-full bg-[#4FB286] hover:bg-[#3DAF9F] transition flex items-center justify-center shadow-lg\" aria-label=\"LinkedIn\">\n              <i class=\"fab fa-linkedin-in text-white text-xl\"><\/i>\n            <\/a>\n            <a href=\"https:\/\/www.instagram.com\/epikfunnel\/\" target=\"_blank\" rel=\"noopener\" class=\"w-12 h-12 rounded-full bg-[#FF715B] hover:bg-[#FF563F] transition flex items-center justify-center shadow-lg\" aria-label=\"Instagram\">\n              <i class=\"fab fa-instagram text-white text-xl\"><\/i>\n            <\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ Section -->\n<section id=\"faq-section\" class=\"py-16 md:py-24 bg-background px-4 sm:px-6 lg:lg:px-8\">\n        <div class=\"container mx-auto max-w-7xl\">\n            <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-secondary text-center mb-6 animate-fade-in-up opacity-0\">\n                Frequently Asked <span class=\"primary-color\">Questions<\/span>\n            <\/h2>\n            <p class=\"text-lg sm:text-xl text-paragraph text-center max-w-3xl mx-auto mb-16 animate-fade-in-up-2 opacity-0\">\n                Create user-centered digital products: essential insights into maximizing usability, accessibility, and conversion with expert UI\/UX design in Singapore.\n            <\/p>\n\n            <div class=\"bg-white rounded-xl shadow-lg overflow-hidden animate-fade-in-up opacity-0 grid grid-cols-1 md:grid-cols-2 gap-x-12 faq-grid-container\" style=\"animation-delay: 0s;\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>What is the core difference between UI Design and UX Design?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>**UX (User Experience)** is the overall feeling, usability, and journey of the user with a product (the blueprint). **UI (User Interface)** is the look and feel, visual elements, and interactivity of the product (the paint and structure). Both are essential for a successful digital product.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>What technical deliverables do you provide for the development team?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>We deliver comprehensive assets including **UI Style Guides** (color codes, typography, component library), **Design Specifications** (measurements, spacing), **Interactive Prototypes** (Figma\/Sketch files), and **CSS\/Exportable Assets** for efficient handoff.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>How does a strong UX design strategy directly improve conversion rates?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>A strong UX strategy reduces **friction** in the user journey. By simplifying complex navigation, minimizing steps in forms\/checkouts, and improving clarity, a good design ensures users complete the desired action (conversion) faster and easier.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>What is the typical workflow for a comprehensive UI\/UX design project?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>The workflow is: **Discovery &#038; Research** (UX) > **Wireframing &#038; Information Architecture** (UX) > **Prototyping &#038; Testing** (UX\/UI) > **High-Fidelity Visual Design** (UI) > **Development Handoff &#038; QA Support**.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>Do you design for Mobile-First, and how do you ensure cross-device consistency?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>Yes. We always adopt a **Mobile-First** approach, designing for the smallest screen before scaling up. Cross-device consistency is ensured through the **Component Library** and **Atomic Design** principles, making elements adaptive but visually uniform.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>How does a great user interface contribute to brand trust and recall?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>A visually polished, intuitive interface signals professionalism and attention to detail. This professional aesthetic enhances brand recall and builds immediate user trust, differentiating the product from less polished, lower-quality competitors.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>How do you utilize user testing and heuristic evaluations to validate design decisions?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>We conduct **User Testing** (observing target users interacting with prototypes) to identify usability issues. **Heuristic Evaluation** (expert review against usability principles) identifies design flaws that are then fixed to boost conversion.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>How does your service localize the design aesthetics for the Singapore consumer?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>We integrate local design preferences, ensuring clear communication hierarchy, culturally sensitive imagery, and compliance with local accessibility standards. We also prioritize efficiency in navigation, reflecting the high digital literacy of the Singapore audience.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>Do you design for website accessibility standards (WCAG)?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>Yes. We ensure all designs meet Web Content Accessibility Guidelines (WCAG) standards. This includes proper color contrast, keyboard navigation flow, clear focus states, and appropriate ARIA labels, making the product usable by everyone.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>How does Information Architecture (IA) support user awareness and content discoverability?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>IA creates the structural map of the content. A logical, intuitive structure ensures users can find necessary information quickly, reducing cognitive load and improving search engine discoverability and ranking authority.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>What is the importance of microcopy (small text) in conversion-focused design?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>Microcopy (e.g., button text, field hints, error messages) eliminates user doubt at critical moments. Clear, reassuring microcopy (e.g., &#8220;30-day money-back guarantee&#8221;) builds trust and ensures the user proceeds smoothly to complete the conversion.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>What types of digital products do you specialize in designing (e-commerce, SaaS, mobile apps)?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>We specialize across the board: **Complex SaaS Platforms** (dashboards, data visualization), **E-commerce Websites** (checkout flows, product listing pages), and **Native Mobile Applications** (iOS and Android).<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>Do you provide consulting on integrating A\/B testing frameworks into the design?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>Yes. Designs are created with A\/B testing readiness. We ensure key elements (CTAs, headlines, visual hierarchy) can be easily swapped out via code, supporting continuous optimization and data-driven design validation.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>How does design help reduce cognitive load and improve user retention?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>We reduce cognitive load by using recognizable patterns, limiting choices (Hick&#8217;s Law), and presenting information in digestible chunks. An easy-to-use product increases user satisfaction and retention, reducing the need for support.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>What is the role of visual hierarchy in directing the user to the conversion point?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>Visual hierarchy uses size, contrast, color, and spacing to prioritize information. We use this to draw the eye instantly to the primary headline, then to key value points, and finally, to the main Call-to-Action button.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>Do you offer training for our development team on the final design system and handoff?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>Yes. The project concludes with a dedicated handoff and Q&#038;A session. We utilize tools like Figma or Zeplin to ensure developers receive precise spacing, typography, and color code documentation for efficient and accurate implementation.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>How do you handle designing for complex data visualization and dashboard layouts?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>We simplify complexity by prioritizing key metrics, using appropriate chart types (e.g., line for trends, bar for comparison), and designing modular widgets. The goal is rapid information retrieval and decision-making for professional users.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>Can UI\/UX help optimize the app store listing page conversion?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>Yes. We design high-converting, visually appealing app screenshots and video previews. These visuals showcase the app&#8217;s key benefits and ease of use, directly improving the visitor-to-install conversion rate on the App Store\/Google Play.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>What is the strategic role of designing error and empty states?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>Error and empty states (e.g., empty cart, 404 page) are critical conversion points. We design them to be helpful, informative, and guide the user back to a goal (e.g., &#8220;Shop Best Sellers Now&#8221;), reducing frustration and preventing abandonment.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-item-header\">\n                        <span>How do we start the initial UI\/UX Discovery and Research phase?<\/span>\n                        <i class=\"fas fa-chevron-down faq-chevron\"><\/i>\n                    <\/div>\n                    <div class=\"faq-item-content\">\n                        <p>We begin with a **Stakeholder Interview and User Persona Workshop**. This defines the product goals, target user needs, and primary pain points, establishing a clear, evidence-based foundation for the entire design process.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<!-- Video Call to action Section -->\n    <section class=\"min-h-screen flex items-center justify-center py-12 px-4 sm:px-6 lg:px-8\" style=\"background-color: #F7F4E9;\">\n\t\t<div class=\"container mx-auto max-w-7xl\">\n        <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-secondary text-center mb-6 animate-fade-in-up opacity-0\">\n            We are in 1 Minute <span class=\"primary-color\">Thirty Seconds<\/span>\n        <\/h2>\n        <p class=\"text-lg sm:text-xl text-paragraph text-center max-w-3xl mx-auto mb-16 animate-fade-in-up-2 opacity-0\">\n            Discover the comprehensive range of digital marketing solutions we offer, designed to drive growth, engagement, and measurable results for your business.\n        <\/p>\n        <div class=\"max-w-6xl w-full bg-white shadow-xl rounded-lg overflow-hidden flex flex-col md:flex-row\">\n            <!-- Left Column: Video Section -->\n            <div class=\"md:w-1\/2 p-4 md:p-8 flex items-center justify-center\" style=\"background-color: #34393B;\">\n                <!-- Aspect ratio box for responsive video embedding (16:9 ratio) -->\n                <div class=\"relative w-full\" style=\"padding-top: 56.25%;\">\n                    <!--\n                        Replace 'YOUR_VIDEO_ID' with the actual ID of your YouTube video.\n                        For autoplay, mute, and loop, ensure the video ID is repeated in the playlist parameter.\n                        For local videos, use the <video> tag structure provided in comments below.\n                    -->\n                    <iframe\n                        class=\"absolute top-0 left-0 w-full h-full rounded-lg shadow-md\"\n                        src=\"https:\/\/www.youtube.com\/embed\/YOUR_VIDEO_ID?autoplay=1&#038;mute=1&#038;loop=1&#038;playlist=YOUR_VIDEO_ID\"\n                        frameborder=\"0\"\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                        allowfullscreen\n                        title=\"Embedded Video Placeholder\"\n                        onerror=\"this.src='https:\/\/placehold.co\/600x337\/34393B\/F7F4E9?text=Video+Not+Available'\"\n                    ><\/iframe>\n                    <!--\n                        Alternative for local video file:\n                        <video controls class=\"absolute top-0 left-0 w-full h-full rounded-lg shadow-md object-cover\">\n                            <source src=\"your-video-file.mp4\" type=\"video\/mp4\">\n                            Your browser does not support the video tag.\n                        <\/video>\n                    -->\n                <\/div>\n            <\/div>\n\n            <!-- Right Column: Form Section -->\n            <div class=\"md:w-1\/2 p-6 md:p-10 flex flex-col justify-center\" style=\"background-color: #F7F4E9;\">\n                <h2 class=\"text-3xl md:text-4xl font-extrabold mb-6\" style=\"color: #34393B;\">\n                    <span style=\"color: #FF715B;\">Get in Touch<\/span> with Us\n                <\/h2>\n                <p class=\"mb-6 text-lg\" style=\"color: #34393B;\">\n                    We&#8217;d love to hear from you! Fill out the form below and we&#8217;ll get back to you shortly.\n                <\/p>\n\n                <form class=\"space-y-6\" id=\"contactForm\" action=\"\/wp-content\/themes\/EpikFunnel\/form-integration\/form-handler.php\" method=\"POST\">\n                    <div>\n                        <label for=\"name\" class=\"block text-sm font-medium mb-1\" style=\"color: #5A5F61;\">Your Name<\/label>\n                        <input type=\"text\" required id=\"name\" name=\"fullname\"\n                               class=\"appearance-none relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-[#4FB286] focus:border-transparent sm:text-sm\"\n                               placeholder=\"John Doe\"\n                               style=\"background-color: #ECEAE4;\">\n                    <\/div>\n                    <div>\n                        <label for=\"email\" class=\"block text-sm font-medium mb-1\" style=\"color: #5A5F61;\">Email Address<\/label>\n                        <input type=\"email\" required id=\"email\" name=\"emailaddress\"\n                               class=\"appearance-none relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-[#4FB286] focus:border-transparent sm:text-sm\"\n                               placeholder=\"you@example.com\"\n                               style=\"background-color: #ECEAE4;\">\n                    <\/div>\n\t\t\t\t\t<div>\n                        <label for=\"email\" class=\"block text-sm font-medium mb-1\" style=\"color: #5A5F61;\">Phone Number<\/label>\n                        <input type=\"tel\" required id=\"email\" name=\"phonenumber\"\n                               class=\"appearance-none relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-[#4FB286] focus:border-transparent sm:text-sm\"\n                               placeholder=\"Phone Number\" \n\t\t\t\t\t\t\t   pattern=\"[0-9]+\"\n                               style=\"background-color: #ECEAE4;\">\n                    <\/div>\n                    <div>\n                        <label for=\"message\" required class=\"block text-sm font-medium mb-1\" style=\"color: #5A5F61;\">Your Message<\/label>\n                        <textarea id=\"message\" name=\"yourrequirements\" rows=\"4\"\n                                  class=\"appearance-none relative block w-full px-4 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-[#4FB286] focus:border-transparent sm:text-sm\"\n                                  placeholder=\"Tell us what's on your mind...\"\n                                  style=\"background-color: #ECEAE4;\"><\/textarea>\n                    <\/div>\n\t\t\t\t\t<input type=\"hidden\" name=\"pageurl\" id=\"pageurl\" value=\"<?php echo esc_attr( home_url( add_query_arg( null, null ) ) ); ?>&#8220;>\n\t\t\t\t\t<input type=\"hidden\" name=\"pagetitle\" id=\"pagetitle\" value=\"<?php echo esc_attr( wp_title('', false) ); ?>&#8220;>\n<input type=\"hidden\" name=\"form_type\" value=\"quote_form\">\n                    <div>\n                        <button type=\"submit\"\n                                class=\"group relative w-full flex justify-center py-3 px-4 border border-transparent text-lg font-medium rounded-md text-white transition-all duration-300 ease-in-out\"\n                                style=\"background-color: #4FB286;\">\n                            <span class=\"absolute left-0 inset-y-0 flex items-center pl-3\">\n                                <!-- Mail icon from Heroicons (SVG) -->\n                                <svg class=\"h-6 w-6 text-white group-hover:text-white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n                                    <path d=\"M2.003 5.884L10 10.998l7.997-5.114A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\" \/>\n                                    <path d=\"M18 8.118l-8 4.71-8-4.71V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\" \/>\n                                <\/svg>\n                            <\/span>\n                            Send Message\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/section>\n<!-- Brands logo section -->\n<section id=\"brands-showcase\" class=\"py-16 md:py-24 bg-secondary px-4 sm:px-6 lg:px-8 overflow-hidden\">\n    <div class=\"container mx-auto max-w-7xl\">\n        <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-white text-center mb-6 animate-fade-in-up opacity-0\">\n            Trusted by Leading <span class=\"primary-color\">Brands.<\/span>\n        <\/h2>\n        <p class=\"text-lg sm:text-xl text-gray-300 text-center max-w-3xl mx-auto mb-16 animate-fade-in-up-2 opacity-0\">\n            We&#8217;re proud to partner with businesses of all sizes, helping them achieve remarkable digital growth and success.\n        <\/p>\n    <\/div>\n\n    <!-- Marquee\/Auto-Scroll Container -->\n    <div class=\"marquee-container w-full overflow-hidden py-8 relative animate-fade-in-up-3 opacity-0\">\n        <div class=\"marquee-content w-[200%]\"> <!-- Double width to allow seamless loop -->\n            <!-- Set 8 unique logos and then repeat them for continuous scroll -->\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/wholesale-pro-boxes.png\" alt=\"Brand A\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/union-box-pack.png\" alt=\"Brand B\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/trend-pack-boxes-client.png\" alt=\"Brand C\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/speedy-pack-boxes-client.png\" alt=\"Brand D\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/smrt-tech-pacakging.png\" alt=\"Brand E\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/global-box-makers.png\" alt=\"Brand F\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/chic-box-packaging.png\" alt=\"Brand G\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/bold-print-boxes-client.png\" alt=\"Brand H\" class=\"brand-logo\">\n            <\/div>\n\n            <!-- Duplicate the content for seamless looping -->\n             <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/wholesale-pro-boxes.png\" alt=\"Brand A\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/union-box-pack.png\" alt=\"Brand B\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/trend-pack-boxes-client.png\" alt=\"Brand C\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/speedy-pack-boxes-client.png\" alt=\"Brand D\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/smrt-tech-pacakging.png\" alt=\"Brand E\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/global-box-makers.png\" alt=\"Brand F\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/chic-box-packaging.png\" alt=\"Brand G\" class=\"brand-logo\">\n            <\/div>\n            <div class=\"brand-logo-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/bold-print-boxes-client.png\" alt=\"Brand H\" class=\"brand-logo\">\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<!-- Client Trust & Reviews Section - Redesigned -->\n    <section id=\"client-trust-reviews\" class=\"py-16 md:py-24 bg-background px-4 sm:px-6 lg:px-8\">\n        <div class=\"container mx-auto max-w-7xl\">\n            <h2 class=\"text-3xl sm:text-4xl md:text-5xl font-extrabold text-secondary text-center mb-6 animate-fade-in-up opacity-0\">\n                What Our Clients <span class=\"primary-color\">Say<\/span>\n            <\/h2>\n            <p class=\"text-lg sm:text-xl text-paragraph text-center max-w-3xl mx-auto mb-16 animate-fade-in-up-2 opacity-0\">\n                Our success is built on the trust and satisfaction of our clients. Read firsthand accounts of how Epik Funnel has helped businesses like yours thrive.\n            <\/p>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-start\">\n                <!-- Column 1: Overall Rating & Featured Testimonial -->\n                <div class=\"flex flex-col items-center lg:items-start text-center lg:text-left animate-fade-in-up-3 opacity-0\">\n                    <h3 class=\"text-5xl md:text-6xl font-bold text-primary mb-4\">4.9 \/ 5.0 Stars<\/h3>\n                    <div class=\"star-rating text-4xl md:text-5xl mb-8\">\n                        <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i>\n                    <\/div>\n                    <div class=\"bg-primary text-white p-8 rounded-xl shadow-xl transform hover:scale-105 transition-transform duration-300 w-full mb-8\">\n                        <i class=\"fas fa-quote-left text-accent text-3xl mb-4 inline-block float-left mr-4\"><\/i>\n                        <p class=\"text-2xl md:text-3xl font-semibold leading-relaxed mb-6\">\n                            &#8220;Working with Epik Funnel was a game-changer for our business. Their strategies are precise, their execution is flawless, and the results speak for themselves. Truly exceptional!&#8221;\n                        <\/p>\n                        <div class=\"text-right\">\n                            <p class=\"text-xl font-bold\">Alex Johnson<\/p>\n                            <p class=\"text-lg text-gray-200\">CEO, Global Solutions Co.<\/p>\n                        <\/div>\n                    <\/div>\n                    <p class=\"text-paragraph text-md mb-4 text-center lg:text-left\">\n                        Based on hundreds of verified reviews across multiple platforms.Based on hundreds of verified reviews across multiple platforms.Based on hundreds of verified reviews across multiple platforms.Based on hundreds of verified reviews across multiple platforms.Based on hundreds of verified reviews across multiple platforms.Based on hundreds of verified reviews across multiple platforms.Based on hundreds of verified reviews across multiple platforms.Based on hundreds of verified reviews across multiple platforms.Based on hundreds of verified reviews across multiple platforms.\n                    <\/p>\n                <\/div>\n\n                <!-- Column 2: Review Sites Marquee & Google Reviews Grid -->\n                <div class=\"flex flex-col animate-fade-in-up-3 opacity-0\" style=\"animation-delay: 0.2s;\">\n                    <h3 class=\"text-2xl font-bold text-secondary mb-6 text-center lg:text-left\">Read More Reviews On:<\/h3>\n                    <!-- Review Sites Marquee\/Auto-Scroll Container -->\n                    <div class=\"review-sites-marquee-container w-full overflow-hidden py-4 relative rounded-xl bg-gray-100 shadow-inner mb-8\">\n                        <div class=\"review-sites-marquee-content w-[200%]\"> <!-- Double width for seamless loop -->\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.google.com\/search?q=Epik+Funnel+reviews\" target=\"_blank\" title=\"Review us on Google\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/googlereviewsEpikFunnel-updated.png\" alt=\"Google Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.clutch.co\/profile\/epik-funnel\" target=\"_blank\" title=\"Review us on Clutch\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/clutchreviewsEpikFunnel-updated.png\" alt=\"Clutch Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.yelp.com\/biz\/epik-funnel\" target=\"_blank\" title=\"Review us on Yelp\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/yelpreviewsEpikFunnel-updated.png\" alt=\"Yelp Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.trustpilot.com\/review\/epikfunnel.com\" target=\"_blank\" title=\"Review us on Trustpilot\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/trustpilotreviewsEpikFunnel-updated.png\" alt=\"Trustpilot Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/g2.com\/products\/epik-funnel\" target=\"_blank\" title=\"Review us on G2\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/g2reviewsEpikFunnel-updated.png\" alt=\"G2 Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.facebook.com\/reviews\/epikfunnel\" target=\"_blank\" title=\"Review us on Facebook\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/facebookreviewsEpikFunnel-updated.png\" alt=\"Facebook Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.shopify.com\/partners\/directory\/agency\/epikfunnel\" target=\"_blank\" title=\"Review us on Shopify Partners\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/shopifypartnerreviews-updated.png\" alt=\"Shopify Partners\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <!-- Duplicate logos for seamless looping -->\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.google.com\/search?q=Epik+Funnel+reviews\" target=\"_blank\" title=\"Review us on Google\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/googlereviewsEpikFunnel-updated.png\" alt=\"Google Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.clutch.co\/profile\/epik-funnel\" target=\"_blank\" title=\"Review us on Clutch\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/clutchreviewsEpikFunnel-updated.png\" alt=\"Clutch Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.yelp.com\/biz\/epik-funnel\" target=\"_blank\" title=\"Review us on Yelp\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/yelpreviewsEpikFunnel-updated.png\" alt=\"Yelp Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.trustpilot.com\/review\/epikfunnel.com\" target=\"_blank\" title=\"Review us on Trustpilot\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/trustpilotreviewsEpikFunnel-updated.png\" alt=\"Trustpilot Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/g2.com\/products\/epik-funnel\" target=\"_blank\" title=\"Review us on G2\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/g2reviewsEpikFunnel-updated.png\" alt=\"G2 Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.facebook.com\/reviews\/epikfunnel\" target=\"_blank\" title=\"Review us on Facebook\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/facebookreviewsEpikFunnel-updated.png\" alt=\"Facebook Reviews\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                            <div class=\"review-site-logo-wrapper\">\n                                <a href=\"https:\/\/www.shopify.com\/partners\/directory\/agency\/epikfunnel\" target=\"_blank\" title=\"Review us on Shopify Partners\">\n                                    <img decoding=\"async\" src=\"https:\/\/epikfunnel.com\/sg\/wp-content\/uploads\/2025\/08\/shopifypartnerreviews-updated.png\" alt=\"Shopify Partners\" class=\"review-site-logo\">\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <h3 class=\"text-2xl font-bold text-secondary mb-6 text-center lg:text-left\">Recent Google Business Reviews<\/h3>\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                        <!-- Google Review 1 -->\n                        <div class=\"google-review-card\">\n                            <div class=\"flex items-center justify-between mb-2\">\n                                <p class=\"text-sm font-semibold text-subheading\">Aisha K.<\/p>\n                                <div class=\"star-rating\">\n                                    <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-paragraph text-md leading-relaxed\">\n                                &#8220;Epik Funnel&#8217;s local SEO expertise is unmatched! My business has seen a massive increase in local leads.&#8221;\n                            <\/p>\n                        <\/div>\n                        <!-- Google Review 2 -->\n                        <div class=\"google-review-card\">\n                            <div class=\"flex items-center justify-between mb-2\">\n                                <p class=\"text-sm font-semibold text-subheading\">Usman T.<\/p>\n                                <div class=\"star-rating\">\n                                    <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-paragraph text-md leading-relaxed\">\n                                &#8220;The social media team is brilliant. Our engagement rates soared, and their content truly resonated with our audience.&#8221;\n                            <\/p>\n                        <\/div>\n                        <!-- Google Review 3 -->\n                        <div class=\"google-review-card\">\n                            <div class=\"flex items-center justify-between mb-2\">\n                                <p class=\"text-sm font-semibold text-subheading\">Fatima R.<\/p>\n                                <div class=\"star-rating\">\n                                    <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-paragraph text-md leading-relaxed\">\n                                &#8220;Finally, an agency that delivers! Their PPC campaigns brought in high-quality leads consistently. Excellent reporting too.&#8221;\n                            <\/p>\n                        <\/div>\n                        <!-- Google Review 4 -->\n                        <div class=\"google-review-card\">\n                            <div class=\"flex items-center justify-between mb-2\">\n                                <p class=\"text-sm font-semibold text-subheading\">Ali H.<\/p>\n                                <div class=\"star-rating\">\n                                    <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-alt\"><\/i>\n                                <\/div>\n                            <\/div>\n                            <p class=\"text-paragraph text-md leading-relaxed\">\n                                &#8220;Professional and efficient. The website redesign was seamless, and the new UX is fantastic. Very happy with the outcome.&#8221;\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Read All Reviews Button -->\n                    <div class=\"text-center mt-8\">\n                        <a href=\"https:\/\/www.google.com\/search?q=Epik+Funnel+reviews\" target=\"_blank\" class=\"inline-flex items-center justify-center px-10 py-4 border border-transparent text-lg font-semibold rounded-full shadow-lg bg-primary text-white hover:bg-hover-color transform hover:-translate-y-1 transition-all duration-300\">\n                            Read All Reviews <i class=\"fas fa-star-half-alt ml-3\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\t\t\n\t\t\n\t <!-- The Video Pop-up Modal (Place this at the end of your <body> tag for best layering) -->\n    <div id=\"video-modal\" class=\"video-modal\">\n        <div class=\"modal-content\">\n            <button class=\"modal-close-button\" id=\"modal-close-button\">&times;<\/button>\n            <div class=\"video-frame-container\">\n                <iframe id=\"video-iframe\" src=\"\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n            <\/div>\n        <\/div>\n    <\/div>\n<!-- Related Services -->\n<section class=\"bg-[#F7F4E9] py-12\">\n  <div class=\"max-w-7xl mx-auto px-4\">\n    <h2 class=\"text-3xl font-bold text-[#34393B] mb-8\">UX\/UI Design: Driving Conversion and Engagement<\/h2>\n    \n    <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n      <a href=\"\/service-ux-strategy\" class=\"block bg-white rounded-2xl shadow hover:shadow-lg transition hover:scale-[1.02] p-6 border border-transparent hover:border-[#4FB286]\">\n        <h3 class=\"text-xl font-semibold text-[#34393B] mb-2\">User Research, Persona Mapping &#038; UX Strategy<\/h3>\n        <p class=\"text-[#5A5F61] text-sm\">Conducting **localized usability testing** and interviews within the Singapore market to define user needs, map optimal journeys, and ensure strategic product alignment before design begins.<\/p>\n        <span class=\"mt-4 inline-block text-[#4FB286] font-medium\">Define Your Strategy \u2192<\/span>\n      <\/a>\n\n      <a href=\"\/service-design-systems\" class=\"block bg-white rounded-2xl shadow hover:shadow-lg transition hover:scale-[1.02] p-6 border border-transparent hover:border-[#4FB286]\">\n        <h3 class=\"text-xl font-semibold text-[#34393B] mb-2\">Design Systems &#038; Component Libraries<\/h3>\n        <p class=\"text-[#5A5F61] text-sm\">Building scalable, reusable component libraries (e.g., in Figma\/Sketch) that ensure **design consistency** across all platforms, accelerating development and simplifying future updates.<\/p>\n        <span class=\"mt-4 inline-block text-[#4FB286] font-medium\">Scale Your Product \u2192<\/span>\n      <\/a>\n\n      <a href=\"\/service-cro-testing\" class=\"block bg-white rounded-2xl shadow hover:shadow-lg transition hover:scale-[1.02] p-6 border border-transparent hover:border-[#4FB286]\">\n        <h3 class=\"text-xl font-semibold text-[#34393B] mb-2\">Conversion Rate Optimization (CRO) &#038; A\/B Testing<\/h3>\n        <p class=\"text-[#5A5F61] text-sm\">Data-driven optimization of key funnels (checkout, sign-up, lead forms) through iterative A\/B testing to maximize engagement and **drive measurable business outcomes** in the Singapore context.<\/p>\n        <span class=\"mt-4 inline-block text-[#4FB286] font-medium\">Increase Conversions \u2192<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<!-- Packages Section -->\n","protected":false},"excerpt":{"rendered":"<p>Results Driven UI\/UX Design Services in Singapore At Epik Funnel, one of Singapore\u2019s leading digital marketing agencies, we offer specialised UI\/UX design services. We create digital experiences that are not only visually appealing but also user-friendly and focused on driving conversions. Call Epik Funnel Now! Get a Free Consultation Grow Your Business! Contact Us Email [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-632","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/epikfunnel.com\/sg\/wp-json\/wp\/v2\/pages\/632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/epikfunnel.com\/sg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/epikfunnel.com\/sg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/epikfunnel.com\/sg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/epikfunnel.com\/sg\/wp-json\/wp\/v2\/comments?post=632"}],"version-history":[{"count":16,"href":"https:\/\/epikfunnel.com\/sg\/wp-json\/wp\/v2\/pages\/632\/revisions"}],"predecessor-version":[{"id":6732,"href":"https:\/\/epikfunnel.com\/sg\/wp-json\/wp\/v2\/pages\/632\/revisions\/6732"}],"wp:attachment":[{"href":"https:\/\/epikfunnel.com\/sg\/wp-json\/wp\/v2\/media?parent=632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}