{"id":1121,"date":"2021-09-21T14:58:31","date_gmt":"2021-09-21T12:58:31","guid":{"rendered":"https:\/\/o-matic.ch\/portfolio\/mobile-application-and-animations-for-sno\/"},"modified":"2026-02-06T18:33:32","modified_gmt":"2026-02-06T17:33:32","slug":"sno","status":"publish","type":"project","link":"https:\/\/o-matic.ch\/en\/portfolio\/sno\/","title":{"rendered":"Mobile application and animations for SN\u00d8"},"content":{"rendered":"\n<div class=\"wp-block-group container\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading title--h3 mb-3\">A minimalist design inspired by the logo<\/h2>\n\n\n\n<p class=\"mb-2\">To meet our client&#8217;s challenge of designing a minimalist application, we drew inspiration from the brand&#8217;s identity and, above all, its logo, which we adapted to serve as a switch on the application.<\/p>\n\n\n\n<p class=\"mb-2\">In fact, the initial version of the application was used to remotely control the operation and temperature of the modules.<\/p>\n\n\n\n<p class=\"mb-2\">In addition to a minimalist interface, we also designed animations to illustrate certain stages of the application and its use (purchase, connection, start-up, etc.).<\/p>\n\n\n\n<p>These animations are based on photos and videos of the products, allowing them to be represented as accurately as possible.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading title--h3 mb-3\">An intuitive and minimalist application<\/h2>\n\n\n\n<p class=\"mb-2\">First project that laid the foundations for O&#8217;Matic, the SN\u00d8 application enabled us to implement a user-centred methodology and work closely with the client to bring their project to fruition.<\/p>\n\n\n\n<p>Directly from the application, the user can manage and regulate the temperature on one or more devices.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full container my-15 p-0\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/mockup-app.jpg\" alt=\"\" class=\"wp-image-673\" srcset=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/mockup-app.jpg 1920w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/mockup-app-300x169.jpg 300w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/mockup-app-1024x576.jpg 1024w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/mockup-app-768x432.jpg 768w, https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/mockup-app-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n<div class=\"glide wp-block-omatic-blocks-generic-slider\" data-slider-type=\"slider\" data-desktop-items=\"2\" data-tablet-items=\"1\" data-mobile-items=\"1\" data-autoplay=\"0\">\n\t<div class=\"wp-block-omatic-blocks-generic-slider__header mb-6\">\n\t\t\t\t\t<h3 class=\"wp-block-omatic-blocks-generic-slider__header--title\">More than 10 animations have been designed<\/h3>\n\t\t\t\t<div class=\"wp-block-omatic-blocks-generic-slider__header--buttons\" data-glide-el=\"controls\">\n\t\t\t<button class=\"glide__arrow glide__arrow--left\" data-glide-dir=\"&lt;\" aria-label=\"\"><i class=\"fa-sharp fa-arrow-left\" aria-hidden=\"true\"><\/i><\/button>\n\t\t\t<button class=\"glide__arrow glide__arrow--right\" data-glide-dir=\"&gt;\" aria-label=\"\"><i class=\"fa-sharp fa-arrow-right\" aria-hidden=\"true\"><\/i><\/button>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"glide__track wp-block-omatic-blocks-generic-slider__track\" data-glide-el=\"track\">\n\t\t<ul class=\"glide__slides\">\n\t\t\t\n<li class=\"glide__slide wp-block-omatic-blocks-generic-slider-item\">\n\t\n\t<div class=\"wp-block-omatic-blocks-lottie-player\" data-animation-path=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/main-sno.json\">\n\t<\/div>\n\n<\/li>\n\n<li class=\"glide__slide wp-block-omatic-blocks-generic-slider-item\">\n\t\n\t<div class=\"wp-block-omatic-blocks-lottie-player\" data-animation-path=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/shopping-sno.json\">\n\t<\/div>\n\n<\/li>\n\n<li class=\"glide__slide wp-block-omatic-blocks-generic-slider-item\">\n\t\n\t<div class=\"wp-block-omatic-blocks-lottie-player\" data-animation-path=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/search-sno.json\">\n\t<\/div>\n\n<\/li>\n\n<li class=\"glide__slide wp-block-omatic-blocks-generic-slider-item\">\n\t\n\t<div class=\"wp-block-omatic-blocks-lottie-player\" data-animation-path=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/connexion-app-module.json\">\n\t<\/div>\n\n<\/li>\n\n<li class=\"glide__slide wp-block-omatic-blocks-generic-slider-item\">\n\t\n\t<div class=\"wp-block-omatic-blocks-lottie-player\" data-animation-path=\"https:\/\/o-matic.ch\/wp-content\/uploads\/2026\/01\/connexion-module-ok.json\">\n\t<\/div>\n\n<\/li>\n\t\t<\/ul>\n\t<\/div>\n<\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>To adapt to rising summer temperatures, Swiss brand SN\u00d8 has developed thermoelectric cooling modules. Their goal was to offer their customers a modern, portable and tailored user experience. SN\u00d8 called on O&#8217;Matic to design a minimalist, tailor-made mobile application to control and explain its devices.  <\/p>\n","protected":false},"featured_media":1124,"template":"","meta":{"_project_link":"","_project_logo":666,"_project_color":"#9cd9dd","_project_hero_text_color":"dark"},"project-category":[55,54],"project-tag":[56,57],"class_list":["post-1121","project","type-project","status-publish","has-post-thumbnail","hentry","project-category-animation","project-category-mobile-applications"],"_links":{"self":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project\/1121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/media\/1124"}],"wp:attachment":[{"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/media?parent=1121"}],"wp:term":[{"taxonomy":"project-category","embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project-category?post=1121"},{"taxonomy":"project-tag","embeddable":true,"href":"https:\/\/o-matic.ch\/en\/wp-json\/wp\/v2\/project-tag?post=1121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}