{"id":2496,"date":"2026-03-28T23:28:34","date_gmt":"2026-03-28T23:28:34","guid":{"rendered":"https:\/\/lightgreen-wombat-810778.hostingersite.com\/?page_id=2496"},"modified":"2026-06-15T16:48:52","modified_gmt":"2026-06-15T16:48:52","slug":"ux-ui-design","status":"publish","type":"page","link":"https:\/\/www.castelis.com\/en\/custom-development\/ux-ui-design\/","title":{"rendered":"UX &amp; UI design"},"content":{"rendered":"<section class=\"castelis-hero-banner\" >\n            <div class=\"hero-image-bg\">\n            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/Infra2-e1777224040971.webp\" alt=\"UI UX design services: interfaces that convert\">\n        <\/div>\n    \n    <div class=\"container\">\n                <div class=\"breadcrumbs-wrapper-homepage\"><\/div>\n\n        <div class=\"hero-content-wrapper\">\n            <div class=\"hero-content\">\n                                    <h1 class=\"hero-title\">UI UX design services: interfaces that convert<\/h1>\n                \n                                    <div class=\"hero-description\">\n                        <p>We design user experiences and interfaces aligned with your business and technical challenges. Our UI\/UX design approach drives adoption and conversion, from design to production.<\/p>\n\n                    <\/div>\n                \n                                    <div class=\"hero-cta-buttons\">\n                        <a href=\"#contact\" class=\"btn btn-primary\">\n                            <i class=\"fas fa-chevron-right\"><\/i>\n                            <span> Speak with an expert <\/span>\n                        <\/a>\n\n                                            <\/div>\n                \n                            <\/div>\n        <\/div>\n\n        \n            <\/div>\n<\/section>\n\n\n<nav class=\"castelis-toc \"  data-toc-id=\"toc-6a678d7ab9e9d\">\n    <div class=\"container\">\n        <div class=\"toc-wrapper\">\n                            <ul class=\"toc-list\">\n                                                                        <li class=\"toc-item\">\n                                <a href=\"#expertise\" class=\"toc-link\">\n                                    Expertise\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"toc-item\">\n                                <a href=\"#methodologie\" class=\"toc-link\">\n                                    Methodology\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"toc-item\">\n                                <a href=\"#tech-stack\" class=\"toc-link\">\n                                    Tech stack\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"toc-item\">\n                                <a href=\"#garanties\" class=\"toc-link\">\n                                    From design to production\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"toc-item\">\n                                <a href=\"#faq\" class=\"toc-link\">\n                                    FAQ\n                                <\/a>\n                            <\/li>\n                                                                                                <li class=\"toc-item\">\n                                <a href=\"#contact\" class=\"toc-link\">\n                                    Contact\n                                <\/a>\n                            <\/li>\n                                                            <\/ul>\n                    <\/div>\n    <\/div>\n<\/nav>\n\n<section class=\"castelis-logos variation-client\" >\n    <div class=\"container\">\n                    <div class=\"logos-header\">\n                                    <div class=\"logos-hashtag hashtag-title\"># They chose our expertise<\/div>\n                \n                                    <h2 class=\"logos-heading\">\n                        <span class=\"slash-prefix\">\/<\/span>\n                        Our clients\n                    <\/h2>\n                \n                            <\/div>\n            <\/div>\n\n                        \n            <div class=\"logos-scroll-wrapper\" data-infinite-scroll data-logos-count=\"18\">\n                <div class=\"logos-scroll\">\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/sncf.svg\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/kerastase-e1776431658918.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/qualiconsult.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/prodistribution.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/apave.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/deloitte.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/sanofi.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/loreal-logo.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/dreamyachtcharter.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/ectaris.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/solocal.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/lucernys-e1776431532443.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/narta.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/noveal.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/laprovencal.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/comgest-e1776431580174.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/DOP.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/quadient.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                        \n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/sncf.svg\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/kerastase-e1776431658918.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/qualiconsult.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/prodistribution.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/apave.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/deloitte.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/sanofi.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/loreal-logo.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/dreamyachtcharter.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/ectaris.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/solocal.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/lucernys-e1776431532443.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/narta.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/noveal.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/laprovencal.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/comgest-e1776431580174.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/DOP.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                            <div class=\"logo-item\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/quadient.webp\" alt=\"Logo\" \/>\n                                                    <\/div>\n                        <div class=\"logo-green-line\"><\/div>\n                                    <\/div>\n            <\/div>\n            <\/section>\n\n\n<section class=\"castelis-cards-panel alignment-vertical bg-black heading-left\"  id=\"expertise\" >\n    <div class=\"container\">\n                    <div class=\"cards-panel-header\">\n                                    <div class=\"cards-panel-heading\">\n                        <span class=\"slash-prefix\">\/<\/span>\n                        <h2>Our UX\/UI design expertise<\/h2>\n                    <\/div>\n                                \n                                    <div class=\"cards-panel-description\">\n                        <p>We design interfaces and journeys adapted to complex digital products, to improve usage efficiency and facilitate business adoption.<\/p>\n\n                    <\/div>\n                            <\/div>\n                \n                    <div class=\"cards-grid cards-grid-3\">\n                                    <div class=\"card-item\">\n                                                    \n                            <div class=\"card-icon\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2025\/12\/laptop_7267647_green.svg\" alt=\"UX Research\" \/>\n                                                            <\/div>\n                            \n                                                            <h3 class=\"card-title\">UX Research<\/h3>\n                                                        \n                                                            <p class=\"card-description\">Usage analysis, ergonomic audits and user research to identify real needs, friction points and improvement opportunities before design begins.<\/p>\n                                                        \n                                                        \n                                                                        <\/div>\n                                    <div class=\"card-item\">\n                                                    \n                            <div class=\"card-icon\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2025\/12\/laptop_7267647_green.svg\" alt=\"Project scoping\" \/>\n                                                            <\/div>\n                            \n                                                            <h3 class=\"card-title\">Project scoping<\/h3>\n                                                        \n                                                            <p class=\"card-description\">Definition of key journeys and functional priorities to align business vision, technical constraints and user expectations.<\/p>\n                                                        \n                                                        \n                                                                        <\/div>\n                                    <div class=\"card-item\">\n                                                    \n                            <div class=\"card-icon\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2025\/12\/laptop_7267647_green.svg\" alt=\"Wireframes &amp; UX\" \/>\n                                                            <\/div>\n                            \n                                                            <h3 class=\"card-title\">Wireframes &amp; UX<\/h3>\n                                                        \n                                                            <p class=\"card-description\">Design of structured user journeys to validate usage patterns and effectively prepare development phases.<\/p>\n                                                        \n                                                        \n                                                                        <\/div>\n                                    <div class=\"card-item\">\n                                                    \n                            <div class=\"card-icon\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2025\/12\/laptop_7267647_green.svg\" alt=\"UI Design\" \/>\n                                                            <\/div>\n                            \n                                                            <h3 class=\"card-title\">UI Design<\/h3>\n                                                        \n                                                            <p class=\"card-description\">Creation of clear, consistent interfaces aligned with your brand identity, in compliance with ergonomic and accessibility standards.<\/p>\n                                                        \n                                                        \n                                                                        <\/div>\n                                    <div class=\"card-item\">\n                                                    \n                            <div class=\"card-icon\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2025\/12\/laptop_7267647_green.svg\" alt=\"Design System\" \/>\n                                                            <\/div>\n                            \n                                                            <h3 class=\"card-title\">Design System<\/h3>\n                                                        \n                                                            <p class=\"card-description\">Building a library of reusable components to ensure consistency, maintainability and scalability of your interfaces.<\/p>\n                                                        \n                                                        \n                                                                        <\/div>\n                            <\/div>\n            <\/div>\n<\/section>\n\n\n<section class=\"castelis-methodology-timeline\"  id=\"methodologie\" >\n    <div class=\"container\">\n                    <h2 class=\"methodology-heading\">\n                <span class=\"slash-prefix\">\/<\/span>\n                Design methodology\n            <\/h2>\n        \n        <div class=\"methodology-content\">\n            \n            <div class=\"methodology-left \">   \n                                    <div class=\"methodology-subheading\">\n                        <p>Our UX\/UI methodology is structured and collaborative. It secures functional choices, facilitates development and guarantees products genuinely adapted to real usage.<\/p>\n\n                    <\/div>\n                                                    <div class=\"timeline-wrapper\">\n                        <div class=\"timeline-line\"><\/div>\n                        \n                                                    <div class=\"timeline-step\">\n                                <div class=\"timeline-step-number\">\n                                    <span>1<\/span>\n                                <\/div>\n                                \n                                <div class=\"timeline-step-content\">\n                                                                            <h3 class=\"timeline-step-title\">Analysis &amp; audit<\/h3>\n                                                                        \n                                                                            <p class=\"timeline-step-description\">Study of the context, users and existing tools to identify project challenges, constraints and opportunities.<\/p>\n                                                                        \n                                                                            <div class=\"timeline-step-tags\">\n                                                                                            <span class=\"timeline-tag\">UX audit<\/span>\n                                                                                            <span class=\"timeline-tag\">Analysis<\/span>\n                                                                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"timeline-step\">\n                                <div class=\"timeline-step-number\">\n                                    <span>2<\/span>\n                                <\/div>\n                                \n                                <div class=\"timeline-step-content\">\n                                                                            <h3 class=\"timeline-step-title\">UX scoping<\/h3>\n                                                                        \n                                                                            <p class=\"timeline-step-description\">Definition of user journeys, feature prioritisation and formalisation of functional requirements.<\/p>\n                                                                        \n                                                                            <div class=\"timeline-step-tags\">\n                                                                                            <span class=\"timeline-tag\">Journeys<\/span>\n                                                                                            <span class=\"timeline-tag\">Scoping<\/span>\n                                                                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"timeline-step\">\n                                <div class=\"timeline-step-number\">\n                                    <span>3<\/span>\n                                <\/div>\n                                \n                                <div class=\"timeline-step-content\">\n                                                                            <h3 class=\"timeline-step-title\">UX\/UI design<\/h3>\n                                                                        \n                                                                            <p class=\"timeline-step-description\">Creation of wireframes, prototypes and graphical interfaces to validate usage patterns before development.<\/p>\n                                                                        \n                                                                            <div class=\"timeline-step-tags\">\n                                                                                            <span class=\"timeline-tag\">Wireframes<\/span>\n                                                                                            <span class=\"timeline-tag\">UI<\/span>\n                                                                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"timeline-step\">\n                                <div class=\"timeline-step-number\">\n                                    <span>4<\/span>\n                                <\/div>\n                                \n                                <div class=\"timeline-step-content\">\n                                                                            <h3 class=\"timeline-step-title\">Validation &amp; testing<\/h3>\n                                                                        \n                                                                            <p class=\"timeline-step-description\">User testing and adjustments to ensure ergonomics, comprehension and interface effectiveness.<\/p>\n                                                                        \n                                                                            <div class=\"timeline-step-tags\">\n                                                                                            <span class=\"timeline-tag\">Testing<\/span>\n                                                                                            <span class=\"timeline-tag\">Adjustments<\/span>\n                                                                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                                    <div class=\"timeline-step\">\n                                <div class=\"timeline-step-number\">\n                                    <span>5<\/span>\n                                <\/div>\n                                \n                                <div class=\"timeline-step-content\">\n                                                                            <h3 class=\"timeline-step-title\">Dev support<\/h3>\n                                                                        \n                                                                            <p class=\"timeline-step-description\">Close collaboration with development teams to guarantee proper UX\/UI integration.<\/p>\n                                                                        \n                                                                            <div class=\"timeline-step-tags\">\n                                                                                            <span class=\"timeline-tag\">Project follow-up<\/span>\n                                                                                    <\/div>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                \n                            <\/div>\n\n            \n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"castelis-tech-stack\"  id=\"tech-stack\" >\n    <div class=\"container\">\n                    <h2 class=\"tech-stack-heading\">\n                <span class=\"slash-prefix\">\/<\/span>\n                Our UX\/UI design tools\n            <\/h2>\n        \n                    <div class=\"tech-stack-description\">\n                <p>We use recognised professional tools to design, prototype and test interfaces, while ensuring smooth collaboration with development teams and project stakeholders.<\/p>\n\n            <\/div>\n        \n                    <div class=\"tech-stack-tools\">\n                                                            <span class=\"tech-tool\">Figma<\/span>\n                                                                                <span class=\"tech-tool\">Miro<\/span>\n                                                                                <span class=\"tech-tool\">Hotjar<\/span>\n                                                <\/div>\n        \n                    <div class=\"tech-stack-info\">\n                                    <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2025\/12\/Icon-6.svg\" alt=\"Icon\" class=\"info-icon\">\n                                <span class=\"info-text\">Collaborative tools to align design and development teams at every stage.<\/span>\n            <\/div>\n        \n            <\/div>\n<\/section>\n\n\n<section class=\"castelis-content-image frame-black\"  id=\"garanties\" >\n    <div class=\"container align-items-center\"> \n        \n        <div class=\"order-2 content-wrapper \">\n            \n                            <h2 class=\"content-title\">\n                    <span class=\"slash-prefix\">\/<\/span>\n                    <div>From design to production<\/div>\n                <\/h2>\n                        \n                            <div class=\"castelis-content-text\">\n                    <p>Design is only valuable once it ships. We connect design to development and operations, so your interfaces are delivered, adopted and run in production. When it creates value, we bring AI into the experience.<\/p>\n\n                <\/div>\n                        \n                    <\/div>\n        \n        \n        <div class=\"order-1 image-style-framed \">\n                            <img decoding=\"async\" \n                    src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2026\/04\/domenico-loia-EhTcC9sYXsw-unsplash.webp\" \n                    alt=\"From design to production\"\n                \/>\n                    <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"castelis-faq\"  id=\"faq\" >\n    <div class=\"container\">\n        <h2 class=\"faq-title\">\n            <span class=\"slash-prefix\">\/<\/span>\n            <div>Frequently asked questions \u2014 UX\/UI<\/div>\n        <\/h2>\n    <\/div>\n        \n            <div class=\"faq-accordion\">\n                                            \n                <div class=\"faq-item active\">\n                    <div class=\"container\">\n                        <button \n                            class=\"faq-question\" \n                            type=\"button\"\n                            aria-expanded=\"true\"\n                            aria-controls=\"faq-faq-0\"\n                            onclick=\"this.closest('.faq-item').classList.toggle('active'); this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');\"\n                        >\n                            <h3>What&#039;s the difference between UX and UI?<\/h3>\n                            <i class=\"faq-icon\"><\/i>\n                        <\/button>\n                    <\/div>\n                    <div \n                        class=\"faq-answer\" \n                        id=\"faq-faq-0\"\n                        role=\"region\"\n                    >\n                        <div class=\"container\">\n                            <div class=\"faq-answer-content\">\n                                <p>UX concerns the overall experience and usage, while UI focuses on the visual interface and interactions. Together they ensure interfaces that are both usable and aligned with your business and user objectives.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            \n                <div class=\"faq-item \">\n                    <div class=\"container\">\n                        <button \n                            class=\"faq-question\" \n                            type=\"button\"\n                            aria-expanded=\"false\"\n                            aria-controls=\"faq-faq-1\"\n                            onclick=\"this.closest('.faq-item').classList.toggle('active'); this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');\"\n                        >\n                            <h3>When should UX\/UI be integrated into a digital project?<\/h3>\n                            <i class=\"faq-icon\"><\/i>\n                        <\/button>\n                    <\/div>\n                    <div \n                        class=\"faq-answer\" \n                        id=\"faq-faq-1\"\n                        role=\"region\"\n                    >\n                        <div class=\"container\">\n                            <div class=\"faq-answer-content\">\n                                <p>UX\/UI comes in from the scoping phase to structure journeys, secure functional choices and align the deliverable with real usage. On an existing platform, it helps identify friction points and optimise the experience.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            \n                <div class=\"faq-item \">\n                    <div class=\"container\">\n                        <button \n                            class=\"faq-question\" \n                            type=\"button\"\n                            aria-expanded=\"false\"\n                            aria-controls=\"faq-faq-2\"\n                            onclick=\"this.closest('.faq-item').classList.toggle('active'); this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');\"\n                        >\n                            <h3>Do you only work on website or software creation projects?<\/h3>\n                            <i class=\"faq-icon\"><\/i>\n                        <\/button>\n                    <\/div>\n                    <div \n                        class=\"faq-answer\" \n                        id=\"faq-faq-2\"\n                        role=\"region\"\n                    >\n                        <div class=\"container\">\n                            <div class=\"faq-answer-content\">\n                                <p>No. We work on both creation projects and existing platforms, to improve ergonomics, journey clarity or interface effectiveness.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            \n                <div class=\"faq-item \">\n                    <div class=\"container\">\n                        <button \n                            class=\"faq-question\" \n                            type=\"button\"\n                            aria-expanded=\"false\"\n                            aria-controls=\"faq-faq-3\"\n                            onclick=\"this.closest('.faq-item').classList.toggle('active'); this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');\"\n                        >\n                            <h3>Is UX\/UI useful for internal tools?<\/h3>\n                            <i class=\"faq-icon\"><\/i>\n                        <\/button>\n                    <\/div>\n                    <div \n                        class=\"faq-answer\" \n                        id=\"faq-faq-3\"\n                        role=\"region\"\n                    >\n                        <div class=\"container\">\n                            <div class=\"faq-answer-content\">\n                                <p>Yes. Internal tools benefit greatly from a UX\/UI approach, particularly to improve productivity, reduce errors and facilitate adoption by business users.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            \n                <div class=\"faq-item \">\n                    <div class=\"container\">\n                        <button \n                            class=\"faq-question\" \n                            type=\"button\"\n                            aria-expanded=\"false\"\n                            aria-controls=\"faq-faq-4\"\n                            onclick=\"this.closest('.faq-item').classList.toggle('active'); this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');\"\n                        >\n                            <h3>How does UX\/UI integrate with custom development?<\/h3>\n                            <i class=\"faq-icon\"><\/i>\n                        <\/button>\n                    <\/div>\n                    <div \n                        class=\"faq-answer\" \n                        id=\"faq-faq-4\"\n                        role=\"region\"\n                    >\n                        <div class=\"container\">\n                            <div class=\"faq-answer-content\">\n                                <p>Our designers collaborate continuously with development teams to test interface choices against technical constraints from the outset. This allows feasibility to be validated upstream and interfaces delivered that are directly usable in development.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            \n                <div class=\"faq-item \">\n                    <div class=\"container\">\n                        <button \n                            class=\"faq-question\" \n                            type=\"button\"\n                            aria-expanded=\"false\"\n                            aria-controls=\"faq-faq-5\"\n                            onclick=\"this.closest('.faq-item').classList.toggle('active'); this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');\"\n                        >\n                            <h3>How much do UI\/UX design services cost?<\/h3>\n                            <i class=\"faq-icon\"><\/i>\n                        <\/button>\n                    <\/div>\n                    <div \n                        class=\"faq-answer\" \n                        id=\"faq-faq-5\"\n                        role=\"region\"\n                    >\n                        <div class=\"container\">\n                            <div class=\"faq-answer-content\">\n                                <p>It depends on the scope (audit, redesign, design system, ongoing support) and the level of requirements. Rather than a standard price, we provide an estimate after a short scoping phase, aligned with your goals.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                            \n                <div class=\"faq-item \">\n                    <div class=\"container\">\n                        <button \n                            class=\"faq-question\" \n                            type=\"button\"\n                            aria-expanded=\"false\"\n                            aria-controls=\"faq-faq-6\"\n                            onclick=\"this.closest('.faq-item').classList.toggle('active'); this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');\"\n                        >\n                            <h3>Do you use AI in the design process?<\/h3>\n                            <i class=\"faq-icon\"><\/i>\n                        <\/button>\n                    <\/div>\n                    <div \n                        class=\"faq-answer\" \n                        id=\"faq-faq-6\"\n                        role=\"region\"\n                    >\n                        <div class=\"container\">\n                            <div class=\"faq-answer-content\">\n                                <p>Yes, where it adds value \u2014 to speed up research, explore variations or generate assets \u2014 always with human design judgment and your users at the centre.<\/p>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n<section class=\"castelis-contact-form\"  id=\"contact\" >\n    <div class=\"container\">   \n                    <div class=\"contact-tag hashtag-title\">CONTACT<\/div>\n        \n                    <h2 class=\"contact-heading\">Let&#039;s talk about your project<\/h2>\n        \n        \n        <div class=\"contact-wrapper\">\n            \n            <div class=\"contact-form-side\">\n                                    <div class=\"contact-form-container\">\n                        \n\t\t\t\t\t\t<script>\n\t\t\t\t\t\t\twindow.hsFormsOnReady = window.hsFormsOnReady || [];\n\t\t\t\t\t\t\twindow.hsFormsOnReady.push(()=>{\n\t\t\t\t\t\t\t\thbspt.forms.create({\n\t\t\t\t\t\t\t\t\tportalId: 9318812,\n\t\t\t\t\t\t\t\t\tformId: \"312183e0-8b6c-488d-ac79-af4a4fbc82fe\",\n\t\t\t\t\t\t\t\t\ttarget: \"#hbspt-form-1785171322000-2668525830\",\n\t\t\t\t\t\t\t\t\tregion: \"na1\",\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t})});\n\t\t\t\t\t\t<\/script>\n\t\t\t\t\t\t<div class=\"hbspt-form\" id=\"hbspt-form-1785171322000-2668525830\"><\/div>\n                    <\/div>\n                            <\/div>\n\n            \n            <div class=\"contact-sidebar\">\n                <div class=\"sidebar-content\">\n                                            <h3 class=\"sidebar-heading\">Why choose us?<\/h3>\n                    \n                                            <div class=\"reasons-list\">\n                                                            <div class=\"reason-item\">\n                                    <i class=\"green-icon-bg\"><\/i>\n                                    <div class=\"reason-content\">\n                                        <h4 class=\"reason-title\">Technical expertise<\/h4>\n                                        <div class=\"reason-description\">25+ years of experience, AWS\/Azure certifications, modern stack<\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"reason-item\">\n                                    <i class=\"green-icon-bg\"><\/i>\n                                    <div class=\"reason-content\">\n                                        <h4 class=\"reason-title\">Proven methodology<\/h4>\n                                        <div class=\"reason-description\">500+ projects delivered, proven agile method, reliable timelines<\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"reason-item\">\n                                    <i class=\"green-icon-bg\"><\/i>\n                                    <div class=\"reason-content\">\n                                        <h4 class=\"reason-title\">Ongoing support<\/h4>\n                                        <div class=\"reason-description\">TMA available, team training, 24\/7 monitoring<\/div>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                    \n                                            <div class=\"satisfaction-rating\">\n                            <div class=\"rating-display\">\n                                <div class=\"rating-label\">Note satisfaction<\/div>\n                                <div class=\"rating-number\">5.0\/5<\/div>\n                            <\/div>\n                            <div class=\"rating-stars\">\n                                                                                                            <i class=\"fas fa-star\"><\/i>\n                                                                                                                                                <i class=\"fas fa-star\"><\/i>\n                                                                                                                                                <i class=\"fas fa-star\"><\/i>\n                                                                                                                                                <i class=\"fas fa-star\"><\/i>\n                                                                                                                                                <i class=\"fas fa-star\"><\/i>\n                                                                                                <\/div>\n                                                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n            <div class=\"contact-form-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.castelis.com\/wp-content\/uploads\/2025\/12\/designer-working-3d-model-2.png\" alt=\"\" \/>\n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":2412,"parent":2381,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-2496","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/pages\/2496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/comments?post=2496"}],"version-history":[{"count":5,"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/pages\/2496\/revisions"}],"predecessor-version":[{"id":3343,"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/pages\/2496\/revisions\/3343"}],"up":[{"embeddable":true,"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/pages\/2381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/media\/2412"}],"wp:attachment":[{"href":"https:\/\/www.castelis.com\/en\/wp-json\/wp\/v2\/media?parent=2496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}