{"id":3263,"date":"2022-10-12T14:15:48","date_gmt":"2022-10-12T18:15:48","guid":{"rendered":"https:\/\/www.alto-design.com\/services\/design-numerique\/"},"modified":"2024-10-23T09:13:25","modified_gmt":"2024-10-23T13:13:25","slug":"interaction-design","status":"publish","type":"services","link":"https:\/\/www.alto-design.com\/en\/services\/interaction-design\/","title":{"rendered":"Interaction design"},"content":{"rendered":"    <section class=\"text counter\" id=\"\">\n        <div class=\"wrapper\">\n            <div class=\"separator || row\">\r\n    <p class=\"separator__counter || uppercase text-h6 col-3 slg:col-2 lg:col-12\"><\/p>\r\n\r\n    <h3 class=\"separator__subtitle || uppercase text-h6 col-5 slg:col-6 lg:col-12\"><p>Interaction design<\/p>\n<\/h3>\r\n\r\n    <\/div>\r\n            <div class=\"row\">\n                <div class=\"text__wysi || col-9 col-offset-3 slg:col-10 slg:col-offset-2 lg:col-12 lg:col-offset-0\">\n                    <h2 class=\"uppercase\"><p>We consider all aspects of user interaction, both physical and digital, to create intuitive and optimal behavior<\/p>\n<\/h2>\n                    <div class=\"wysi \">\r\n    <p>When someone wants to use a product, they often have to interact with a range of physical and digital interfaces without distinguishing the boundaries between them.<\/p>\n<p>Turning a knob to adjust a setting, touching a screen to select an option, pushing on a part to deactivate a safety mechanism&#8230; these are all examples of common interactions that require empathetic reflection on the ability of physical and digital elements to communicate their function properly, to avoid usage errors and frustrations. That&#8217;s why we apply the same user-centered approach to creating distinctive physical products as we do to imagining intuitive digital interfaces.<\/p>\n<p>We have developed our expertise in user experience (UX) and user interface (UI) to help you develop practical, safe and enjoyable user experiences.<\/p>\n<p>Interaction design includes:<\/p>\n<ul>\n<li>Creation of personas<\/li>\n<li>User journey<\/li>\n<li>Navigation organization (wireframe)<\/li>\n<li>Human machine interface (HMI)<\/li>\n<li>Harmonization of digital interface with physical product design<\/li>\n<li>Graphic design of interfaces (GUI)<\/li>\n<li>Mockup and prototyping<\/li>\n<li>User testing<\/li>\n<\/ul>\n<\/div>\r\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <section class=\"subservices counter\" id=\"user-experience\">\r\n        <div class=\"wrapper\">\r\n            <div class=\"separator || row\">\r\n    <p class=\"separator__counter || uppercase text-h6 col-3 slg:col-2 lg:col-12\"><\/p>\r\n\r\n    <h3 class=\"separator__subtitle || uppercase text-h6 col-5 slg:col-6 lg:col-12\"><p>User experience (UX)<\/p>\n<\/h3>\r\n\r\n    <\/div>\r\n            <div class=\"subservice || relative row\">\r\n    <div class=\"col-2 lg:col-12\">\r\n            <\/div>\r\n    <div class=\"subservice__wysi || col-9 col-offset-1 slg:col-offset-0 lg:col-12\">\r\n                <div class=\"wysi \">\r\n    <p>A user centered approach is fundamental to the design of interactive solutions that respond efficiently to user needs and are coherent with your product strategy.<\/p>\n<p>Our designers&#8217; empathy helps them define intuitive user journeys to improve interface fluidity and avoid potential pain points. The creation of personas based on ethnographic data facilitates the creation of representative user profiles, enabling us to pinpoint functionalities and interfaces according to the specific expectations of target groups. Based on user research, we structure the information architecture using clear, functional wireframes.<\/p>\n<p>User tests are regularly carried out to assess the relevance and effectiveness of interfaces, leading to adjustments based on real-world results. This iterative validation process ensures an optimal user experience, enhancing end-user engagement and satisfaction.<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-3846\" src=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-1024x612.jpg?lossy=1&strip=1&webp=1\" alt=\"\" width=\"1024\" height=\"612\" srcset=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-1024x612.jpg?lossy=1&strip=1&webp=1 1024w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-1806x1080.jpg?lossy=1&strip=1&webp=1 1806w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-800x478.jpg?lossy=1&strip=1&webp=1 800w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-768x459.jpg?lossy=1&strip=1&webp=1 768w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-1536x919.jpg?lossy=1&strip=1&webp=1 1536w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-2048x1225.jpg?lossy=1&strip=1&webp=1 2048w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-1920x1148.jpg?lossy=1&strip=1&webp=1 1920w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-1280x766.jpg?lossy=1&strip=1&webp=1 1280w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-900x538.jpg?lossy=1&strip=1&webp=1 900w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-600x359.jpg?lossy=1&strip=1&webp=1 600w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ux-300x179.jpg?lossy=1&strip=1&webp=1 300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n<\/div>\r\n    <\/div>\r\n<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"subservices counter\" id=\"user-interface\">\r\n        <div class=\"wrapper\">\r\n            <div class=\"separator || row\">\r\n    <p class=\"separator__counter || uppercase text-h6 col-3 slg:col-2 lg:col-12\"><\/p>\r\n\r\n    <h3 class=\"separator__subtitle || uppercase text-h6 col-5 slg:col-6 lg:col-12\"><p>User interface (UI)<\/p>\n<\/h3>\r\n\r\n    <\/div>\r\n            <div class=\"subservice || relative row\">\r\n    <div class=\"col-2 lg:col-12\">\r\n            <\/div>\r\n    <div class=\"subservice__wysi || col-9 col-offset-1 slg:col-offset-0 lg:col-12\">\r\n                <div class=\"wysi \">\r\n    <p>User interface (UI) design consists in creating and arranging visual and interactive features that will naturally guide the user experience. The user interface (UI) is built on the structure previously defined by the user experience (UX) analysis.<\/p>\n<p>We draw from our graphic design skills to create layouts where every aspect (reading hierarchy, colors, fonts, animations, pictograms) reinforces cognitive ergonomics and aesthetic cohesion.<\/p>\n<p>We simultaneously harmonize the digital interface with the product physical design for total visual and functional coherence. We create physical and digital prototypes to visualize future interaction before final implementation. This approach allows us to fine-tune every element of the interface to ensure that it is not only representative, but also responsive and adaptable to different use cases.<\/p>\n<p>Each interface is designed to enhance the overall product experience, focusing on ease of use and navigation efficiency, while remaining true to the brand&#8217;s visual identity.<\/p>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-4461\" src=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-1024x613.jpg?lossy=1&strip=1&webp=1\" alt=\"\" width=\"1024\" height=\"613\" srcset=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-1024x613.jpg?lossy=1&strip=1&webp=1 1024w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-1806x1080.jpg?lossy=1&strip=1&webp=1 1806w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-800x479.jpg?lossy=1&strip=1&webp=1 800w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-768x459.jpg?lossy=1&strip=1&webp=1 768w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-1536x919.jpg?lossy=1&strip=1&webp=1 1536w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-1280x766.jpg?lossy=1&strip=1&webp=1 1280w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-900x538.jpg?lossy=1&strip=1&webp=1 900w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-600x359.jpg?lossy=1&strip=1&webp=1 600w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2-300x179.jpg?lossy=1&strip=1&webp=1 300w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/10\/ALTO-design-agency_services_interaction-design_ui_2.jpg?lossy=1&strip=1&webp=1 1839w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\n<p>Our UX and UI expertise ensures consistency between the physical and digital user experience of products. Moreover, our team can take charge of interaction design at different stages of development. Got a project in mind? <a href=\"https:\/\/www.alto-design.com\/en\/contact\/\">Tell us how we can help you<\/a> develop your interface.<\/p>\n<\/div>\r\n    <\/div>\r\n<\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"other-services counter\" id=\"\">\r\n        <div class=\"wrapper\">\r\n            <div class=\"separator || row\">\r\n    <p class=\"separator__counter || uppercase text-h6 col-3 slg:col-2 lg:col-12\"><\/p>\r\n\r\n    <h3 class=\"separator__subtitle || uppercase text-h6 col-5 slg:col-6 lg:col-12\">Other services<\/h3>\r\n\r\n    <\/div>\r\n            <div class=\"row\">\r\n                <div class=\"col-6 md:col-6 sm:col-12 card--featured__container \">\r\n    <a class=\"card card--other-service previous\" href=\"https:\/\/www.alto-design.com\/en\/services\/industrial-design\/\">\r\n        <div draggable=\"true\" class=\"card__image card__custom-cursor\">\r\n            <div class=\"container-image  \" style=\"padding-bottom: 65.045248868778%\">\n    <img decoding=\"async\"\n        class=\"ratio-image \"\n        src=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4.jpg?lossy=1&strip=1&webp=1\"\n                srcset=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4.jpg?lossy=1&strip=1&webp=1 4608w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-1024x427.jpg?lossy=1&strip=1&webp=1 1024w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-1920x800.jpg?lossy=1&strip=1&webp=1 1920w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-800x333.jpg?lossy=1&strip=1&webp=1 800w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-768x320.jpg?lossy=1&strip=1&webp=1 768w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-1536x640.jpg?lossy=1&strip=1&webp=1 1536w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-2048x853.jpg?lossy=1&strip=1&webp=1 2048w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-1280x533.jpg?lossy=1&strip=1&webp=1 1280w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-900x375.jpg?lossy=1&strip=1&webp=1 900w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-600x250.jpg?lossy=1&strip=1&webp=1 600w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2022\/09\/ALTO-design-agency_services_industrial-design-4-300x125.jpg?lossy=1&strip=1&webp=1 300w\"\n                alt=\"A person sits at a desk using a stylus to create a digital sketch of a boat on a large touchscreen monitor in the modern, minimal office of an agence de design industriel \u00e0 Montr\u00e9al.\" loading=\"lazy\">\n<\/div>\n        <\/div>\r\n        <div class=\"card__info\">\r\n            <h6 class=\"card__title || relative flex\">Industrial design<\/h6>\r\n                            <p class=\"card__client || subtitle uppercase\">previous service<\/p>\r\n                                <\/div>\r\n    <\/a>\r\n<\/div>\r\n                <div class=\"col-6 md:col-6 sm:col-12 card--featured__container \">\r\n    <a class=\"card card--other-service next\" href=\"https:\/\/www.alto-design.com\/en\/services\/mechanical-engineering\/\">\r\n        <div draggable=\"true\" class=\"card__image card__custom-cursor\">\r\n            <div class=\"container-image  \" style=\"padding-bottom: 65.045248868778%\">\n    <img decoding=\"async\"\n        class=\"ratio-image \"\n        src=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3.jpg?lossy=1&strip=1&webp=1\"\n                srcset=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3.jpg?lossy=1&strip=1&webp=1 4608w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-1024x427.jpg?lossy=1&strip=1&webp=1 1024w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-1920x800.jpg?lossy=1&strip=1&webp=1 1920w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-800x333.jpg?lossy=1&strip=1&webp=1 800w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-768x320.jpg?lossy=1&strip=1&webp=1 768w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-1536x640.jpg?lossy=1&strip=1&webp=1 1536w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-2048x853.jpg?lossy=1&strip=1&webp=1 2048w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-1280x533.jpg?lossy=1&strip=1&webp=1 1280w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-900x375.jpg?lossy=1&strip=1&webp=1 900w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-600x250.jpg?lossy=1&strip=1&webp=1 600w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2024\/05\/ALTO-design-agency-mechanical-engineering-banner_3-300x125.jpg?lossy=1&strip=1&webp=1 300w\"\n                alt=\"Two people sit at a desk viewing 3D mechanical designs on dual monitors, with technical drawings and notebooks open, collaborating in a modern office\u2014an inspiring setting for an agence de d\u00e9veloppement de produits au Canada.\" loading=\"lazy\">\n<\/div>\n        <\/div>\r\n        <div class=\"card__info\">\r\n            <h6 class=\"card__title || relative flex\">Mechanical engineering<\/h6>\r\n                                        <p class=\"card__client || subtitle uppercase\">next service<\/p>\r\n                    <\/div>\r\n    <\/a>\r\n<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section class=\"featured counter\" id=\"\">\r\n        <div class=\"wrapper\">\r\n            <div class=\"separator || row\">\r\n    <p class=\"separator__counter || uppercase text-h6 col-3 slg:col-2 lg:col-12\"><\/p>\r\n\r\n    <h3 class=\"separator__subtitle || uppercase text-h6 col-5 slg:col-6 lg:col-12\"><p>Projects<\/p>\n<\/h3>\r\n\r\n            <div class=\"separator__button || text-right col-4 lg:col-12 lg:text-left\">\r\n            <a href=\"https:\/\/www.alto-design.com\/en\/projets\/\" class=\"cta--main cta--main\" target=\"_self\">\r\n    <span class=\"cta__text\">See all projects<\/span>\r\n<\/a>\r\n        <\/div>\r\n    <\/div>\r\n            <div class=\"row\">\r\n                <div class=\"col-6 md:col-6 sm:col-12 card--featured__container \">\r\n    <a class=\"card card--featured\" href=\"https:\/\/www.alto-design.com\/en\/projects\/revogene-en\/\">\r\n        <div draggable=\"true\" class=\"card__image card__custom-cursor\">\r\n            <div class=\"container-image  \" style=\"padding-bottom: 65.045248868778%\">\n    <img decoding=\"async\"\n        class=\"ratio-image \"\n        src=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920.jpg?lossy=1&strip=1&webp=1\"\n                srcset=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920.jpg?lossy=1&strip=1&webp=1 4608w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-1024x427.jpg?lossy=1&strip=1&webp=1 1024w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-1920x800.jpg?lossy=1&strip=1&webp=1 1920w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-800x333.jpg?lossy=1&strip=1&webp=1 800w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-768x320.jpg?lossy=1&strip=1&webp=1 768w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-1536x640.jpg?lossy=1&strip=1&webp=1 1536w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-2048x853.jpg?lossy=1&strip=1&webp=1 2048w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-1280x533.jpg?lossy=1&strip=1&webp=1 1280w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-900x375.jpg?lossy=1&strip=1&webp=1 900w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-600x250.jpg?lossy=1&strip=1&webp=1 600w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/REVOGENE_Groupe_4608x1920-300x125.jpg?lossy=1&strip=1&webp=1 300w\"\n                alt=\"Two sleek, white medical devices with digital touchscreens and curved designs are displayed on a gray background. The foreground device screen shows buttons and the word Nirgene, created by an agence de d\u00e9veloppement de produits m\u00e9dicaux au Canada.\" loading=\"lazy\">\n<\/div>\n        <\/div>\r\n        <div class=\"card__info || flex items-center justify-between sm:block\">\r\n            <h3 class=\"text-h6 card__title || relative uppercase flex\">Revogene<\/h3>\r\n            <p class=\"card__client || subtitle uppercase text-right sm:text-left\">Genepoc<\/p>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\r\n<div class=\"col-6 md:col-6 sm:col-12 card--featured__container \">\r\n    <a class=\"card card--featured\" href=\"https:\/\/www.alto-design.com\/en\/projects\/eccellenza-momentum-en\/\">\r\n        <div draggable=\"true\" class=\"card__image card__custom-cursor\">\r\n            <div class=\"container-image  \" style=\"padding-bottom: 65.045248868778%\">\n    <img decoding=\"async\"\n        class=\"ratio-image \"\n        src=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920.jpg?lossy=1&strip=1&webp=1\"\n                srcset=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920.jpg?lossy=1&strip=1&webp=1 4608w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-1024x427.jpg?lossy=1&strip=1&webp=1 1024w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-1920x800.jpg?lossy=1&strip=1&webp=1 1920w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-800x333.jpg?lossy=1&strip=1&webp=1 800w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-768x320.jpg?lossy=1&strip=1&webp=1 768w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-1536x640.jpg?lossy=1&strip=1&webp=1 1536w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-2048x853.jpg?lossy=1&strip=1&webp=1 2048w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-1280x533.jpg?lossy=1&strip=1&webp=1 1280w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-900x375.jpg?lossy=1&strip=1&webp=1 900w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-600x250.jpg?lossy=1&strip=1&webp=1 600w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/08\/VKI_FamilleEccellenzaMomentumTouch_4608x1920-300x125.jpg?lossy=1&strip=1&webp=1 300w\"\n                alt=\"Two modern, silver coffee machines with digital touch screens are displayed side by side on a light gray background\u2014designed with the expertise of an agence de d\u00e9veloppement de produits \u00e0 Montr\u00e9al. Each features a cup holder and top compartment for beans.\" loading=\"lazy\">\n<\/div>\n        <\/div>\r\n        <div class=\"card__info || flex items-center justify-between sm:block\">\r\n            <h3 class=\"text-h6 card__title || relative uppercase flex\">Eccellenza Momentum<\/h3>\r\n            <p class=\"card__client || subtitle uppercase text-right sm:text-left\">Keurig VKI<\/p>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\r\n<div class=\"col-6 md:col-6 sm:col-12 card--featured__container \">\r\n    <a class=\"card card--featured\" href=\"https:\/\/www.alto-design.com\/en\/projects\/baggers-hmi\/\">\r\n        <div draggable=\"true\" class=\"card__image card__custom-cursor\">\r\n            <div class=\"container-image  \" style=\"padding-bottom: 65.045248868778%\">\n    <img decoding=\"async\"\n        class=\"ratio-image \"\n        src=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920.jpg?lossy=1&strip=1&webp=1\"\n                srcset=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920.jpg?lossy=1&strip=1&webp=1 4608w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-1024x427.jpg?lossy=1&strip=1&webp=1 1024w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-1920x800.jpg?lossy=1&strip=1&webp=1 1920w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-800x333.jpg?lossy=1&strip=1&webp=1 800w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-768x320.jpg?lossy=1&strip=1&webp=1 768w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-1536x640.jpg?lossy=1&strip=1&webp=1 1536w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-2048x853.jpg?lossy=1&strip=1&webp=1 2048w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-1280x533.jpg?lossy=1&strip=1&webp=1 1280w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-900x375.jpg?lossy=1&strip=1&webp=1 900w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-600x250.jpg?lossy=1&strip=1&webp=1 600w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/09\/PREMIERTECH_ENSACHEUSE_LOGO_4608x1920-300x125.jpg?lossy=1&strip=1&webp=1 300w\"\n                alt=\"Close-up of a modern white and blue structure featuring a glowing P logo on a vertical blue panel, designed with clean lines and minimalist style by an agence de design industriel \u00e0 Montr\u00e9al.\" loading=\"lazy\">\n<\/div>\n        <\/div>\r\n        <div class=\"card__info || flex items-center justify-between sm:block\">\r\n            <h3 class=\"text-h6 card__title || relative uppercase flex\">Baggers and HMI<\/h3>\r\n            <p class=\"card__client || subtitle uppercase text-right sm:text-left\">PREMIER TECH<\/p>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\r\n<div class=\"col-6 md:col-6 sm:col-12 card--featured__container \">\r\n    <a class=\"card card--featured\" href=\"https:\/\/www.alto-design.com\/en\/projects\/will-alter-eco-en\/\">\r\n        <div draggable=\"true\" class=\"card__image card__custom-cursor\">\r\n            <div class=\"container-image  \" style=\"padding-bottom: 65.045248868778%\">\n    <img decoding=\"async\"\n        class=\"ratio-image \"\n        src=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-scaled.jpg?lossy=1&strip=1&webp=1\"\n                srcset=\"https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-scaled.jpg?lossy=1&strip=1&webp=1 2560w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-1024x457.jpg?lossy=1&strip=1&webp=1 1024w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-1920x857.jpg?lossy=1&strip=1&webp=1 1920w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-800x357.jpg?lossy=1&strip=1&webp=1 800w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-768x343.jpg?lossy=1&strip=1&webp=1 768w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-1536x686.jpg?lossy=1&strip=1&webp=1 1536w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-2048x914.jpg?lossy=1&strip=1&webp=1 2048w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-1280x571.jpg?lossy=1&strip=1&webp=1 1280w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-900x402.jpg?lossy=1&strip=1&webp=1 900w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-600x268.jpg?lossy=1&strip=1&webp=1 600w, https:\/\/b2895708.smushcdn.com\/2895708\/wp-content\/uploads\/2023\/11\/WILL-ALTER-ECO_6_5376x2400-300x134.jpg?lossy=1&strip=1&webp=1 300w\"\n                alt=\"Three minimalist app screens, crafted with une strat\u00e9gie de design au Qu\u00e9bec, display environmental data: water consumption, a car and house with percentage values, and energy usage alongside a CO2 graph on a light gray background.\" loading=\"lazy\">\n<\/div>\n        <\/div>\r\n        <div class=\"card__info || flex items-center justify-between sm:block\">\r\n            <h3 class=\"text-h6 card__title || relative uppercase flex\">Will &#8211; Alter eco<\/h3>\r\n            <p class=\"card__client || subtitle uppercase text-right sm:text-left\">Alto Lab<\/p>\r\n        <\/div>\r\n    <\/a>\r\n<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n","protected":false},"excerpt":{"rendered":"<p>Bring to life your product vision and ensure consistency between the physical and digital user experience.<\/p>\n","protected":false},"featured_media":3150,"template":"","class_list":["post-3263","services","type-services","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.alto-design.com\/en\/wp-json\/wp\/v2\/services\/3263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.alto-design.com\/en\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/www.alto-design.com\/en\/wp-json\/wp\/v2\/types\/services"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.alto-design.com\/en\/wp-json\/wp\/v2\/media\/3150"}],"wp:attachment":[{"href":"https:\/\/www.alto-design.com\/en\/wp-json\/wp\/v2\/media?parent=3263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}